:root{--paper:#f1e7d1;--paper-2:#fbf5e6;--ink:#2a1f1a;--red:#c2502e;--mustard:#e0a82e;--green:#2f6f62;--felt:#2d5a4e;--felt-dark:#234a40;--font-display:"Dela Gothic One", "Hiragino Sans", "Yu Gothic", sans-serif;--font:"Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Yu Gothic", sans-serif;--noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.16 0 0 0 0 0.12 0 0 0 0 0.1 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:var(--paper) var(--noise);overscroll-behavior:none;font-weight:500}button{font:inherit;color:inherit;cursor:pointer}input{font:inherit;color:inherit}.btn{border:3px solid var(--ink);background:var(--mustard);box-shadow:0 5px 0 var(--ink);border-radius:16px;padding:12px 20px;font-size:1rem;font-weight:900;transition:transform 80ms,box-shadow 80ms;position:relative;top:0}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.big{border-radius:20px;padding:16px 22px;font-size:1.15rem}.btn.small{box-shadow:0 3px 0 var(--ink);border-radius:12px;padding:7px 14px;font-size:.85rem}.btn.green{background:var(--green);color:var(--paper-2)}.btn.ghost{background:var(--paper-2)}.chip{border:2.5px solid var(--ink);background:var(--paper-2);box-shadow:0 2px 0 var(--ink);border-radius:999px;padding:4px 12px;font-size:.8rem;font-weight:700}.panel{background:var(--paper-2);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:22px;padding:18px}.panel h2{font-family:var(--font-display);letter-spacing:.04em;margin:0 0 12px;font-size:1.15rem;font-weight:400}.note{opacity:.75;margin:6px 0 12px;font-size:.85rem;line-height:1.5}.note.center{text-align:center}.error{color:var(--red);text-align:center;margin:0;font-weight:900}.toast{z-index:30;background:var(--ink);color:var(--paper);border-radius:999px;padding:6px 16px;font-size:.85rem;position:fixed;top:10px;left:50%;transform:translate(-50%)}.home,.lobby{flex-direction:column;gap:22px;max-width:520px;min-height:100%;margin:0 auto;padding:28px 18px 40px;display:flex}.logo{text-align:center;font-family:var(--font-display);flex-wrap:wrap;justify-content:center;margin:8px 0 4px;font-size:clamp(2.8rem,15vw,4.6rem);font-weight:400;line-height:1;display:flex}.logo span{color:var(--paper-2);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--ink);display:inline-block}.logo span:first-child{color:#e9b8a3;transform:rotate(-6deg)}.logo span:nth-child(2){color:#efd27a;transform:rotate(3deg)translateY(4px)}.logo span:nth-child(3){color:#a9c7b1;transform:rotate(-3deg)}.logo span:nth-child(4){color:#a3c2d6;transform:rotate(5deg)translateY(3px)}.logo span:nth-child(5){color:#dba3ad;transform:rotate(-4deg)}.logo small{font-family:var(--font);letter-spacing:.12em;opacity:.7;flex-basis:100%;margin-top:16px;font-size:.8rem;font-weight:700}.field{flex-direction:column;gap:6px;font-size:.85rem;font-weight:900;display:flex}input{border:3px solid var(--ink);background:#fff9ea;border-radius:12px;width:100%;padding:10px 12px;font-size:1.05rem;box-shadow:inset 0 3px #2a1f1a1f}input:focus{outline:3px solid var(--mustard);outline-offset:2px}.opt{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:.9rem;font-weight:900;display:flex}.seg{border:3px solid var(--ink);background:#fff9ea;border-radius:14px;display:flex;overflow:hidden}.seg button{background:0 0;border:0;padding:8px 16px;font-size:1.05rem;font-weight:900}.seg button+button{border-left:3px solid var(--ink)}.seg button small{margin-left:2px;font-size:.7rem}.seg button.on{background:var(--ink);color:var(--paper-2)}.join{gap:10px;display:flex}.code-input{font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;text-align:center;font-size:1.3rem}.names{flex-direction:column;align-items:flex-start;gap:8px;margin:6px 0 16px;display:flex}.name-row{gap:8px;width:100%;display:flex}.lobby{position:relative}.lobby .back{z-index:2;position:absolute;top:14px;left:14px}.qr-panel{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.qr{border:3px solid var(--ink);background:#fbf5e6;border-radius:18px;width:min(100%,360px);padding:10px;line-height:0}.qr svg{width:100%;height:auto}.room-code{gap:8px;display:flex}.room-code span{font-family:var(--font-display);background:var(--ink);width:2.2rem;color:var(--paper-2);border-radius:10px;font-size:2.2rem;line-height:2.8rem}.url{word-break:break-all;opacity:.6;font-size:.72rem}.members h2{align-items:baseline;gap:8px;display:flex}.members h2 b{font-size:1.6rem}.members h2 small{font-family:var(--font);opacity:.6;margin-left:auto;font-size:.75rem}.members ul{flex-direction:column;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.members li{border:2.5px solid var(--ink);background:#fff9ea;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;font-weight:900;display:flex}.members li.off{opacity:.5}.members li i{border:2px solid var(--ink);border-radius:50%;width:12px;height:12px}.members li em{background:var(--mustard);border:2px solid var(--ink);border-radius:999px;padding:2px 8px;font-size:.7rem;font-style:normal}.members li em.me{background:#a3c2d6}.play{background:var(--felt) var(--noise);height:100dvh;color:var(--paper-2);flex-direction:column;display:flex;overflow:hidden}.hud{padding:calc(10px + env(safe-area-inset-top)) 14px 8px;justify-content:space-between;align-items:center;gap:10px;display:flex}.hud .back{color:var(--ink);flex:none;width:40px;height:40px;padding:0;font-size:1rem}.counter{background:var(--paper-2);color:var(--ink);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:16px;align-items:baseline;gap:6px;padding:4px 16px;display:flex}.counter b{font-family:var(--font-display);font-size:2rem;font-weight:400;line-height:1.1}.counter .slash{opacity:.6;font-weight:900}.label{opacity:.7;font-size:.7rem;font-weight:900}.pile{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.pile-n{color:var(--ink);background:var(--mustard);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:14px;align-items:baseline;gap:4px;padding:2px 12px;display:flex}.pile-n b{font-family:var(--font-display);font-size:1.5rem;font-weight:400}.pile .btn{color:var(--ink)}.stage{flex:60%;min-height:0;position:relative}.card3d{position:absolute;inset:0}.card3d .sensor{color:var(--ink);position:absolute;bottom:12px;right:12px}.stage-meta{pointer-events:none;flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute;bottom:10px;left:12px}.stage-meta .chip{color:var(--ink);opacity:.92}.dock{background:var(--paper-2);color:var(--ink);border-top:3px solid var(--ink);padding:12px 14px calc(12px + env(safe-area-inset-bottom));flex-direction:column;gap:10px;display:flex}.actions{grid-template-columns:1fr auto;gap:12px;display:grid}.scores{scrollbar-width:none;gap:8px;padding:2px 2px 6px;display:flex;overflow-x:auto}.score{border:2.5px solid var(--ink);background:#fff9ea;border-radius:12px;flex-direction:column;flex:none;align-items:center;min-width:72px;padding:3px 10px;display:flex}.score .n{text-overflow:ellipsis;white-space:nowrap;max-width:8em;font-size:.7rem;font-weight:900;overflow:hidden}.score b{font-family:var(--font-display);font-size:1.4rem;font-weight:400;line-height:1.1}.score.me{background:#a3c2d6}.score.off{opacity:.5}.picker-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;max-height:30vh;padding-bottom:4px;display:grid;overflow-y:auto}.btn.player{background:#a3c2d6}.overlay{z-index:5;background:#234a40d1;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.result{color:var(--ink);width:min(100%,380px)}.result ol{flex-direction:column;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.result li{border:2.5px solid var(--ink);background:#fff9ea;border-radius:12px;justify-content:space-between;padding:6px 12px;font-weight:900;display:flex}.result li.top{background:var(--mustard)}.result .row{flex-wrap:wrap;gap:10px;display:flex}@media (width>=900px){.play{border-left:3px solid var(--ink);border-right:3px solid var(--ink);max-width:1100px;margin:0 auto}}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn.red{background:var(--red);color:var(--paper-2)}.chip.link{align-self:flex-start}.join .code-input{flex:1;min-width:0}.join .btn{white-space:nowrap;flex:none}.modal-back{z-index:50;background:#2a1f1a99;place-items:center;padding:18px;animation:.15s ease-out fade;display:grid;position:fixed;inset:0}.modal{width:min(100%,380px);color:var(--ink);animation:.22s cubic-bezier(.3,1.5,.5,1) pop}.modal-body p{margin:0 0 14px;line-height:1.7}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.modal-actions .btn{flex:1;min-width:120px}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.85)}}.turnbar{pointer-events:none;justify-content:center;display:flex;position:absolute;top:8px;left:0;right:0}.chip.turn{color:var(--ink);padding:6px 16px;font-size:.9rem}.chip.turn.mine{background:var(--mustard);animation:1.2s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-3px)}}.score.turn{outline:3px solid var(--mustard);outline-offset:1px}.picker-grid{margin:4px 0 14px}.result-screen{min-height:100dvh;color:var(--paper-2);background:var(--felt) var(--noise);padding:calc(28px + env(safe-area-inset-top)) 16px calc(28px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:14px;display:flex;position:relative;overflow:hidden}.tape{font-family:var(--font-display);letter-spacing:.3em;color:var(--ink);background:var(--mustard);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);padding:4px 26px;font-size:1rem;animation:.5s cubic-bezier(.3,1.6,.5,1) both drop;transform:rotate(-3deg)}.verdict{text-align:center;font-family:var(--font-display);margin:4px 0 0;font-size:clamp(1.8rem,8vw,3rem);font-weight:400;line-height:1.25;animation:.6s cubic-bezier(.3,1.6,.5,1) 1.9s both drop}.verdict small{opacity:.9;font-size:.55em;display:block}.you-won{color:var(--mustard);margin:0;font-weight:900;animation:.4s 2.3s both fade}.podium{justify-content:center;align-items:flex-end;gap:10px;width:min(100%,460px);min-height:330px;margin-top:8px;display:flex}.step{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;display:flex}.step .who{z-index:1;opacity:0;flex-direction:column;align-items:center;gap:2px;margin-bottom:-6px;animation:.5s cubic-bezier(.3,1.6,.5,1) both drop;display:flex;position:relative}.step .block{border:3px solid var(--ink);width:100%;box-shadow:5px 5px 0 var(--ink);transform-origin:bottom;border-radius:14px 14px 0 0;place-items:center;animation:.7s cubic-bezier(.3,1.3,.5,1) forwards rise;display:grid;transform:scaleY(0)}.step .block span{font-family:var(--font-display);color:var(--ink);font-size:2.4rem}.step.rank-1 .block{background:var(--mustard);height:150px;animation-delay:1.1s}.step.rank-2 .block{background:#d9d3c4;height:110px;animation-delay:.5s}.step.rank-3 .block{background:#d9a07a;height:84px;animation-delay:0s}.step.rank-1 .who{animation-delay:1.7s}.step.rank-2 .who{animation-delay:1.1s}.step.rank-3 .who{animation-delay:.6s}.pname{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:4px;font-size:.95rem;overflow:hidden}.pscore{font-family:var(--font-display);font-size:1.5rem;line-height:1}.pscore small{font-family:var(--font);margin-left:2px;font-size:.7rem}.crown{width:44px;margin-bottom:-10px;animation:1.4s ease-in-out infinite bob}.rest{flex-direction:column;gap:6px;width:min(100%,400px);margin:8px 0 0;padding:0;list-style:none;animation:.4s 2.2s both fade;display:flex}.rest li{background:var(--paper-2);color:var(--ink);border:2.5px solid var(--ink);border-radius:12px;align-items:center;gap:10px;padding:6px 12px;font-weight:900;display:flex}.rest li em{font-style:normal;font-family:var(--font-display);width:1.6em}.rest li span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.stats{opacity:.8;margin:4px 0 0;font-size:.8rem}.result-actions{flex-direction:column;gap:12px;width:min(100%,360px);margin-top:6px;animation:.4s 2.4s both fade;display:flex}.result-actions .note{color:var(--paper-2)}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{border:2px solid var(--ink);opacity:0;border-radius:2px;animation:linear infinite fall;position:absolute;top:-30px}@keyframes rise{to{transform:scaleY(1)}}@keyframes drop{0%{opacity:0;transform:translateY(-40px)scale(.9)}to{opacity:1;transform:none}}@keyframes fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:1;transform:translateY(110vh)rotate(540deg)}}.lp{max-width:720px;padding:0 18px calc(110px + env(safe-area-inset-bottom));margin:0 auto}.lp-hero{text-align:center;padding:36px 0 12px}.lp-hero .logo{font-size:clamp(3.4rem,18vw,6rem)}.lead{margin:12px 0 6px;font-size:1.1rem;font-weight:900;line-height:1.7}.fan{width:min(100%,430px);height:290px;margin:18px auto 0;position:relative}.fan-card{transform-origin:50% 120%;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);margin-left:calc(var(--w,120px) / -2);border-radius:12px;line-height:0;position:absolute;bottom:0;left:50%;overflow:hidden}.f1{--w:120px;transform:translate(-132px)rotate(-22deg)}.f2{--w:132px;transform:translate(-66px)rotate(-11deg)}.f3{--w:148px;z-index:2;transform:translateY(-14px)}.f4{--w:132px;transform:translate(66px)rotate(11deg)}.f5{--w:120px;transform:translate(132px)rotate(22deg)}.teaser-note{opacity:.7;margin:18px 0 0;font-size:.8rem}.lp-sec{margin-top:44px}.sticker{font-family:var(--font-display);background:var(--ink);color:var(--paper-2);border-radius:10px;margin:0 0 16px;padding:6px 18px;font-size:1.2rem;font-weight:400;display:inline-block;transform:rotate(-1.5deg)}.about{margin:0;line-height:1.9}.steps{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.steps li{background:var(--paper-2);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:18px;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.steps .num{background:var(--mustard);border:3px solid var(--ink);width:40px;height:40px;font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:1.2rem;display:grid}.steps h3,.features h3{margin:0 0 4px;font-size:1.02rem}.steps p,.features p{opacity:.85;margin:0;font-size:.9rem;line-height:1.7}.features{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.features .panel:nth-child(odd){transform:rotate(-.6deg)}.features .panel:nth-child(2n){transform:rotate(.6deg)}.spec{flex-direction:column;gap:10px;margin:0;display:flex}.spec div{border-bottom:2px dashed #2a1f1a4d;justify-content:space-between;gap:12px;padding-bottom:8px;display:flex}.spec div:last-child{border:0;padding:0}.spec dt{font-weight:900}.spec dd{text-align:right;margin:0}.lp-foot{text-align:center;opacity:.65;margin-top:48px;font-size:.78rem;line-height:1.8}.lp-foot p{margin:0}.cta-bar{z-index:20;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:var(--paper-2);border-top:3px solid var(--ink);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.cta-bar .btn{letter-spacing:.2em;width:min(100%,420px);font-size:1.3rem}@media (width<=380px){.f1{transform:translate(-104px)rotate(-22deg)}.f5{transform:translate(104px)rotate(22deg)}}@media (prefers-reduced-motion:reduce){.step .block{animation-duration:10ms;animation-delay:0s!important}.step .who,.verdict,.tape,.rest,.result-actions,.you-won{animation-delay:0s!important}.confetti{display:none}.chip.turn.mine,.crown{animation:none}}.result-screen .btn{color:var(--ink)}.result-screen .btn.green{color:var(--paper-2)}html{-webkit-text-size-adjust:100%}body{max-width:100%;overflow-x:clip}button,.btn,.chip,.seg button{touch-action:manipulation;-webkit-user-select:none;user-select:none}.btn{min-height:44px}.chip.back{min-width:44px;min-height:44px}.center-col{justify-content:center;align-items:center}.card-loader{margin:0 auto;display:block}.lp{overflow-x:clip}.roulette-btn{z-index:3;background:var(--mustard);position:absolute;bottom:12px;left:12px}.btn.cooling{background:#d8c58f}.card3d .sensor{z-index:3}.picker-grid .btn.picked{background:var(--green);color:var(--paper-2)}.modal .note{margin:0 0 12px}.modal.roulette{text-align:center;width:min(100%,360px)}.wheel-wrap{aspect-ratio:1;width:min(78vw,300px);margin:6px auto 10px;position:relative}.wheel{will-change:transform;width:100%;height:100%;display:block}.pin{z-index:2;filter:drop-shadow(0 3px #2a1f1a66);width:36px;margin-left:-18px;position:absolute;top:-14px;left:50%}.roulette-result{flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:3.4em;font-size:1.15rem;display:flex}.roulette-result b{font-family:var(--font-display);font-size:1.5rem;font-weight:400;animation:.3s cubic-bezier(.3,1.6,.5,1) pop}.roulette-result small{color:var(--red);font-size:1rem;font-weight:900}.splash{z-index:100;background:var(--paper) var(--noise);flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:opacity .5s,transform .5s;display:flex;position:fixed;inset:0}.splash.out{opacity:0;pointer-events:none;transform:scale(1.04)}.splash p{letter-spacing:.15em;opacity:.75;margin:0;font-size:.85rem;font-weight:900;animation:1.2s ease-in-out infinite blink}@keyframes blink{50%{opacity:.3}}.fan{transform-origin:50% 100%;width:100%;max-width:430px}.fan-card{transform:translate(var(--tx,0), var(--ty,0)) rotate(var(--r,0deg));animation:.9s cubic-bezier(.3,1.35,.5,1) both deal}.f1{--tx:-132px;--r:-22deg;animation-delay:2.5s}.f2{--tx:-66px;--r:-11deg;animation-delay:2.65s}.f3{--tx:0px;--ty:-14px;--r:0deg;animation-delay:2.8s}.f4{--tx:66px;--r:11deg;animation-delay:2.95s}.f5{--tx:132px;--r:22deg;animation-delay:3.1s}.lp-hero .logo span{animation:.6s cubic-bezier(.3,1.6,.5,1) both letter-in}.lead{animation:.6s 2.9s both fade}.bob{line-height:0;animation:3.6s ease-in-out infinite bob-card}.bob.b1{animation-delay:-1.2s}.bob.b2{animation-delay:-2.4s}.badge-new{z-index:3;font-family:var(--font-display);letter-spacing:.04em;color:var(--red);background:var(--mustard);border:3px solid var(--ink);box-shadow:2px 3px 0 var(--ink);border-radius:50%;padding:9px 7px;font-size:.9rem;line-height:1;animation:.5s cubic-bezier(.3,2,.5,1) 3.6s both sticker-pop,2.4s ease-in-out 4.2s infinite wobble;position:absolute;top:-6px;right:-8px;transform:rotate(-14deg)}.teaser-note{margin-top:26px;animation:.6s 3.4s both fade}@keyframes deal{0%{opacity:0;transform:translateY(40px)rotate(0)scale(.6)}to{opacity:1;transform:translate(var(--tx,0), var(--ty,0)) rotate(var(--r,0deg))}}@keyframes letter-in{0%{opacity:0;transform:translateY(-40px)rotate(-20deg)scale(.6)}}@keyframes bob-card{50%{transform:translateY(-7px)}}@keyframes sticker-pop{0%{transform:rotate(-14deg)scale(0)}}@keyframes wobble{50%{transform:rotate(-6deg)scale(1.06)}}.marquee{border-block:3px solid var(--ink);background:var(--ink);color:var(--paper-2);margin:22px -18px 0;overflow:hidden}.marquee .track{width:max-content;animation:22s linear infinite marquee;display:flex}.marquee span{display:flex}.marquee em{font-style:normal;font-family:var(--font-display);white-space:nowrap;padding:8px 20px;font-size:1rem}.marquee em:after{content:"★";color:var(--mustard);margin-left:40px}@keyframes marquee{to{transform:translate(-50%)}}.reveal{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.3,1.3,.5,1);transform:translateY(26px)scale(.98)}.reveal.in{opacity:1;transform:none}.steps li{box-shadow:none;background:0 0;border:0;padding:0;display:block}.step-in{background:var(--paper-2);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:18px;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.reveal.in .num{animation:.5s cubic-bezier(.3,2,.5,1) .25s both num-pop}@keyframes num-pop{0%{transform:scale(0)rotate(-90deg)}}.features .reveal .panel{transition:transform .2s}.features .reveal:nth-child(odd) .panel{transform:rotate(-.6deg)}.features .reveal:nth-child(2n) .panel{transform:rotate(.6deg)}.features .panel:nth-child(odd),.features .panel:nth-child(2n){transform:none}.cta-bar .btn{animation:3s ease-in-out infinite nudge}.cta-bar .btn:active{animation:none}@keyframes nudge{0%,88%,to{transform:none}92%{transform:translateY(-5px)rotate(-1.5deg)}96%{transform:translateY(0)rotate(1.2deg)}}@media (width<=430px){.fan{margin-top:-105px;transform:scale(.62)}.lp{padding-inline:14px}.marquee{margin-inline:-14px}.picker-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=360px){.fan{margin-top:-134px;transform:scale(.54)}}@media (height<=640px){.stage{min-height:0}}@media (prefers-reduced-motion:reduce){.fan-card,.lp-hero .logo span,.lead,.teaser-note,.badge-new,.bob,.marquee .track,.cta-bar .btn,.splash p{animation:none!important}.reveal{opacity:1;transition:none;transform:none}}.btn.small.roulette-btn{z-index:3;white-space:nowrap;background:var(--mustard);width:auto;min-width:0;height:auto;min-height:0;color:var(--ink);flex:none;padding:8px 16px;font-size:.85rem;line-height:1.2;position:absolute;top:auto;bottom:12px;left:12px}.btn.small.roulette-btn:disabled{background:#cdbf98}.hud-gap{flex:none;width:44px}.card3d .sensor{top:10px;bottom:auto;right:10px}.btn.big.named{background:var(--green);color:var(--paper-2)}.btn.big.unknown{background:var(--red);color:var(--paper-2)}.btn.big:disabled{white-space:normal;font-size:.95rem;line-height:1.3}.pile-stack{z-index:2;pointer-events:none;width:72px;height:150px;position:absolute;bottom:14px;right:16px}.pc{border:2.5px solid var(--ink);width:46px;height:64px;box-shadow:1px 2px 0 var(--ink), inset 0 0 0 3px #a8432a, inset 0 0 0 5px #efdcb8;transform:translate(var(--x,0), var(--y,0)) rotate(var(--r,0deg));background:#a8432a;border-radius:7px;margin-left:-23px;animation:.35s cubic-bezier(.3,1.5,.5,1) both pc-drop;display:block;position:absolute;bottom:0;left:50%}.pile-count{text-align:center;min-width:34px;font-family:var(--font-display);background:var(--mustard);color:var(--ink);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);z-index:30;border-radius:999px;padding:5px 9px;font-size:1.15rem;line-height:1;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.pile-count.zero{background:var(--paper-2);opacity:.8}@keyframes pc-drop{0%{opacity:0;transform:translate(var(--x,0), calc(var(--y,0px) - 90px)) rotate(calc(var(--r,0deg) + 40deg)) scale(1.3)}}@keyframes pc-gather{0%{opacity:1;transform:translate(var(--x,0), var(--y,0)) rotate(var(--r,0deg))}45%{opacity:1;transform:translateY(-40px)rotate(0)scale(1.05)}to{opacity:0;transform:translateY(-110px)rotate(0)scale(.15)}}.disclaimer{opacity:.8;text-align:center;max-width:34em;margin:14px auto 0;font-size:.72rem;line-height:1.7}.home .disclaimer{margin-top:auto;padding-top:10px}@media (prefers-reduced-motion:reduce){.pc,.pc.gather{animation-duration:10ms}}.lp{--base:0s}.lp.fresh{--base:.85s}.f1{animation-delay:calc(var(--base) + 50ms)}.f2{animation-delay:calc(var(--base) + .14s)}.f3{animation-delay:calc(var(--base) + .23s)}.f4{animation-delay:calc(var(--base) + .32s)}.f5{animation-delay:calc(var(--base) + .41s)}.lp-hero .logo span:first-child{animation-delay:calc(var(--base) + 0s)}.lp-hero .logo span:nth-child(2){animation-delay:calc(var(--base) + 70ms)}.lp-hero .logo span:nth-child(3){animation-delay:calc(var(--base) + .14s)}.lp-hero .logo span:nth-child(4){animation-delay:calc(var(--base) + .21s)}.lp-hero .logo span:nth-child(5){animation-delay:calc(var(--base) + .28s)}.lead{animation-delay:calc(var(--base) + .2s)}.teaser-note{animation-delay:calc(var(--base) + .6s)}.badge-new{animation:sticker-pop .5s calc(var(--base) + .8s) cubic-bezier(.3, 2, .5, 1) both, wobble 2.4s calc(var(--base) + 1.4s) ease-in-out infinite}.stage{z-index:1}.dock{z-index:4;position:relative}.btn.big.revealing{color:#7a7064;opacity:1;background:#cfc8b8}.btn.big.revealing:after{content:"";transform-origin:0;background:#2a1f1a59;border-radius:2px;height:4px;animation:2s linear both reveal-bar;position:absolute;bottom:6px;left:14px;right:14px}@keyframes reveal-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.pc.gather{animation:.85s cubic-bezier(.5,0,.8,.4) forwards pc-vanish;animation-delay:calc(var(--i,0) * 35ms)}@keyframes pc-vanish{0%{opacity:1;transform:translate(var(--x,0), var(--y,0)) rotate(var(--r,0deg)) scale(1)}22%{opacity:1;transform:translate(var(--x,0), calc(var(--y,0px) - 18px)) rotate(var(--r,0deg)) scale(1.22)}to{opacity:1;transform:translateY(260px)rotate(0)scale(.9)}}.pile-count.zero{opacity:0}.result-screen{gap:16px;padding-bottom:0}.r-sec{width:min(100%,460px);color:var(--ink);animation:.5s 2s both fade}.r-sec h2{align-items:baseline;gap:10px;display:flex}.r-sec h2 small{font-family:var(--font);opacity:.6;margin-left:auto;font-size:.8rem}.bars{flex-direction:column;gap:8px;margin:0 0 10px;padding:0;list-style:none;display:flex}.bars li{grid-template-columns:1.4em 5.5em 1fr 2.4em;align-items:center;gap:8px;font-size:.9rem;font-weight:900;display:grid}.bars li em{font-style:normal;font-family:var(--font-display)}.bars li.me .bn{-webkit-text-decoration:underline wavy var(--mustard);text-decoration:underline wavy var(--mustard)}.bars .bn{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bars .bar{border:2.5px solid var(--ink);background:#fff9ea;border-radius:999px;height:18px;overflow:hidden}.bars .bar i{transform-origin:0;width:0;height:100%;animation:.8s cubic-bezier(.3,1.2,.5,1) both bar-grow;display:block}.bars b{text-align:right;font-family:var(--font-display);font-weight:400}@keyframes bar-grow{0%{transform:scaleX(0)}}.r-sec .stats{opacity:.75;margin:0;font-size:.78rem}.gallery{grid-template-columns:repeat(3,1fr);justify-items:center;gap:10px;margin-bottom:8px;display:grid}.gcard{animation:.45s cubic-bezier(.3,1.6,.5,1) both drop;animation-delay:calc(2.2s + var(--i,0) * 60ms);margin:0;line-height:0;position:relative}.gcard canvas{border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:10px}.gcard figcaption{line-height:1;position:absolute;bottom:-6px;right:-6px}.gcard figcaption b{font-family:var(--font-display);background:var(--mustard);border:2.5px solid var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:999px;padding:4px 8px;font-size:.95rem;font-weight:400;display:block}.result-actions{z-index:5;width:calc(100% + 32px);padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--felt-dark);border-top:3px solid var(--ink);align-items:stretch;margin:8px -16px 0;position:sticky;bottom:0}.result-actions .btn{align-self:center;width:min(100%,420px)}@media (width<=380px){.bars li{grid-template-columns:1.2em 4.5em 1fr 2em;font-size:.82rem}.gallery{gap:8px}}@media (prefers-reduced-motion:reduce){.r-sec,.gcard,.bars .bar i,.result-actions{animation-delay:0s!important}}.actions{grid-template-columns:1fr 92px}.actions .btn.big,.actions .btn.green{text-align:center;justify-content:center;align-items:center;height:64px;min-height:64px;padding:0 14px;font-size:1.05rem;line-height:1.2;display:flex;position:relative;overflow:hidden}.actions .btn.big:disabled{white-space:normal;font-size:1.05rem;line-height:1.2}.actions .btn.big{word-break:break-all;min-width:0}.actions .btn.big>*,.actions .btn.big{-webkit-line-clamp:2}.scores{align-items:stretch;height:62px}.score{justify-content:center;height:52px}.dock{min-height:164px}.page-in{animation:.4s ease-out both page-in}@keyframes page-in{0%{opacity:0}}.wipe{z-index:300;pointer-events:all;background:var(--mustard);border-block:4px solid var(--ink);place-items:center;animation:.76s cubic-bezier(.65,0,.35,1) both wipe;display:grid;position:fixed;inset:0}.wipe span{font-family:var(--font-display);color:var(--paper-2);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--ink);font-size:clamp(2.4rem,14vw,4.5rem);transform:rotate(-4deg)}@keyframes wipe{0%{transform:translateY(100%)}36%{transform:translateY(0)}64%{transform:translateY(0)}to{transform:translateY(-100%)}}@media (prefers-reduced-motion:reduce){.wipe{display:none}.page-in{animation:none}}.choose-h{text-align:center;font-family:var(--font-display);margin:4px 0 0;font-size:1.3rem;font-weight:400}.choice{text-align:left;border:3px solid var(--ink);width:100%;box-shadow:0 6px 0 var(--ink);border-radius:22px;flex-direction:column;align-items:flex-start;gap:4px;padding:20px;transition:transform 80ms,box-shadow 80ms;display:flex;position:relative}.choice:active{box-shadow:0 1px 0 var(--ink);transform:translateY(5px)}.choice b{font-family:var(--font-display);letter-spacing:.06em;font-size:1.5rem;font-weight:400}.choice span{opacity:.85;font-size:.88rem;font-weight:700}.choice.create{background:var(--mustard)}.choice.join{background:var(--green);color:var(--paper-2)}.code-input{letter-spacing:.35em;font-size:1.6rem}html{line-break:strict}@supports (word-break:auto-phrase){body{word-break:auto-phrase}}p,li,dd,dt,label,figcaption,.note,.lead,.about,.modal-body{text-wrap:pretty;overflow-wrap:break-word}h1,h2,h3,.lead,.verdict,.sticker,.choose-h,.teaser-note,.tape{text-wrap:balance}.actions .btn.big{word-break:normal;text-wrap:balance}.stage-meta,.chip,.btn{text-wrap:nowrap}.actions .btn.big,.steps h3,.features h3,.modal h2{text-wrap:balance}.site-foot{text-align:center;opacity:.85;width:100%;margin:36px auto 0;font-size:min(13px,2.94118vw - 1.05882px);line-height:1.9}.site-foot p{margin:0 0 1.1em}.site-foot .fl{white-space:nowrap;display:block}.site-foot .sf-brand .fl:first-child{letter-spacing:.04em;font-weight:900}.site-foot .disclaimer{max-width:none;font-size:inherit;line-height:inherit;opacity:1;margin:0 0 1.1em;padding:0}.site-foot a{color:inherit;text-underline-offset:3px;font-weight:900;text-decoration:underline}.home .site-foot{margin-top:auto;padding-top:14px}.lp .site-foot{margin-top:48px}.motif-font,.by-motif b,.sf-logo{font-variation-settings:"YEAR" 1979;letter-spacing:.02em;font-family:Climate Crisis,Dela Gothic One,sans-serif;font-weight:400}.news-bell{z-index:40;top:calc(10px + env(safe-area-inset-top));width:44px;height:44px;color:var(--ink);background:var(--paper-2);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:50%;place-items:center;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:grid;position:fixed;right:12px}.news-bell:active{box-shadow:0 0 0 var(--ink);transform:translateY(3px)}.news-bell:focus-visible{outline:3px solid var(--mustard);outline-offset:2px}body.in-game .news-bell{display:none}.lp-hero{text-align:left}.hero-copy{text-align:left;max-width:100%;display:inline-block}.lp-hero .logo{justify-content:flex-start}.lead-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-top:14px;display:flex}.lead-row .lead{text-align:left;margin:0;font-size:1.05rem;line-height:1.7}.lead .fl{white-space:nowrap;display:block}.by-motif{color:var(--ink);white-space:nowrap;opacity:.85;animation:fade .6s calc(var(--base,0s) + .5s) both;flex:none;margin-top:4px;font-size:.78rem;font-weight:900;text-decoration:none}.by-motif b{margin-left:2px;font-size:.95rem}.lp-hero .fan,.lp-hero .teaser-note{margin-left:auto;margin-right:auto}.lp-hero .teaser-note{text-align:center}@media (width>=720px){.lp-hero{padding-left:4px}}.site-foot,.site-foot p{text-align:left}.site-foot .sf-motif{width:fit-content;color:var(--ink);flex-direction:column;align-items:flex-end;gap:4px;margin:28px 0 0 auto;text-decoration:none;display:flex}.site-foot .sf-logo{font-size:clamp(2.2rem,11vw,3.4rem);line-height:.9;display:block}.site-foot .sf-sub{opacity:.6;white-space:nowrap;font-size:.82em}.site-foot a.sf-motif{font-weight:400;text-decoration:none}.lead-row .lead{font-size:min(1.05rem,5.95238vw - 8.92857px)}.by-motif{font-size:.7rem}.by-motif b{font-size:.85rem}.prep{z-index:6;text-align:center;background:var(--paper-2);width:min(88%,320px);color:var(--ink);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:18px;flex-direction:column;gap:8px;padding:16px 16px 14px;animation:.25s cubic-bezier(.3,1.5,.5,1) pop;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.prep b{font-family:var(--font-display);font-size:1.15rem;font-weight:400}.prep span{font-size:.82rem;font-weight:700}.prep-bar{border:2.5px solid var(--ink);background:#fff9ea;border-radius:999px;height:14px;display:block;overflow:hidden}.prep-bar u{background:var(--green);height:100%;transition:width .3s;display:block}