:root{--ink:#0d1615;--ink-2:#14201e;--ink-3:#1c2b28;--felt:#11201d;--fg:#edf3ef;--muted:#93a8a1;--line:rgba(170,215,200,.16);--jade:#8fd3bf;--parchment:#d8b783;--parchment-deep:#9c7743;--f-display:"Marcellus","Cormorant Garamond",Georgia,serif;--f-read:"Spectral",Georgia,"Times New Roman",serif;--f-ui:"Mulish",system-ui,-apple-system,"Segoe UI",sans-serif;--card-w:min(64vw,260px);color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{min-height:100%}body{background:radial-gradient(120% 60% at 50% 12%,#183330,#0d161500 60%),var(--ink);color:var(--fg);font-family:var(--f-ui);font-size:15px;line-height:1.5;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:20px 48px}.app{max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:22px}button{font-family:inherit}button:focus-visible,textarea:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--jade);outline-offset:2px}header{display:flex;flex-direction:column;gap:10px}.top{display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{font-family:var(--f-display);letter-spacing:.2em;font-size:12px;color:var(--muted);text-transform:uppercase}.tools{display:flex;gap:6px}.chip-btn{font:600 12px var(--f-ui);color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:999px;padding:5px 11px;cursor:pointer}.chip-btn[aria-pressed=true]{color:var(--ink);background:var(--jade);border-color:var(--jade)}h1{font-family:var(--f-display);font-weight:400;font-size:30px;line-height:1.15;margin:0;text-wrap:balance}.deck-sub{font-family:var(--f-read);font-style:italic;color:var(--parchment);font-size:15px;margin:0}.date{color:var(--muted);font-size:13px;text-transform:capitalize}.stats{display:flex;gap:8px;flex-wrap:wrap}.pill{font-size:12px;font-weight:600;background:var(--ink-3);border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-variant-numeric:tabular-nums}.pill b{color:var(--jade)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;list-style:none;margin:0;padding:0}.steps li{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-top:2px solid var(--line);padding-top:6px}.steps li.on{color:var(--fg);border-color:var(--jade)}.steps li.done{color:var(--jade);border-color:var(--jade)}.ask{display:flex;flex-direction:column;gap:6px}.ask label{font-size:13px;color:var(--muted)}.ask input{width:100%;font:16px var(--f-read);color:var(--fg);background:var(--ink-2);border:1px solid var(--line);border-radius:10px;padding:11px 12px}.asked{font-family:var(--f-read);font-style:italic;color:var(--parchment);font-size:16px;margin:0;text-align:center}.stage{position:relative;display:grid;place-items:center;padding-block:10px 0;perspective:1400px}.stage:before{content:"";position:absolute;inset:4% 10%;border-radius:50%;background:radial-gradient(closest-side,#8fd3bf38,#8fd3bf00);filter:blur(8px);pointer-events:none}.stage[data-phase=revealed]:before{background:radial-gradient(closest-side,#d8b78342,#d8b78300)}.card-btn{all:unset;cursor:pointer;width:var(--card-w);aspect-ratio:1063/1654;position:relative;transform-style:preserve-3d;border-radius:14px;-webkit-tap-highlight-color:transparent}.card-btn:focus-visible{outline:2px solid var(--jade);outline-offset:6px}.stage[data-phase=revealed] .card-btn{cursor:default}.face{position:absolute;inset:0;border-radius:14px;overflow:hidden;backface-visibility:hidden;box-shadow:0 30px 60px -20px #000000b3,0 0 0 1px #d8b78359}.face img{width:100%;height:100%;object-fit:cover;display:block}.back{animation:float 5s ease-in-out infinite}.stage[data-phase=ready] .back{box-shadow:0 30px 60px -20px #000000b3,0 0 0 1px #d8b78380,0 0 40px #d8b78340}@keyframes float{0%,to{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-8px) rotate(.6deg)}}.hint{font-family:var(--f-display);font-size:15px;letter-spacing:.05em;color:var(--parchment);text-align:center;margin-top:12px;min-height:1.5em}.stage[data-phase=ready] .hint{animation:pulse 2.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}.reel{position:absolute;inset:0;border-radius:14px;overflow:hidden;background:#f2f4f2;box-shadow:0 30px 60px -20px #000000b3,0 0 0 2px var(--parchment),0 0 0 7px #d8b7832e,0 0 50px #d8b78359}.reel-strip{position:absolute;left:0;right:0;top:0;will-change:transform}.reel-strip img{display:block;width:100%;aspect-ratio:1063/1654;object-fit:cover}.reel:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0d16158c,#0d161500 18% 82%,#0d16158c)}.result-card.pop{animation:pop .9s cubic-bezier(.2,.9,.25,1.2)}@keyframes pop{0%{transform:scale(1)}35%{transform:scale(1.06)}to{transform:scale(1)}}canvas.fx{position:absolute;inset:-40px;width:calc(100% + 80px);height:calc(100% + 80px);pointer-events:none}.loading{font-size:12px;color:var(--muted);text-align:center;min-height:1.2em}.panel{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:16px;background:var(--ink-2);border:1px solid var(--line)}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--jade);font-weight:700}.panel h2{font-family:var(--f-display);font-weight:400;font-size:26px;margin:0;line-height:1.15}.question{font-family:var(--f-read);font-style:italic;font-size:18px;color:var(--parchment);margin:0}.body-text{font-family:var(--f-read);font-size:17px;line-height:1.6;margin:0;color:#dfe7e3}.btn{font:700 13px var(--f-ui);border-radius:10px;padding:11px 15px;cursor:pointer;border:1px solid var(--line);background:var(--ink-3);color:var(--fg)}.btn.primary{background:var(--jade);color:#0b1a16;border-color:var(--jade)}.btn[disabled]{opacity:.45;cursor:not-allowed}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.guide{display:flex;gap:12px;align-items:flex-start}.guide .emo{font-size:40px;line-height:1;flex:none;filter:drop-shadow(0 4px 12px rgba(216,183,131,.4))}.guide.in .emo{animation:hop 1.1s cubic-bezier(.3,1.6,.5,1) both}@keyframes hop{0%{transform:scale(0) rotate(-30deg)}60%{transform:scale(1.2) rotate(8deg)}to{transform:scale(1) rotate(0)}}.bubble{position:relative;background:var(--parchment);color:#2a1f10;border-radius:16px 16px 16px 4px;padding:12px 14px;font-weight:600;font-size:15px;line-height:1.45}.guide.in .bubble{animation:rise .5s .35s ease-out both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.table{padding:14px 10px 18px;border-radius:18px;background:radial-gradient(120% 90% at 50% 0%,#17302b,var(--felt));border:1px solid var(--line)}.table-head{display:flex;justify-content:space-between;align-items:baseline;margin:0 4px 12px;gap:10px}.table-head h3{font-family:var(--f-display);font-weight:400;font-size:19px;margin:0}.count{font:700 13px var(--f-ui);color:var(--parchment);font-variant-numeric:tabular-nums}.spread{display:grid;grid-template-columns:repeat(8,1fr);gap:7px 5px}.pick{all:unset;cursor:pointer;aspect-ratio:1063/1654;border-radius:5px;position:relative;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.3,.7,.3,1),opacity .4s}.pick:hover:not([disabled]){transform:translateY(-4px) rotate(var(--r))}.pick:focus-visible{outline:2px solid var(--jade);outline-offset:2px}.pick .f{position:absolute;inset:0;border-radius:5px;overflow:hidden;backface-visibility:hidden;box-shadow:0 6px 12px -6px #000000b3,0 0 0 1px #d8b7834d}.pick .f img{width:100%;height:100%;object-fit:cover;display:block}.pick .front{transform:rotateY(180deg)}.pick.flipped{transform:rotateY(180deg) scale(1.05)}.pick.flipped .f{box-shadow:0 0 0 2px var(--parchment),0 6px 16px -4px #000000b3}.pick[disabled]:not(.flipped){opacity:.35;cursor:default}.table.locked .pick:not(.flipped){opacity:.35}.slots{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:8px;align-items:end}.slot{all:unset;cursor:pointer;aspect-ratio:1063/1654;border-radius:6px;overflow:hidden;position:relative;background:var(--ink-3);border:1px dashed var(--line)}.slot img{width:100%;height:100%;object-fit:cover;display:block}.slot.filled{border:0;box-shadow:0 0 0 1px #d8b78366}.slot.main{box-shadow:0 0 0 2px var(--parchment)}.slot[aria-pressed=true]{box-shadow:0 0 0 2px var(--jade)}.slot span{position:absolute;inset:auto 0 0;font-size:10px;font-weight:700;text-align:center;background:#0d1615cc;padding:3px 2px;color:var(--fg)}.slot:focus-visible{outline:2px solid var(--jade);outline-offset:2px}.themes{display:flex;gap:6px;flex-wrap:wrap}.tchip{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:#8fd3bf1f;color:var(--jade);border:1px solid rgba(143,211,191,.3)}.naya{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:14px;background:linear-gradient(160deg,#d8b7831a,#8fd3bf0f);border:1px solid rgba(216,183,131,.3)}.naya-head{display:flex;align-items:center;gap:10px}.naya-dot{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f4e4c4,var(--parchment) 45%,var(--parchment-deep));box-shadow:0 0 18px #d8b78380;flex:none}.naya.thinking .naya-dot{animation:breathe 1.6s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(.85);opacity:.7}50%{transform:scale(1.05);opacity:1}}.naya-head b{font-family:var(--f-display);font-weight:400;font-size:18px}.naya-text{font-family:var(--f-read);font-size:17px;line-height:1.65;margin:0;white-space:pre-wrap;color:#e7eee9;min-height:1.6em}.note{font-size:12px;color:var(--muted);margin:0}.voicebar{position:sticky;top:env(safe-area-inset-top,0px);z-index:6;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:linear-gradient(160deg,#2a2418,#1a2420);border:1px solid rgba(216,183,131,.4);box-shadow:0 10px 30px -12px #000c}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--ink)}.voicebar .naya-dot{width:34px;height:34px}.voicebar.speaking .naya-dot{animation:breathe 1.6s ease-in-out infinite}.vb-text{display:flex;flex-direction:column;min-width:0;flex:1}.vb-text b{font-family:var(--f-display);font-weight:400;font-size:17px}.vb-text span{font-size:12.5px;color:var(--muted);line-height:1.35}.demo-tag{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--parchment)}.voice-btn{display:inline-flex;align-items:center;gap:8px}.voice-btn .wave{display:inline-flex;gap:2px;align-items:center;height:14px}.voice-btn .wave i{width:3px;height:4px;border-radius:2px;background:currentColor;opacity:.7}.voice-btn.playing .wave i{animation:wave .9s ease-in-out infinite}.voice-btn.playing .wave i:nth-child(2){animation-delay:.15s}.voice-btn.playing .wave i:nth-child(3){animation-delay:.3s}.voice-btn.playing .wave i:nth-child(4){animation-delay:.45s}@keyframes wave{0%,to{height:4px}50%{height:14px}}.guide.speaking .emo{animation:speak 1.2s ease-in-out infinite}@keyframes speak{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}textarea{width:100%;min-height:90px;resize:vertical;font:16px/1.5 var(--f-read);color:var(--fg);background:var(--ink);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.next{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.next b{font:700 16px var(--f-ui);color:var(--fg);font-variant-numeric:tabular-nums}details.notice{border:1px solid var(--line);border-radius:14px;padding:4px 16px;background:var(--ink-2)}details.notice summary{cursor:pointer;padding:12px 0;font-family:var(--f-display);font-size:18px;list-style-position:inside}.notice h4{font:700 11px var(--f-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--jade);margin:14px 0 6px}.notice p{font-family:var(--f-read);font-size:15.5px;line-height:1.6;margin:0 0 10px;color:#d8e1dc;max-width:62ch}.credit{font-size:12px;color:var(--muted);margin:6px 0 14px}section.collection{display:flex;flex-direction:column;gap:10px}.sec-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.sec-head h3{font-family:var(--f-display);font-weight:400;font-size:19px;margin:0}.sec-head span{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.cslot{aspect-ratio:1063/1654;border-radius:4px;overflow:hidden;border:1px solid var(--line)}.cslot img{width:100%;height:100%;object-fit:cover;display:block}.cslot.locked img{opacity:.22;filter:grayscale(.6)}.cslot.today{outline:2px solid var(--parchment);outline-offset:1px}.demo{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px dashed var(--line);border-radius:12px}.demo p{margin:0;font-size:12px;color:var(--muted)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media(max-width:400px){.spread{grid-template-columns:repeat(7,1fr)}}@media(prefers-reduced-motion:reduce){.back,.stage[data-phase=ready] .hint,.guide.in .emo,.guide.in .bubble,.naya.thinking .naya-dot{animation:none}.pick{transition:none}.voice-btn.playing .wave i,.guide.speaking .emo{animation:none}}body{margin:0;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(48px,env(safe-area-inset-bottom))}.voicebar{top:max(8px,env(safe-area-inset-top));z-index:20}.app-footer{border-top:1px solid var(--line);padding-top:16px;color:var(--muted);font-size:12px}.app-footer summary{cursor:pointer}.app-footer button{margin-top:10px}.app-footer p{line-height:1.7}dialog{color:var(--fg);background:var(--ink-2);border:1px solid var(--line);border-radius:20px;max-width:460px;padding:24px}dialog::backdrop{background:#07110ee8}dialog h2{font:26px var(--f-display)}.status-note{color:var(--parchment);font-size:12px}.voicebar .btn{min-height:44px}.voicebar{flex-wrap:wrap}.voicebar .vb-text{min-width:140px}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.publisher-credit{line-height:1.7}.publisher-credit strong{color:var(--gold,#d8b783)}.legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 20px}.legal-links a,.legal-dialog a{color:#a6e1cd;text-underline-offset:3px}.privacy-controls{flex-wrap:wrap;justify-content:center}.app-footer{margin-top:40px;padding:24px 0;border-top:1px solid #395348}.legal-dialog{box-sizing:border-box;width:min(760px,calc(100vw - 24px));max-height:85dvh;overflow:auto;color:#edf3ef;background:#142a24;border:1px solid #587967;border-radius:18px;padding:24px;line-height:1.65}.legal-dialog h1,.legal-dialog h2{font-family:Marcellus,Georgia,serif;color:#d8b783;line-height:1.3}.legal-dialog h2{margin-top:28px;font-size:1.3rem}.legal-dialog h1{font-size:1.8rem}.legal-dialog .row{flex-wrap:wrap}.legal-dialog dd{margin:0 0 12px}.legal-dialog dt{font-weight:700}.legal-dialog textarea{box-sizing:border-box;width:100%;background:#0a1915;color:#eef3ed;padding:12px}.legal-toolbar{display:flex;justify-content:flex-end;position:sticky;top:0;background:#142a24;z-index:2;padding:4px 0 12px}.danger{border-color:#d79386!important;color:#ffd4ca!important}dialog::backdrop{background:#030d0acc}.legal-dialog :focus-visible{outline:2px solid #a6e1cd;outline-offset:4px}@font-face{font-family:Marcellus;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/marcellus-latin-400-normal-86dSXJnk.woff2) format("woff2"),url(/assets/marcellus-latin-400-normal-AvMY561b.woff) format("woff")}@font-face{font-family:Spectral;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/spectral-latin-400-normal-CTVgUekv.woff2) format("woff2"),url(/assets/spectral-latin-400-normal-D34IWA1h.woff) format("woff")}@font-face{font-family:Spectral;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/spectral-latin-400-italic-CDO25mTW.woff2) format("woff2"),url(/assets/spectral-latin-400-italic-Ds-NcNVC.woff) format("woff")}@font-face{font-family:Spectral;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/spectral-latin-500-normal-nNjq7_Cd.woff2) format("woff2"),url(/assets/spectral-latin-500-normal-PrYyf_gG.woff) format("woff")}@font-face{font-family:Mulish;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/mulish-latin-400-normal-C9Snyl1s.woff2) format("woff2"),url(/assets/mulish-latin-400-normal-BRmeVNaI.woff) format("woff")}@font-face{font-family:Mulish;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/mulish-latin-600-normal-BSghSUeJ.woff2) format("woff2"),url(/assets/mulish-latin-600-normal-BgWMv2vh.woff) format("woff")}@font-face{font-family:Mulish;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/mulish-latin-700-normal-DP36JSCV.woff2) format("woff2"),url(/assets/mulish-latin-700-normal-LuPokTVX.woff) format("woff")}