.inst-nudge{left:50%;bottom:calc(14px + env(safe-area-inset-bottom));z-index:150;width:min(100% - 24px,440px);color:var(--ink);background:var(--card);border:var(--bw) solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);animation:inst-in .42s var(--spring) both;grid-template-columns:auto 1fr;gap:12px;padding:14px 40px 14px 14px;display:grid;position:fixed;transform:translate(-50%)}@media (width<=820px){body:has(.tabbar) .inst-nudge{bottom:calc(86px + env(safe-area-inset-bottom))}}@keyframes inst-in{0%{opacity:0;transform:translate(-50%,24px)}}@media (prefers-reduced-motion:reduce){.inst-nudge{animation:none}}.inst-icon{border:2px solid var(--ink);border-radius:var(--r-sm);width:52px;height:52px}.inst-txt{gap:4px;min-width:0;display:grid}.inst-txt strong{font-size:var(--fs-16);line-height:1.2}.inst-txt p{color:var(--ink-2,#4a4450);font-size:var(--fs-15);margin:0;line-height:1.4}.inst-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.inst-x{width:32px;height:32px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:8px;right:8px}.inst-x:hover{color:var(--ink);background:var(--paper)}.inst-glyph{vertical-align:-4px;color:#0a84ff;margin:0 1px;display:inline-block}.inst-key{vertical-align:-5px;border-radius:var(--r-xs);border:1.5px solid;place-items:center;width:24px;height:22px;display:inline-grid}.inst-key svg{fill:currentColor}.inst-lead{font-size:var(--fs-18);margin:0 0 18px}.inst-steps{font-size:var(--fs-18);gap:12px;margin:0 0 6px;padding-left:24px;line-height:1.45;display:grid}.inst-note{font-size:var(--fs-15);margin:14px 0 0}.footer-cols .inst-link{min-height:36px;font:inherit;text-align:left;color:#f3eee3d1;cursor:pointer;background:0 0;border:0;align-items:center;padding:4px 0;font-weight:550;line-height:1.25;display:flex}.footer-cols .inst-link:hover{color:var(--paper)}@media (width<=600px){.footer-cols .inst-link{min-height:40px}}.pro-badge{border:1.5px solid var(--ink);background:var(--butter);color:var(--ink);letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;gap:3px;padding:2px 7px 2px 6px;font-size:11.5px;font-weight:800;line-height:1.2;display:inline-flex}.linkish{color:inherit;font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.pro-sheet{gap:14px;display:grid}.pro-lede{margin:0;font-size:16.5px;font-weight:600;line-height:1.4}.pro-step{color:var(--ink-3);margin:0}.pro-more{justify-self:center;font-size:14px}.pro-signin{gap:10px;display:grid}.pro-google{background:#fff;gap:10px}.pro-or{text-align:center}.pro-email{flex-wrap:wrap;gap:8px;display:flex}.pro-email .input{flex:200px;min-width:0}.pro-code{letter-spacing:.3em;text-align:center;font-size:20px}.pro-hint{flex-basis:100%;margin:0;font-size:14px}.pro-plans{gap:10px;display:grid}@media (width>=560px){.pro-plans{grid-template-columns:1fr 1fr}.pro-err,.pro-fine{grid-column:1/-1}}.pro-plan{border:var(--bw) solid var(--ink);border-radius:var(--r-lg);background:var(--card);color:var(--ink);box-shadow:var(--shadow);text-align:left;cursor:pointer;justify-items:start;gap:4px;padding:16px;transition:transform .12s;display:grid;position:relative}.pro-plan:hover:not(:disabled){transform:translate(-2px,-2px)}.pro-plan.picked{outline:3px solid var(--ink);outline-offset:3px}.pro-plan.best{background:var(--butter)}.pro-plan.pro-pass{background:color-mix(in srgb, var(--lilac) 35%, var(--card));grid-column:1/-1}.pro-plan.best .muted,.pro-plan.pro-pass .muted,.pro-weekly .muted{color:var(--ink-2)}.pro-pass-row{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.pro-plan .btn{pointer-events:none;margin-top:8px}.pro-plan-tag{background:var(--tomato);color:var(--ink);border:1.5px solid var(--ink);border-radius:999px;padding:2px 9px;font-size:12.5px;font-weight:800;position:absolute;top:-11px;right:12px}.pro-price{font-size:40px;line-height:1}.pro-fine{margin:0;font-size:13px}.pro-err{background:color-mix(in srgb, var(--tomato) 22%, var(--card));color:var(--ink);border-radius:10px;margin:0;padding:8px 12px;font-size:14.5px;font-weight:700}.pro-ok{background:color-mix(in srgb, var(--lime) 45%, var(--card));color:var(--ink);border-radius:10px;align-items:center;gap:8px;margin:0;padding:10px 12px;font-weight:800;display:flex}.pro-note{background:var(--paper-2);border-radius:10px;padding:10px 12px;font-weight:700}.pro-page{gap:22px;padding-bottom:40px;display:grid}.pro-signin-box{border-top:2px dashed color-mix(in srgb, var(--ink) 25%, transparent);gap:10px;padding-top:14px;scroll-margin:90px;display:grid}.pro-box{gap:14px;padding:18px;display:grid}.pro-account{gap:10px;display:grid}.pro-out{justify-self:start}.pro-games h2{margin:8px 0 10px}.pro-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.pro-game{color:var(--ink);gap:6px;font-size:14.5px;font-weight:800;text-decoration:none;display:grid}.pro-game svg,.pro-game .cover{border:2px solid var(--ink);border-radius:14px;overflow:hidden}.pro-faq h3{margin:14px 0 4px}.pro-weekly{border:2px solid var(--ink);background:var(--butter);border-radius:14px;align-items:flex-start;gap:8px;margin:0;padding:10px 14px;font-size:15px;line-height:1.35;display:flex}.pro-weekly svg{flex:none;margin-top:2px}.pro-weekly a{color:var(--ink);font-weight:800}.page-head .pro-weekly{max-width:560px;margin-top:14px}.pro-free-instead{border-top:1.5px dashed color-mix(in srgb, var(--ink) 30%, transparent);gap:10px;padding-top:14px;display:grid}.pro-free-list{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;display:grid}.pro-free-chip{color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:4px;padding:0;font-size:13px;font-weight:800;line-height:1.2;display:grid}.pro-free-chip svg,.pro-free-chip .cover{border:2px solid var(--ink);border-radius:12px;overflow:hidden}.pro-free-chip:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:12px}.pro-turnstile:empty{display:none}.pro-email .pro-turnstile,.pro-email .pro-err{flex-basis:100%}.lb-start-btn.pro-locked{background:var(--butter);color:var(--ink)}.gp-card{position:relative}.gp-card .pro-badge{z-index:2;position:absolute;top:8px;left:8px}.pro-havecode{justify-self:start;font-size:14.5px}.pro-codebox .input{letter-spacing:.12em}.pro-codebox .pro-ok,.pro-codebox .pro-err{flex-basis:100%}.pro-badge.off{background:var(--paper-2)}.pro-what h2{margin:0 0 12px}.pro-perks{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.pro-perks li{border:var(--bw) solid var(--ink);border-radius:var(--r-lg);background:var(--card);align-items:flex-start;gap:12px;padding:14px;display:flex}.pro-perks li>span:last-child{gap:3px;font-size:14.5px;line-height:1.35;display:grid}.pro-perks b{font-size:16px}.pro-perk-ic{border:2px solid var(--ink);background:var(--butter);border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.pro-perks li:nth-child(2) .pro-perk-ic{background:var(--sky)}.pro-perks li:nth-child(3) .pro-perk-ic{background:var(--lilac)}.pro-perks li:nth-child(4) .pro-perk-ic{background:var(--pink)}.pro-perks li:nth-child(5) .pro-perk-ic{background:var(--lime)}.pro-perks.compact{grid-template-columns:1fr 1fr;gap:6px 12px}.pro-perks.compact li{background:0 0;border:0;align-items:center;gap:8px;padding:0}.pro-perks.compact b{font-size:14.5px}.pro-perks.compact .pro-perk-ic{border-radius:9px;width:30px;height:30px}.bs-lock{border:2px solid var(--ink);background:var(--butter);border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;top:-6px;right:-6px}.pro-keep{border-top:2px dashed color-mix(in srgb, var(--ink) 25%, transparent);gap:10px;margin-top:6px;padding-top:14px;display:grid}.pro-keep h3{margin:0;font-size:24px}.pro-keep>p{margin:0}.pro-pay{padding:0;overflow:hidden}.pro-pay-head{text-align:left;width:100%;font:inherit;color:inherit;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.pro-pay-head>span{gap:2px;display:grid}.pro-pay-head .muted{font-size:14px}.pro-pay-body{gap:12px;padding:0 18px 18px;display:grid}.pro-pay-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.pro-pay-list li{border-top:1.5px solid color-mix(in srgb, var(--ink) 14%, transparent);grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:12px 0;display:grid}.pro-pay-what{gap:1px;display:grid}.pro-pay-what .muted{font-size:13.5px}.pro-pay-amt{justify-items:end;gap:3px;font-weight:800;display:grid}.pro-pay-tag{border:1.5px solid var(--ink);background:var(--butter);font-family:var(--font);border-radius:999px;padding:1px 7px;font-size:11.5px}.pro-pay-links{grid-column:1/-1;gap:16px;font-size:14.5px;font-weight:700;display:flex}.me-data{border-top:1.5px dashed color-mix(in srgb, var(--ink) 25%, transparent);gap:8px;padding-top:12px;display:grid}.me-data h3{margin:0}.btn.me-danger{color:#a3271b}.me-delete-label{overflow-wrap:anywhere;font-size:15px}.pro-jump{justify-self:start;font-size:15px}.me-delete{gap:14px;display:grid}.me-delete-list{gap:6px;margin:0;padding-left:20px;line-height:1.4;display:grid}.me-help{margin:12px 0 0}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(/fonts/BricolageGrotesque-core.woff2)format("woff2");unicode-range:U+0-BF,U+D7,U+F7,U+131,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(/fonts/BricolageGrotesque-letters.woff2)format("woff2");unicode-range:U+C0-D6,U+D8-F6,U+F8-FF,U+152-153,U+2BB-2BC,U+304,U+308,U+329}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(/fonts/BricolageGrotesque-latin-ext.woff2)format("woff2");unicode-range:U+100-130,U+132-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/JetBrainsMono-core.woff2)format("woff2");unicode-range:U+0-BF,U+D7,U+F7,U+131,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/JetBrainsMono-letters.woff2)format("woff2");unicode-range:U+C0-D6,U+D8-F6,U+F8-FF,U+152-153,U+2BB-2BC,U+304,U+308,U+329}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/JetBrainsMono-latin-ext.woff2)format("woff2");unicode-range:U+100-130,U+132-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Fallback;font-weight:200 550;src:local(Arial),local(ArialMT),local(Liberation Sans),local(LiberationSans),local(Helvetica);size-adjust:104.5%;ascent-override:89%;descent-override:25.8%;line-gap-override:0%}@font-face{font-family:Bricolage Fallback;font-weight:551 800;src:local(Arial Bold),local(Arial-BoldMT),local(Liberation Sans Bold),local(LiberationSans-Bold),local(Helvetica Bold);size-adjust:101.4%;ascent-override:91.7%;descent-override:26.6%;line-gap-override:0%}@font-face{font-family:Bricolage Fallback Roboto;font-weight:200 550;src:local(Roboto),local(Roboto-Regular),local(Roboto Regular);size-adjust:105.1%;ascent-override:88.5%;descent-override:25.7%;line-gap-override:0%}@font-face{font-family:Bricolage Fallback Roboto;font-weight:551 800;src:local(Roboto Bold),local(Roboto-Bold);size-adjust:107.5%;ascent-override:86.5%;descent-override:25.1%;line-gap-override:0%}@font-face{font-family:Bricolage Display Fallback;src:local(Arial Bold),local(Arial-BoldMT),local(Liberation Sans Bold),local(LiberationSans-Bold),local(Helvetica Bold);size-adjust:71.1%;ascent-override:130.8%;descent-override:38%;line-gap-override:0%}@font-face{font-family:JetBrains Fallback;src:local(Menlo),local(Menlo-Regular),local(SF Mono),local(Liberation Mono),local(LiberationMono),local(DejaVu Sans Mono),local(Roboto Mono),local(Droid Sans Mono),local(Courier New);ascent-override:102%;descent-override:30%;line-gap-override:0%}@font-face{font-family:Bricolage Display Fallback Roboto;src:local(Roboto Bold),local(Roboto-Bold);size-adjust:75.3%;ascent-override:123.4%;descent-override:35.8%;line-gap-override:0%}:root{--paper:#f3eee3;--paper-2:#ebe4d6;--paper-3:#ddd3c1;--card:#fffdf8;--ink:#16131b;--ink-2:#39343f;--ink-3:#5f5869;--ink-4:#a49dab;--ink-placeholder:#757080;--tomato:#ff5a36;--tomato-ink:#bb3518;--lime:#c8f542;--lilac:#b8a4ff;--sky:#7cc8ff;--butter:#ffd84d;--mint:#5fe0b0;--pink:#ff8fc7;--cobalt:#3d5afe;--orange:#ff9a3c;--teal:#22b8b0;--green:#2fbf71;--plum:#2b2540;--r-xs:8px;--r-sm:12px;--r:18px;--r-lg:26px;--r-xl:36px;--r-pill:999px;--bw:2px;--shadow-sm:2px 2px 0 var(--ink);--shadow:4px 4px 0 var(--ink);--shadow-lg:7px 7px 0 var(--ink);--shadow-xl:10px 10px 0 var(--ink);--key:0 4px 0 var(--ink);--fs-11:11px;--fs-12:12px;--fs-13:13px;--fs-14:14px;--fs-15:15px;--fs-16:16px;--fs-18:18px;--fs-20:20px;--fs-24:24px;--fs-30:30px;--fs-40:40px;--font:"Bricolage Grotesque", "Bricolage Fallback", "Bricolage Fallback Roboto", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Bricolage Grotesque", "Bricolage Display Fallback", "Bricolage Display Fallback Roboto", ui-sans-serif, system-ui, sans-serif;--mono:"JetBrains Mono", "JetBrains Fallback", ui-monospace, "SFMono-Regular", Menlo, monospace;--ease:cubic-bezier(.2, .9, .25, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--wrap:1240px;--gutter:clamp(16px, 4vw, 40px);--nav-h:68px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-tap-highlight-color:transparent}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;background:var(--paper);touch-action:manipulation;overflow-x:clip}body{min-height:100dvh;font-family:var(--font);font-size:var(--fs-16);font-variation-settings:"opsz" 16;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;touch-action:manipulation;margin:0;line-height:1.45;overflow-x:clip}input,textarea,select{font-size:max(16px,1em)}button,a,[role=button]{touch-action:manipulation}body:before{content:"";z-index:9999;pointer-events:none;opacity:.07;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1.1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:-50%}img,svg,canvas{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:2px}::selection{background:var(--lime);color:var(--ink)}:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px;border-radius:var(--r-xs)}h1,h2,h3,h4{letter-spacing:calc(.4px - .03em);text-wrap:balance;font-variation-settings:"opsz" 96;margin:0;font-weight:800;line-height:.95}p{text-wrap:pretty;margin:0}.display{font-family:var(--font-display);letter-spacing:calc(.5px - .035em);word-spacing:calc(1px + .02em);font-variation-settings:"opsz" 96;font-weight:800;font-stretch:78%;line-height:.88}.mono{font-family:var(--mono);font-feature-settings:"zero" 1}.label{font-family:var(--mono);font-size:var(--fs-11);letter-spacing:.09em;text-transform:uppercase;font-weight:700}.muted{color:var(--ink-3)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.wrap{width:100%;max-width:var(--wrap);padding-inline:var(--gutter);margin-inline:auto}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}html[data-motion=reduce] *,html[data-motion=reduce] :before,html[data-motion=reduce] :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:1.6s!important;animation-iteration-count:infinite!important}}html[data-motion=reduce] .spinner{animation-duration:1.6s!important;animation-iteration-count:infinite!important}[data-offscreen],[data-offscreen] *,[data-offscreen] :before,[data-offscreen] :after{animation-play-state:paused!important}html[data-streamer="1"] .secret{filter:blur(9px);transition:filter .2s}html[data-streamer="1"] .secret:hover,html[data-streamer="1"] .secret:focus-visible{filter:none}@keyframes pop-in{0%{opacity:0;transform:scale(.6)rotate(-6deg)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes wobble{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-dot{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--green) 60%, transparent)}to{box-shadow:0 0 0 10px #0000}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}.rise{animation:rise .5s var(--ease) both}.pop{animation:pop-in .45s var(--spring) both}.shake{animation:.4s both shake}.btn{--bg:var(--card);--fg:var(--ink);border:var(--bw) solid var(--ink);border-radius:var(--r-pill);background:var(--bg);height:50px;color:var(--fg);font-weight:750;font-size:var(--fs-16);letter-spacing:-.01em;white-space:nowrap;box-shadow:var(--key);transition:transform .12s var(--ease), box-shadow .12s var(--ease), background .2s;-webkit-user-select:none;user-select:none;touch-action:manipulation;justify-content:center;align-items:center;gap:9px;padding:0 22px;text-decoration:none;display:inline-flex;position:relative;transform:translateY(0)}.btn:hover{box-shadow:var(--key);transform:translateY(-1px)}.btn:active,.btn[data-pressed="1"]{box-shadow:0 0 0 var(--ink);transform:translateY(4px)}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.45;box-shadow:var(--key);transform:none}.btn svg{flex:none}.btn-ink{--bg:var(--ink);--fg:var(--paper);box-shadow:0 4px 0 color-mix(in srgb, var(--ink) 55%, var(--tomato))}.btn-ink:hover{box-shadow:0 5px 0 color-mix(in srgb, var(--ink) 55%, var(--tomato))}.btn-tomato{--bg:var(--tomato)}.btn-lime{--bg:var(--lime)}.btn-butter{--bg:var(--butter)}.btn-lilac{--bg:var(--lilac)}.btn-sky{--bg:var(--sky)}.btn-mint{--bg:var(--mint)}.btn-paper{--bg:var(--paper)}.btn-ghost{--bg:transparent;box-shadow:none;border-color:#0000}.btn-ghost:hover{box-shadow:none;background:color-mix(in srgb, var(--ink) 7%, transparent)}.btn-ghost:active{box-shadow:none}.btn-lg{height:62px;font-size:var(--fs-20);gap:11px;padding:0 30px}.btn-xl{height:72px;font-size:var(--fs-24);padding:0 36px}.btn-sm{height:38px;font-size:var(--fs-15);box-shadow:var(--key);gap:7px;padding:0 15px}.btn-sm:active{transform:translateY(3px)}.btn-icon{width:46px;padding:0}.btn-icon.btn-sm{width:38px}.btn-block{width:100%}.card{background:var(--card);border:var(--bw) solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow)}.card-flat{background:var(--card);border:var(--bw) solid var(--ink);border-radius:var(--r)}.panel{background:var(--card);border:var(--bw) solid var(--ink);border-radius:var(--r-lg);padding:20px}.chip{border:1.5px solid var(--ink);border-radius:var(--r-pill);background:var(--card);height:36px;font-weight:650;font-size:var(--fs-15);white-space:nowrap;transition:background .15s, color .15s, transform .15s var(--spring);align-items:center;gap:7px;padding:0 14px;display:inline-flex}button.chip:hover{transform:translateY(-1px)}.chip[aria-pressed=true],.chip.on{background:var(--ink);color:var(--paper)}.chip .count{font-family:var(--mono);font-size:var(--fs-11);opacity:.6}.chip-sm{height:28px;font-size:var(--fs-13);gap:5px;padding:0 10px}@media (pointer:coarse){.chip-sm{height:36px;padding:0 12px}.seg button{height:40px}}.pill{border-radius:var(--r-pill);height:26px;font-family:var(--mono);font-size:var(--fs-12);letter-spacing:.03em;white-space:nowrap;border:1.5px solid;align-items:center;gap:6px;padding:0 10px;font-weight:700;display:inline-flex}.stamp{border-radius:var(--r-xs);font-family:var(--mono);font-weight:800;font-size:var(--fs-11);letter-spacing:.12em;text-transform:uppercase;border:2px solid;place-items:center;padding:5px 10px 4px;display:inline-grid;transform:rotate(-4deg)}.input{border:var(--bw) solid var(--ink);border-radius:var(--r-sm);background:var(--card);width:100%;height:54px;color:var(--ink);font-size:var(--fs-18);outline:none;padding:0 16px;font-weight:600;transition:box-shadow .15s,border-color .15s}.input::placeholder{color:var(--ink-placeholder);font-weight:500}.input:focus{box-shadow:0 0 0 4px color-mix(in srgb, var(--cobalt) 30%, transparent)}textarea.input{resize:vertical;height:auto;min-height:96px;padding:14px 16px;line-height:1.35}.field{gap:7px;display:grid}.field>.label{color:var(--ink-3)}.code-input{gap:8px;display:flex}.code-input input{border:var(--bw) solid var(--ink);border-radius:var(--r-sm);background:var(--card);text-align:center;width:58px;height:66px;font-family:var(--mono);font-size:var(--fs-30);text-transform:uppercase;caret-color:var(--tomato);box-shadow:var(--key);transition:transform .12s var(--spring), background .15s;outline:none;font-weight:800}.code-input input:focus{background:var(--butter);transform:translateY(-2px)}.code-input.bad input{background:color-mix(in srgb, var(--tomato) 25%, var(--card));animation:.35s shake}.code-input.lg input{width:70px;height:82px;font-size:var(--fs-40)}.seg{border:var(--bw) solid var(--ink);border-radius:var(--r-pill);background:var(--card);gap:3px;padding:3px;display:inline-flex}.seg button{border-radius:var(--r-pill);min-width:44px;height:34px;font-weight:700;font-size:var(--fs-14);padding:0 13px;transition:background .15s,color .15s}.seg button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.seg button:disabled{cursor:default}.switch{border:var(--bw) solid var(--ink);border-radius:var(--r-pill);background:var(--paper-3);flex:none;width:52px;height:30px;transition:background .2s;position:relative}.switch:before{content:"";position:absolute;inset:-8px -6px}.switch:after{content:"";border:var(--bw) solid var(--ink);background:var(--card);width:22px;height:22px;transition:transform .25s var(--spring);border-radius:50%;position:absolute;top:2px;left:2px}.switch[aria-checked=true]{background:var(--lime)}.switch[aria-checked=true]:after{transform:translate(22px)}.scrim{z-index:200;background:color-mix(in srgb, var(--ink) 50%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);place-items:end center;animation:.2s both fade-in;display:grid;position:fixed;inset:0}@media (pointer:coarse){.scrim{background:color-mix(in srgb, var(--ink) 56%, transparent);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (width>=720px){.scrim{place-items:center;padding:24px}}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}}.sheet{overscroll-behavior:contain;background:var(--paper);border:var(--bw) solid var(--ink);border-radius:var(--r-xl) var(--r-xl) 0 0;width:min(100%,560px);max-height:min(92dvh,860px);padding:26px 22px calc(22px + env(safe-area-inset-bottom));animation:sheet-up .35s var(--ease) both;border-bottom:0;position:relative;overflow:auto}.sheet.wide{width:min(100%,880px)}@media (width>=720px){.sheet{border-bottom:var(--bw) solid var(--ink);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);padding:30px}}.sheet-grip{border-radius:var(--r-xs);background:var(--ink-4);touch-action:none;width:44px;height:5px;margin:-12px auto 14px;position:relative}.sheet-grip:before{content:"";position:absolute;inset:-14px -40px}.sheet.dragging{transition:none;animation:none}.sheet.settling{transition:transform .22s var(--ease)}@media (width>=720px){.sheet-grip{display:none}}.sheet-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.sheet-head h2{font-size:var(--fs-30)}.toasts{z-index:400;left:50%;top:calc(12px + env(safe-area-inset-top));pointer-events:none;gap:8px;width:min(92vw,420px);display:grid;position:fixed;transform:translate(-50%)}.toast{border:var(--bw) solid var(--ink);border-radius:var(--r-sm);background:var(--card);box-shadow:var(--shadow);animation:toast-in .4s var(--spring) both;align-items:center;gap:10px;padding:12px 16px;font-weight:650;display:flex}.toast.good{background:var(--lime)}.toast.has-action{pointer-events:auto;flex-wrap:wrap}.toast.has-action>span{flex:180px}.toast-act{flex:none;margin-left:auto}.toast.bad{background:color-mix(in srgb, var(--tomato) 30%, var(--card))}@keyframes toast-in{0%{opacity:0;transform:translateY(-16px)scale(.95)}}@media (width<=560px){.toast:not(.bad):not(:nth-last-child(-n+2)){display:none}.toast{font-size:var(--fs-15);padding:9px 14px}}.dot-live{background:var(--green);border-radius:50%;flex:none;width:9px;height:9px;position:relative}.dot-live:after{content:"";background:var(--green);opacity:0;border-radius:50%;animation:1.2s ease-out .2s pulse-ring;position:absolute;inset:0}@keyframes pulse-ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}.kbd{border:1.5px solid var(--ink);border-radius:var(--r-xs);min-width:22px;height:22px;font-family:var(--mono);font-size:var(--fs-11);border-bottom-width:3px;place-items:center;padding:0 5px;font-weight:700;display:inline-grid}.divider{background:var(--ink);border:0;height:2px;margin:0}.squiggle{white-space:nowrap;display:inline-block;position:relative}.squiggle>svg{width:104%;height:.3em;position:absolute;bottom:-.16em;left:-2%;overflow:visible}.spinner{border:3px solid;border-right-color:#0000;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}.empty{text-align:center;color:var(--ink-3);place-items:center;gap:10px;padding:40px 20px;display:grid}.avatar{width:var(--av,48px);height:var(--av,48px);vertical-align:middle;border-radius:50%;flex:none;place-items:center;display:inline-grid;overflow:hidden;box-shadow:inset 0 0 0 1.5px #16131b24}.avatar img{object-fit:contain;width:88%;height:88%;transform:translateY(4%) scale(var(--zoom,1));transform-origin:50% 36%;pointer-events:none;-webkit-user-select:none;user-select:none}.avatar.fun img{width:74%;height:74%;transform:none}.scroll-x{scrollbar-width:none;scroll-snap-type:x proximity;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.scroll-x::-webkit-scrollbar{display:none}.chip-wrap{flex-wrap:wrap;gap:6px;display:flex}.tooltip{position:relative}.btn-ghost.btn-sm,.btn-ghost.btn-sm:hover,.btn-ghost.btn-sm:active{box-shadow:none;transform:none}.blocked-text{font-size:var(--fs-18);margin:4px 0 18px;line-height:1.45}.blocked-ok{width:100%}.cover{aspect-ratio:4/3;width:100%;height:auto;display:block;overflow:hidden}.cover .cv-shadow *{fill:var(--ink)!important;stroke:var(--ink)!important}.cover .cv-shadow text{display:none}.cover [class^=cv-],.cover [class*=\ cv-]{transform-box:fill-box;transform-origin:50%}.cover .cv-shadow{transform-box:view-box;transform-origin:0 0}@keyframes cv-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-7px)rotate(-2deg)}}@keyframes cv-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes cv-wiggle{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes cv-spin{to{transform:rotate(360deg)}}@keyframes cv-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.06)}}@keyframes cv-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes cv-press{0%,70%,to{transform:translateY(0)}80%{transform:translateY(7px)}}@keyframes cv-tilt-l{0%,to{transform:rotate(0)translate(0)}50%{transform:rotate(-5deg)translate(-4px)}}@keyframes cv-tilt-r{0%,to{transform:rotate(0)translate(0)}50%{transform:rotate(5deg)translate(4px)}}@keyframes cv-slide{0%,to{transform:translate(0)}50%{transform:translate(10px)}}@keyframes cv-drop{0%{opacity:0;transform:translateY(-30px)}30%,80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}@keyframes cv-drop-in{0%{opacity:0;transform:translateY(-30px)}40%,to{opacity:1;transform:translateY(0)}}@keyframes cv-blink-once{0%,40%,60%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}@keyframes cv-spin-once{to{transform:rotate(360deg)}}@keyframes cover-in{0%{opacity:0}}.cover .cover-late{animation:.3s both cover-in}.cover[data-play=on] .cv-blink{animation:4.5s infinite cv-blink}.cover[data-play=on] .cv-float{animation:3.2s ease-in-out infinite cv-float}.cover[data-play=on] .cv-bob{animation:1.6s ease-in-out infinite cv-bob}.cover[data-play=on] .cv-wiggle{animation:1.4s ease-in-out infinite cv-wiggle}.cover[data-play=on] .cv-spin{animation:6s linear infinite cv-spin}.cover[data-play=on] .cv-spin-slow{animation:14s linear infinite cv-spin}.cover[data-play=on] .cv-pulse{animation:1.8s ease-in-out infinite cv-pulse}.cover[data-play=on] .cv-press{animation:1.4s ease-in-out infinite cv-press}.cover[data-play=on] .cv-tilt-l{animation:2.4s ease-in-out infinite cv-tilt-l}.cover[data-play=on] .cv-tilt-r{animation:2.4s ease-in-out infinite cv-tilt-r}.cover[data-play=on] .cv-slide{animation:2s ease-in-out infinite cv-slide}.cover[data-play=on] .cv-drop{animation:cv-drop 2.6s var(--ease) infinite}.cover[data-play=hello] .cv-blink{animation:1.2s ease-in-out 1.4s cv-blink-once}.cover[data-play=hello] .cv-float{animation:3.2s ease-in-out cv-float}.cover[data-play=hello] .cv-bob{animation:1.6s ease-in-out 2 cv-bob}.cover[data-play=hello] .cv-wiggle{animation:1.4s ease-in-out 2 cv-wiggle}.cover[data-play=hello] .cv-spin{animation:3s ease-in-out cv-spin-once}.cover[data-play=hello] .cv-pulse{animation:1.8s ease-in-out cv-pulse}.cover[data-play=hello] .cv-press{animation:1.4s ease-in-out 2 cv-press}.cover[data-play=hello] .cv-tilt-l{animation:2.4s ease-in-out cv-tilt-l}.cover[data-play=hello] .cv-tilt-r{animation:2.4s ease-in-out cv-tilt-r}.cover[data-play=hello] .cv-slide{animation:2s ease-in-out cv-slide}.cover[data-play=hello] .cv-drop{animation:cv-drop-in 1.2s var(--ease) 1}.logo{color:var(--ink);-webkit-user-select:none;user-select:none;align-items:flex-start;gap:.18em;line-height:1;text-decoration:none;display:inline-flex}.logo-word{white-space:nowrap;font-family:var(--font-display);letter-spacing:-.045em;font-variation-settings:"opsz" 96;font-weight:800;font-stretch:80%;line-height:.82}.logo-i{display:inline-block;position:relative}.logo-dot{width:.36em;max-width:none;height:.36em;transition:transform .4s var(--spring);position:absolute;top:-.2em;left:62%;translate:-50%}.logo:hover .logo-dot{transform:rotate(-20deg)scale(1.15)}.logo-tag{border:1.5px solid var(--ink);background:var(--lime);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:.22em;margin-top:.05em;padding:.12em .32em .1em;font-size:max(11px,.32em);font-weight:800;transform:rotate(-6deg)}.nav{z-index:100;background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2);border-bottom:2px solid #0000;transition:border-color .2s;position:sticky;top:0}.nav.scrolled{border-bottom-color:var(--ink)}@media (pointer:coarse){.nav{background:color-mix(in srgb, var(--paper) 96%, transparent);-webkit-backdrop-filter:none;backdrop-filter:none}}.nav-in{height:var(--nav-h);align-items:center;gap:24px;display:flex}.nav-logo{flex-shrink:0;padding:10px 0 8px;text-decoration:none;display:inline-flex}.nav-links{scrollbar-width:none;gap:4px;min-width:0;margin-left:10px;display:flex;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-links a{white-space:nowrap;border-radius:var(--r-pill);flex-shrink:0;padding:8px 12px;font-weight:650;text-decoration:none;transition:background .15s;position:relative}.nav-links a:hover{background:color-mix(in srgb, var(--ink) 7%, transparent)}.nav-links a[aria-current=page]{background:var(--ink);color:var(--paper)}.nav-right{white-space:nowrap;flex-shrink:0;align-items:center;gap:10px;margin-left:auto;display:flex}.nav-short{display:none}@media (width>=821px) and (width<=1099px){.nav-in{gap:14px}.nav-links{gap:0;margin-left:0}.nav-links a{padding:8px 9px}.nav-right{gap:6px}.nav-right .nav-mute,.nav-long{display:none}.nav-short{display:inline}}@media (width>=821px) and (width<=1023px){.nav-how{display:none}}.nav-icon{border-radius:50%;place-items:center;width:40px;height:40px;transition:background .15s;display:grid}.nav-icon:hover{background:color-mix(in srgb, var(--ink) 8%, transparent)}.nav-me{border:var(--bw) solid var(--ink);background:var(--card);width:44px;height:44px;transition:transform .2s var(--spring);border-radius:50%;place-items:center;display:grid}.nav-me:hover{transform:rotate(-8deg)scale(1.05)}.nav-back .mono{font-size:var(--fs-12);border-radius:var(--r-xs);background:var(--ink);color:var(--lime);padding:1px 6px}.tabbar{display:none}@media (width<=820px){.nav-links,.nav-right .btn{display:none}.nav-in{height:60px}.nav-right{gap:6px}.nav-icon{width:44px;height:44px}.tabbar{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:120;border:var(--bw) solid var(--ink);border-radius:var(--r-lg);background:var(--card);height:64px;box-shadow:var(--shadow);grid-template-columns:repeat(5,1fr);align-items:end;padding:0 6px;display:grid;position:fixed}.tabbar a{min-width:0;font-size:var(--fs-12);letter-spacing:-.01em;white-space:nowrap;color:var(--ink-3);justify-items:center;gap:2px;padding:8px 0 9px;font-weight:700;text-decoration:none;display:grid}.tabbar a[aria-current=page]{color:var(--ink)}.tabbar a[aria-current=page] svg{stroke-width:2.8px}.tab-join{color:var(--ink)!important}.tab-join-btn{border:var(--bw) solid var(--ink);border-radius:var(--r);background:var(--tomato);width:54px;height:54px;box-shadow:var(--key);font-size:var(--fs-13);place-items:center;margin-top:-26px;font-weight:800;display:grid;transform:rotate(-4deg)}.tab-join-btn .mono{font-size:var(--fs-13)}.app-page{padding-bottom:86px}}.footer{background:var(--ink);color:var(--paper);margin-top:80px}.footer-marquee{border-bottom:2px solid #2a2532;padding:18px 0;overflow:hidden}.marquee-track{width:max-content;animation:38s linear infinite marquee;display:flex}.marquee-track>span{display:flex}.mq-item{letter-spacing:-.03em;text-transform:lowercase;white-space:nowrap;align-items:center;gap:24px;padding-right:24px;font-size:clamp(30px,5vw,56px);font-weight:800;font-stretch:78%;display:inline-flex}@keyframes marquee{to{transform:translate(-50%)}}.footer .logo{color:var(--paper)}.footer .logo-tag{color:var(--ink)}.footer-in{gap:40px;padding-top:54px;padding-bottom:40px;display:grid}@media (width>=900px){.footer-in{grid-template-columns:1.2fr 2fr}}.footer-brand p{color:#f3eee3ad;max-width:360px;margin-top:18px}.footer-cols{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:28px;display:grid}.footer-cols>div{align-content:start;display:grid}.footer-cols .label{color:var(--lime);margin-bottom:6px}.footer-cols a{color:#f3eee3d1;align-items:center;min-height:36px;padding:4px 0;font-weight:550;line-height:1.25;text-decoration:none;display:flex}@media (width<=820px){.footer-cols a{min-height:40px}}.footer-cols a:hover{color:var(--paper);text-decoration:underline}.footer-base{color:#f3eee380;font-size:var(--fs-13);border-top:1px solid #2a2532;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:20px;padding-bottom:28px;display:flex}@media (width<=820px){.footer{padding-bottom:90px}}.center-screen.page-loading{min-height:calc(100dvh - var(--nav-h))}.skip-link{z-index:1000;border:2px solid var(--ink);border-radius:var(--r-sm,10px);background:var(--lime);color:var(--ink);padding:10px 16px;font-weight:800;text-decoration:none;transition:transform .15s;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus-visible{transform:none}main.app-page:focus{outline:none}.center-screen{text-align:center;align-content:center;place-items:center;gap:14px;min-height:70dvh;padding:24px;display:grid}.gone-card{justify-items:center;gap:14px;width:min(100%,460px);padding:34px 26px;display:grid}.gone-card h1,.gone-card h2{font-size:clamp(34px,7vw,48px)}.row-gap{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.confetti-canvas{z-index:500;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.set-list{gap:8px;display:grid}.set-row{cursor:pointer;border:var(--bw) solid var(--ink);border-radius:var(--r);background:var(--card);align-items:center;gap:14px;padding:14px;display:flex}.set-ic{border-radius:var(--r-sm);background:var(--paper-2);flex:none;place-items:center;width:40px;height:40px;display:grid}.set-txt{font-size:var(--fs-15);flex:1;gap:2px;display:grid}.set-txt strong{font-size:var(--fs-16)}.avatar-editor{gap:14px;min-width:0;display:grid}.ae-top{align-items:center;gap:16px;display:flex}.ae-portrait{border:var(--bw) solid var(--ink);width:150px;height:150px;box-shadow:var(--shadow);border-radius:50%;flex:none;overflow:hidden}.ae-portrait .avatar{width:100%;height:100%}.ae-side{justify-items:start;gap:8px;display:grid}.ae-side p{font-size:var(--fs-13);margin:0;line-height:1.35}.ae-tabs{flex-wrap:wrap;gap:6px;display:flex}.ae-tabs .chip{min-height:36px}.ae-tabs .chip[aria-selected=true]{background:var(--ink);color:var(--paper)}.ae-panel{border:var(--bw) solid var(--ink);border-radius:var(--r);background:var(--paper-2);gap:14px;padding:12px;animation:.2s ease-out pop-in;display:grid}.ae-part{gap:8px;display:grid}.ae-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;display:grid}.ae-opt{aspect-ratio:1;background:var(--card);transition:transform .15s var(--spring);border:2px solid #0000;border-radius:50%;place-items:center;padding:3px;display:grid}.ae-opt .avatar{width:100%;height:100%}.ae-opt[aria-pressed=true]{border-color:var(--ink);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.ae-swatches{grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:8px;display:grid}.ae-swatches button{aspect-ratio:1;border:var(--bw) solid var(--ink);min-height:36px;transition:transform .15s var(--spring);border-radius:50%}.ae-swatches button[aria-checked=true]{box-shadow:0 0 0 3px var(--paper-2), 0 0 0 5px var(--ink);transform:scale(1.12)}@media (width<=420px){.ae-portrait{width:112px;height:112px}}.profile-form{gap:22px;display:grid}.app-page,.room{overflow-x:clip}.nf{padding-block:clamp(28px,6vw,72px) 40px}.p404-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(24px,5vw,64px);display:grid}.p404-copy{justify-items:start;gap:18px;display:grid}.p404-title{font-size:clamp(56px,9vw,120px)}.p404-art{aspect-ratio:5/4;position:relative}.p404-card{aspect-ratio:4/3;border:var(--bw) solid var(--ink);border-radius:var(--r-lg);width:68%;box-shadow:var(--shadow-lg);position:absolute;overflow:hidden}.p404-c1{top:4%;left:0;rotate:-7deg}.p404-c2{bottom:4%;right:0;rotate:6deg}.p404-q{aspect-ratio:1;border:var(--bw) solid var(--ink);background:var(--lime);width:30%;box-shadow:var(--shadow);border-radius:50%;place-items:center;font-size:clamp(56px,8vw,104px);line-height:1;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:-8deg}.p404-more{margin-top:clamp(40px,7vw,88px)}.p404-more .sec-title{margin-bottom:18px}@media (width<=760px){.p404-hero{grid-template-columns:1fr}.p404-art{justify-self:center;width:min(100%,340px)}}.stamp.stamp-red{color:var(--tomato-ink)}.hero{align-items:center;gap:40px;padding-top:clamp(28px,6vw,70px);padding-bottom:60px;display:grid}@media (width>=1000px){.hero{min-height:calc(100dvh - var(--nav-h) - 80px);grid-template-columns:1.15fr 1fr;gap:30px}}.hero-kicker{align-items:center;gap:14px;margin-bottom:22px;display:flex}.hero-kicker .stamp{flex:none}.hero-live{border:1.5px solid var(--ink);border-radius:var(--r-pill);background:var(--card);min-width:0;font-size:var(--fs-14);white-space:nowrap;align-items:center;gap:8px;padding:6px 12px;font-weight:600;display:inline-flex}.hero-live-t{text-overflow:ellipsis;overflow:hidden}.hero-title{font-size:clamp(52px,7.6vw,112px)}.hero-title .squiggle>svg{height:.22em;bottom:-.1em}.hero-sub{max-width:560px;color:var(--ink-2);margin-top:26px;font-size:clamp(17px,1.6vw,20px);line-height:1.5}.hero-cta{flex-wrap:wrap;align-items:flex-end;gap:22px 28px;margin-top:34px;display:flex}.hero-join{gap:8px;display:grid}.hero-join .label{color:var(--ink-3)}.code-err{color:var(--tomato-ink);font-weight:650}.hero-join .label.code-err{color:var(--tomato-ink)}.hero-join-row{align-items:center;gap:10px;display:flex}.hero-join-row .btn-lg{border-radius:var(--r);width:62px;height:66px}@media (width<=420px){.code-input input{width:52px;height:60px;font-size:var(--fs-30)}.hero-join-row .btn-lg{width:56px;height:60px}}.hero-art{--mx:0;--my:0;width:100%;max-width:560px;height:clamp(460px,56vw,640px);margin:0 auto;position:relative}.phone{aspect-ratio:9/18.5;width:min(290px,64%);translate:calc(-50% + var(--mx) * -14px) calc(-50% + var(--my) * -14px);border:3px solid var(--ink);border-radius:var(--r-xl);background:var(--ink);box-shadow:12px 14px 0 color-mix(in srgb, var(--ink) 22%, transparent);z-index:3;transition:translate .4s var(--ease);padding:10px;position:absolute;top:50%;left:50%;rotate:4deg}.phone-notch{border-radius:var(--r);background:var(--ink);z-index:2;width:84px;height:22px;position:absolute;top:16px;left:50%;translate:-50%}.phone-screen{border-radius:var(--r-xl);background:var(--paper);flex-direction:column;gap:10px;height:100%;padding:44px 14px 14px;display:flex;overflow:hidden}.ph-top{justify-content:space-between;align-items:center;display:flex}.ph-code{border:1.5px solid var(--ink);border-radius:var(--r-xs);background:var(--butter);font-size:var(--fs-15);letter-spacing:.12em;padding:2px 8px;font-weight:800}.ph-cover{border:2px solid var(--ink);border-radius:var(--r);flex:none;overflow:hidden}.ph-title{font-size:var(--fs-30)}.ph-list{gap:6px;min-height:0;display:grid;overflow:hidden}.ph-p{border:1.5px solid var(--ink);border-radius:var(--r-pill);background:var(--card);font-weight:700;font-size:var(--fs-14);animation:ph-pop .5s var(--spring) both;align-items:center;gap:8px;padding:4px 10px 4px 5px;display:flex}.ph-p svg:last-child{margin-left:auto}@media (prefers-reduced-motion:reduce){.ph-p,.sd-bid,.sd-stamp{animation:none!important}}html[data-motion=reduce] .ph-p,html[data-motion=reduce] .sd-bid,html[data-motion=reduce] .sd-stamp{animation:none!important}@keyframes ph-pop{0%{opacity:0;transform:scale(.6)translate(-16px)}}.ph-start{border:2px solid var(--ink);border-radius:var(--r-pill);background:var(--ink);color:var(--paper);text-align:center;box-shadow:0 4px 0 color-mix(in srgb, var(--ink) 55%, var(--tomato));margin-top:auto;padding:12px;font-weight:750}.ha-card{border:var(--bw) solid var(--ink);border-radius:var(--r-lg);width:min(230px,46%);box-shadow:var(--shadow-lg);transition:translate .5s var(--ease);animation:ha-in .7s var(--spring) both;position:absolute;overflow:hidden}.ha-c2{animation-delay:.12s}.ha-c3{animation-delay:.24s}@keyframes ha-in{0%{opacity:0;transform:translateY(24px)scale(.94)}}.ha-c1{rotate:-9deg;translate:calc(var(--mx) * 22px) calc(var(--my) * 22px);z-index:2;top:4%;left:0}.ha-c2{rotate:8deg;translate:calc(var(--mx) * 30px) calc(var(--my) * 30px);top:14%;right:0}.ha-c3{width:min(190px,38%);rotate:6deg;translate:calc(var(--mx) * 18px) calc(var(--my) * 18px);z-index:4;bottom:0;left:-2%}.ha-bubble{z-index:5;border:var(--bw) solid var(--ink);border-radius:var(--r) var(--r) var(--r) 4px;background:var(--card);font-weight:700;font-size:var(--fs-15);box-shadow:var(--shadow);animation:ha-in .6s var(--spring) .9s both;white-space:nowrap;padding:10px 14px;position:absolute}.ha-b1{background:var(--lime);top:46%;right:-2%}.ha-b2{border-radius:var(--r) var(--r) 4px var(--r);animation-delay:1.3s;bottom:10%;right:6%}.ha-sticker{z-index:6;position:absolute}.ha-s1{animation:.9s ease-in-out .4s 2 both wobble;top:-2%;left:30%}.ha-s2{animation:ha-in .6s var(--spring) 1.1s both;bottom:-2%;right:22%}@media (width<=999px){.hero-art{height:520px}}@media (width<=520px){.hero-art{height:470px}.ha-card{width:44%}.ha-b1{right:0}}.ticker{background:var(--ink);color:var(--paper);border-top:var(--bw) solid var(--ink);border-bottom:var(--bw) solid var(--ink);margin:10px 0 40px;padding:16px 0;overflow:hidden;transform:rotate(-1.4deg)scaleX(1.03)}.ticker .marquee-track{animation-duration:60s}.tk-item{letter-spacing:-.02em;white-space:nowrap;text-transform:uppercase;align-items:center;gap:22px;padding-right:22px;font-size:clamp(26px,3.4vw,40px);font-weight:800;font-stretch:78%;display:inline-flex}.section{padding-top:clamp(40px,7vw,90px)}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:26px;display:flex}.sec-title{margin-top:10px;font-size:clamp(42px,6.6vw,84px)}.people{border:var(--bw) solid var(--ink);border-radius:var(--r-pill);background:var(--card);align-items:center;gap:8px;padding:6px 8px 6px 14px;display:flex}.people-n{text-align:center;min-width:48px;font-size:var(--fs-24)}.people .btn-icon{width:40px;height:40px}.game-grid>.empty{grid-column:1/-1}.genre-row{margin-bottom:22px}.genre-row .chip-sm{height:36px;padding:0 12px}.game-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}@media (width<=600px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.game-card{border:var(--bw) solid var(--ink);border-radius:var(--r-lg);background:var(--card);box-shadow:var(--shadow);transition:transform .25s var(--spring), box-shadow .25s var(--ease);animation:rise .5s var(--ease) both;flex-direction:column;display:flex;position:relative;overflow:hidden}.game-card:hover{box-shadow:var(--shadow-lg);transform:translate(-3px,-4px)rotate(-.6deg)}.gc-link{color:inherit;flex-direction:column;flex:1;text-decoration:none;display:flex}.gc-art{border-bottom:var(--bw) solid var(--ink);position:relative}.gc-no{border-radius:var(--r-xs);background:var(--ink);color:var(--paper);font-size:var(--fs-11);padding:3px 8px;font-weight:800;position:absolute;top:10px;left:10px}.gc-badge{background:var(--card);color:var(--ink);border-color:var(--ink);position:absolute;top:10px;right:10px;transform:rotate(5deg)}.gc-badge.b-viral{background:var(--lime)}.gc-badge.b-hot{background:var(--butter)}.gc-body{flex:1;align-content:start;gap:6px;padding:14px 16px 12px;display:grid}.gc-genre{color:var(--ink-3);letter-spacing:.05em;align-items:center;gap:6px;display:inline-flex}.gc-genre i{border:1.5px solid var(--ink);background:var(--gcol);border-radius:50%;flex:none;width:9px;height:9px}.gc-name{font-size:clamp(24px,2.4vw,30px)}.gc-tag{color:var(--ink-2);font-size:var(--fs-15);line-height:1.35}.gc-meta{font-size:var(--fs-12);color:var(--ink-3);gap:12px;margin-top:4px;display:flex}.gc-meta span{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.gc-actions{justify-content:space-between;align-items:center;gap:8px;padding:0 14px 14px 16px;display:flex}.gc-actions .btn-sm{height:40px}.gc-fav{border:1.5px solid var(--ink);width:40px;height:40px;color:var(--ink-4);transition:color .15s, transform .25s var(--spring), background .15s;border-radius:50%;flex:none;place-items:center;margin-left:auto;display:grid}.gc-fav:hover{color:var(--tomato)}.gc-fav.on{color:var(--tomato);background:color-mix(in srgb, var(--pink) 30%, var(--card));transform:scale(1.08)rotate(-10deg)}.gc-fav svg{fill:currentColor}@media (width<=600px){.gc-tag{display:none}.gc-body{padding:10px 12px 8px}.gc-actions{padding:0 10px 10px 12px}.gc-name{font-size:var(--fs-20)}}@media (width<=374px){.gc-body{padding:10px 10px 8px}.gc-meta{flex-wrap:wrap;gap:2px 10px}.gc-actions{gap:6px;padding:0 8px 10px 10px}.gc-actions .btn-sm{padding:0 14px}.gc-actions .btn-sm svg{display:none}}.how-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.how-step{border:var(--bw) solid var(--ink);border-radius:var(--r-lg);background:var(--c);box-shadow:var(--shadow);animation:rise .5s var(--ease) both;gap:10px;padding:26px 22px 24px;display:grid;position:relative;overflow:hidden}.how-n{color:color-mix(in srgb, var(--ink) 12%, transparent);pointer-events:none;font-size:150px;position:absolute;bottom:-26px;right:-6px}.how-n:before{content:attr(data-n)}.how-ic{border:var(--bw) solid var(--ink);border-radius:var(--r);background:var(--card);place-items:center;width:52px;height:52px;display:grid}.how-step h3{font-size:var(--fs-30);margin-top:8px}.how-step p{max-width:300px;font-size:var(--fs-16)}.spot{background:var(--tomato);border-top:var(--bw) solid var(--ink);border-bottom:var(--bw) solid var(--ink);margin-top:clamp(60px,9vw,120px);position:relative;overflow:hidden}.spot:before{content:"";background-image:radial-gradient(#16131b29 1.6px,#0000 1.8px);background-size:14px 14px;position:absolute;inset:0}.spot-in{align-items:center;gap:40px;padding-top:64px;padding-bottom:64px;display:grid;position:relative}@media (width>=960px){.spot-in{grid-template-columns:1fr 1fr}}.spot-title{margin:16px 0 18px;font-size:clamp(64px,11vw,150px)}.spot-lead{max-width:520px;font-size:var(--fs-20);font-weight:550}.spot-points{gap:10px;margin:22px 0 28px;padding:0;font-weight:650;list-style:none;display:grid}.spot-points li{align-items:flex-start;gap:10px;line-height:1.35;display:flex}.spot-points li svg{flex:none;margin-top:1px}.spot-demo{border:var(--bw) solid var(--ink);border-radius:var(--r-xl);background:var(--card);box-shadow:var(--shadow-xl);padding:20px;transform:rotate(1.5deg)}.sd-head{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin-bottom:14px;display:flex}.sd-head .mono{font-size:var(--fs-12);font-weight:800}.sd-cols{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sd-col{align-content:start;gap:6px;display:grid}.sd-who{align-items:center;gap:8px;margin-bottom:4px;font-weight:800;display:flex}.sd-pick{border:1.5px solid var(--ink);border-radius:var(--r-sm);background:var(--paper);font-weight:650;font-size:var(--fs-15);animation:sd-in 6s var(--spring) infinite both;align-items:center;gap:8px;padding:8px 10px;display:flex}.sd-pick .mono{font-size:var(--fs-11);color:var(--ink-3)}@keyframes sd-in{0%{opacity:0;background:var(--butter);transform:translateY(-14px)scale(.9)}8%{opacity:1;background:var(--butter);transform:none}18%,90%{opacity:1;background:var(--paper)}to{opacity:0}}.sd-vote{border-top:2px dashed var(--paper-3);align-items:center;gap:12px;margin-top:16px;padding-top:14px;font-weight:700;display:flex}.sd-bar{border:var(--bw) solid var(--ink);border-radius:var(--r-pill);background:var(--sky);flex:1;height:14px;overflow:hidden}.sd-bar i{background:var(--lime);border-right:var(--bw) solid var(--ink);width:71%;height:100%;animation:k-grow 6s var(--ease) infinite;display:block}.spot-cover{opacity:.18;pointer-events:none;width:260px;position:absolute;bottom:-70px;right:-60px;transform:rotate(-12deg)}@media (width<=959px){.spot-cover{display:none}}.cat-wall{flex-wrap:wrap;gap:10px;display:flex}.cw-chip{border:var(--bw) solid var(--ink);border-radius:var(--r-pill);background:color-mix(in srgb, var(--g) 55%, var(--card));rotate:var(--r);transition:transform .2s var(--spring), box-shadow .2s;align-items:center;padding:9px 16px;font-weight:700;text-decoration:none;display:inline-flex}.cw-chip:hover{box-shadow:var(--shadow-sm);transform:translateY(-3px)scale(1.04)}.cw-more{background:var(--ink);color:var(--paper)}.cw-skel{background:var(--paper-2);border-color:var(--paper-3)}.cw-skel:before{content:" "}.cw-note{max-width:640px;margin-top:22px}.feat-sec{gap:18px;display:grid}@media (width>=980px){.feat-sec{grid-template-columns:1fr 1.2fr;align-items:stretch}}.daily-card{border:var(--bw) solid var(--ink);border-radius:var(--r-xl);background:var(--ink);color:var(--paper);box-shadow:var(--shadow-lg);transition:transform .25s var(--spring);gap:18px;padding:28px;text-decoration:none;display:grid;position:relative;overflow:hidden}.daily-card:hover{transform:rotate(-.8deg)translateY(-3px)}.daily-card h2{margin:14px 0;font-size:clamp(40px,5vw,64px)}.daily-card p{color:#f3eee3bf;max-width:420px;margin-bottom:20px}.daily-art{border:var(--bw) solid var(--paper);border-radius:var(--r);max-width:340px;overflow:hidden;transform:rotate(2deg)}.feat-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.feat{border:var(--bw) solid var(--ink);border-radius:var(--r-lg);background:var(--card);padding:20px}.feat-ic{border:var(--bw) solid var(--ink);border-radius:var(--r-sm);background:var(--butter);place-items:center;width:44px;height:44px;margin-bottom:14px;display:grid}.feat:nth-child(2) .feat-ic{background:var(--sky)}.feat:nth-child(3) .feat-ic{background:var(--pink)}.feat:nth-child(4) .feat-ic{background:var(--mint)}.feat:nth-child(5) .feat-ic{background:var(--lilac)}.feat:nth-child(6) .feat-ic{background:var(--lime)}.feat h3{font-size:var(--fs-24);margin-bottom:6px}.feat p{color:var(--ink-2);font-size:var(--fs-15)}@media (width<=600px){.feat{grid-template-columns:44px 1fr;gap:2px 14px;padding:16px;display:grid}.feat-ic{grid-row:span 2;margin-bottom:0}.feat h3{font-size:var(--fs-20);margin:2px 0 0}.feat p{font-size:var(--fs-15)}}.faq-list{gap:10px;max-width:860px;display:grid}.faq-item{border:var(--bw) solid var(--ink);border-radius:var(--r);background:var(--card);overflow:hidden}.faq-item summary{cursor:pointer;font-weight:750;font-size:var(--fs-18);justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary svg{transition:transform .25s var(--spring);flex:none}.faq-item[open] summary svg{transform:rotate(45deg)}.faq-item[open] summary{background:var(--butter);border-bottom:var(--bw) solid var(--ink)}.faq-item p{color:var(--ink-2);padding:16px 20px 20px}.page-head{padding-top:clamp(28px,5vw,60px);padding-bottom:28px}.page-title{margin:12px 0 14px;font-size:clamp(56px,10vw,128px)}.page-lead{max-width:620px;font-size:var(--fs-20);color:var(--ink-2)}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:22px;display:flex}.search{flex:260px;max-width:420px;position:relative}.search svg{position:absolute;top:50%;left:16px;translate:0 -50%}.search .input{appearance:none;padding-left:46px}.search .input::-webkit-search-decoration{appearance:none}.gd-hero{background:var(--field);color:var(--on-field);border-bottom:var(--bw) solid var(--ink)}.gd-hero-in{align-items:center;gap:30px;padding-top:40px;padding-bottom:50px;display:grid}@media (width>=900px){.gd-hero-in{grid-template-columns:1fr 1fr}}.gd-crumbs{color:var(--on-field);font-weight:650;font-size:var(--fs-14);align-items:center;gap:8px;display:flex}.gd-crumbs a{margin:-8px 0;padding:8px 0;text-decoration:none}.gd-crumbs a:hover{text-decoration:underline}.gd-hero-in>*{min-width:0}.gd-cta .btn{white-space:normal;text-align:center;text-wrap:balance;max-width:100%;height:auto;min-height:62px;padding-block:10px;line-height:1.1}.gd-cta .btn-xl{min-height:72px}.gd-title{overflow-wrap:break-word;margin:14px 0;font-size:clamp(56px,11vw,140px)}.gd-tag{max-width:520px;font-size:clamp(18px,2vw,22px);font-weight:550}.gd-meta{flex-wrap:wrap;gap:8px;margin:20px 0 26px;display:flex}.pro-badge.weekly{background:var(--lime)}.gd-meta .gd-badge{align-self:center}.gd-pro-note{font-size:var(--fs-14);margin-top:12px;font-weight:600}.gd-meta .pill{height:36px;font-size:var(--fs-12);padding:0 12px}.gd-hero.dark .gd-cta .btn-ink{--bg:var(--pop);--fg:var(--ink);box-shadow:0 4px 0 color-mix(in srgb, var(--pop) 45%, #000)}.gd-fav{border-color:var(--ink);background:var(--card);color:var(--ink);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .12s var(--ease)}.gd-fav:active{box-shadow:none;transform:translate(2px,2px)}.gd-fav svg{fill:none}.gd-fav.on svg{color:var(--tomato);fill:currentColor}.gd-browse{white-space:nowrap}.gd-browse svg{vertical-align:-2px;display:inline-block}.gd-cover{border:var(--bw) solid var(--ink);border-radius:var(--r-xl);box-shadow:var(--shadow-xl);overflow:hidden;transform:rotate(2deg)}.gd-body{gap:30px;padding-top:50px;display:grid}@media (width>=980px){.gd-body{grid-template-columns:1.3fr 1fr;align-items:start}}.gd-blurb{font-size:var(--fs-20);max-width:640px;margin-bottom:30px;line-height:1.55}.gd-steps{counter-reset:step;gap:12px;margin:0;padding:0;list-style:none;display:grid}.gd-steps li{border:var(--bw) solid var(--ink);border-radius:var(--r);background:var(--card);font-size:var(--fs-18);grid-template-columns:54px 1fr;align-items:center;gap:16px;padding:16px;font-weight:550;display:grid}.gd-steps .display{border:var(--bw) solid var(--ink);border-radius:var(--r);background:var(--field);width:54px;height:54px;color:var(--on-field);font-size:var(--fs-30);place-items:center;display:grid}.gd-side{gap:16px;display:grid}.gd-tags{flex-wrap:wrap;gap:6px;display:flex}.gd-more{margin-top:60px}.cats-groups{gap:34px;display:grid}.cats-group h2{font-size:var(--fs-30);align-items:center;gap:12px;margin-bottom:14px;display:flex}.cats-group h2 i{border:var(--bw) solid var(--ink);border-radius:50%;width:18px;height:18px}.cats-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.cat-card{border:var(--bw) solid var(--ink);border-radius:var(--r);background:var(--card);transition:transform .2s var(--spring), box-shadow .2s;gap:6px;padding:14px 16px;text-decoration:none;display:grid}.cat-card:hover{box-shadow:var(--shadow);background:color-mix(in srgb, var(--g) 25%, var(--card));transform:translate(-2px,-2px)}.cat-card strong{font-size:var(--fs-18)}.cat-card span{color:var(--ink-3);font-size:var(--fs-14);line-height:1.35}.cats-more{margin-top:12px}.cats-toolbar{scroll-margin-top:calc(var(--nav-h) + 16px)}@media (width<=600px){.cats-group h2{font-size:var(--fs-30)}.cat-card{gap:2px;padding:11px 14px}.cat-card strong{font-size:var(--fs-16)}.cat-card span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.cd-items{flex-wrap:wrap;gap:8px;margin:10px 0 30px;display:flex}.cd-item{border:1.5px solid var(--ink);border-radius:var(--r-sm);background:var(--card);animation:pop-in .35s var(--spring) both;padding:8px 14px;font-weight:650}.cd-play{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.cd-play-card{border:var(--bw) solid var(--ink);border-radius:var(--r-lg);background:var(--card);box-shadow:var(--shadow);text-align:left;transition:transform .2s var(--spring);display:grid;overflow:hidden}.cd-play-card:hover{transform:translate(-2px,-3px)rotate(-.6deg)}.cd-play-card .cover{border-bottom:var(--bw) solid var(--ink)}.cd-play-card div{font-weight:800;font-size:var(--fs-18);justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex}@media (width<=600px){.cd-play{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cd-play-card div{font-size:var(--fs-15);padding:10px 12px;line-height:1.2}.cd-play-card div>svg{flex:none;width:14px}}.join-page{min-height:calc(100dvh - var(--nav-h));padding:30px var(--gutter) 60px;place-items:center;display:grid}.jp-card{text-align:center;justify-items:center;gap:18px;width:min(100%,520px);padding:40px 24px;display:grid}.jp-card h1{font-size:clamp(48px,10vw,72px)}@media (width<=420px){.jp-card{padding:34px 16px}.jp-card .code-input.lg input{width:60px;height:72px;font-size:var(--fs-30)}}.jp-recent{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.me-head{align-items:center;gap:20px;display:flex}.me-head>div{min-width:0}.me-name{overflow-wrap:anywhere;margin:6px 0 0;font-size:clamp(40px,9vw,112px)}@media (width<=600px){.me-head{gap:14px}.me-head>.avatar{width:72px;height:72px}}.me-save.dirty{z-index:5;position:sticky;bottom:16px}@media (width<=820px){.me-save.dirty{bottom:calc(88px + env(safe-area-inset-bottom))}}.me-grid{gap:18px;display:grid}@media (width>=960px){.me-grid{grid-template-columns:420px 1fr;align-items:start}}.stat-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}@media (width<=600px){.stat-row{grid-template-columns:1fr 1fr}.stat-row>:last-child:nth-child(odd){grid-column:1/-1}}.stat{border:var(--bw) solid var(--ink);border-radius:var(--r);background:var(--card);padding:16px}.stat-v{margin-bottom:4px;font-size:44px}.badges{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.badge{border:var(--bw) dashed var(--ink-4);border-radius:var(--r);color:var(--ink-3);align-content:start;gap:4px;padding:14px;display:grid}@media (width<=420px){.badge{padding:12px}.badge strong{font-size:var(--fs-15);overflow-wrap:anywhere}}@media (width<=600px){.me-settings{padding:16px}.me-settings .set-row{padding:12px}.me-settings .set-ic{display:none}}.badge.got{border-style:solid;border-color:var(--ink);background:var(--butter);color:var(--ink);box-shadow:var(--shadow-sm)}.badge strong{font-size:var(--fs-16)}.badge span{font-size:var(--fs-13)}.by-game{gap:6px;display:grid}.by-game li{border:1.5px solid var(--ink);border-radius:var(--r-sm);background:var(--card);grid-template-columns:1fr auto auto;gap:14px;padding:8px 12px;font-weight:650;display:grid}.by-game ol,ol.by-game{margin:0;padding:0;list-style:none}.prose{max-width:760px;font-size:var(--fs-18);line-height:1.6}.prose h2{font-size:var(--fs-40);margin:40px 0 12px}.prose>h2:first-child{margin-top:0}.prose p,.prose ul{margin:0 0 14px}.prose li{margin-bottom:6px}.daily{max-width:760px;padding:30px var(--gutter) 80px;margin:0 auto}.dy-head{text-align:center;margin-bottom:26px}.dy-head h1{margin:12px 0;font-size:clamp(48px,9vw,88px)}.dy-item{border:var(--bw) solid var(--ink);border-radius:var(--r-xl);background:var(--ink);min-height:140px;color:var(--paper);box-shadow:7px 7px 0 var(--lime);text-align:center;animation:pop-in .45s var(--spring) both;place-items:center;margin-bottom:18px;padding:24px;display:grid}.dy-item .display{font-size:clamp(36px,8vw,60px)}.dy-slots{gap:8px;display:grid}.dy-slot{border:var(--bw) solid var(--ink);border-radius:var(--r);background:var(--card);text-align:left;min-height:62px;font-weight:750;font-size:var(--fs-18);transition:transform .15s var(--spring), background .15s;grid-template-columns:56px 1fr auto;align-items:center;gap:12px;padding:6px 14px 6px 6px;display:grid}.dy-slot .display{border-radius:var(--r-sm);background:var(--lime);border:var(--bw) solid var(--ink);height:48px;font-size:var(--fs-24);place-items:center;display:grid}button.dy-slot:not(:disabled):hover{background:var(--butter);transform:translate(4px)}button.dy-slot:disabled{cursor:default}.dy-slot.filled{animation:pop-in .35s var(--spring) both}.dy-slot .muted{font-size:var(--fs-13);font-weight:600}.dy-slot .dy-scale{font-size:var(--fs-11);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.dy-done{text-align:center;justify-items:center;gap:16px;margin-top:22px;display:grid}.dy-compare{text-align:left;grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.dy-compare ol{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.dy-compare li{border:1.5px solid var(--ink);border-radius:var(--r-sm);background:var(--card);font-weight:650;font-size:var(--fs-15);gap:8px;padding:8px 10px;display:flex}.dy-compare li .mono{color:var(--ink-3)}.dy-share{white-space:pre-wrap;overflow-wrap:anywhere;border:var(--bw) dashed var(--ink);border-radius:var(--r-sm);background:var(--card);max-width:100%;font-family:var(--mono);font-size:var(--fs-13);text-align:left;padding:14px 18px}.og{background:var(--paper);grid-template-columns:1fr 1fr;align-items:center;gap:30px;width:1200px;height:630px;padding:56px 60px;display:grid;position:fixed;inset:0;overflow:hidden}.og h1{margin:40px 0 24px;font-size:92px}.og p{font-family:var(--mono);font-weight:700;font-size:var(--fs-20);color:var(--ink-2)}.og-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.og-card{border:3px solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow-lg);overflow:hidden}.sd-lot{border:var(--bw) solid var(--ink);border-radius:var(--r-lg);background:var(--butter);text-align:center;padding:26px 16px 22px;position:relative;overflow:hidden}.sd-item{font-size:clamp(34px,5vw,52px)}.sd-stamp{border:3px solid var(--tomato);border-radius:var(--r-xs);color:var(--tomato);font-size:var(--fs-24);text-transform:uppercase;padding:3px 14px 1px;animation:6s cubic-bezier(.2,1.6,.4,1) infinite both sd-slam;position:absolute;top:10px;right:12px;transform:rotate(10deg)}@keyframes sd-slam{0%,42%{opacity:0;transform:rotate(10deg)scale(2.2)}50%,92%{opacity:1;transform:rotate(10deg)scale(1)}to{opacity:0}}.sd-bids{gap:6px;margin-top:12px;display:grid}.sd-bid{border:1.5px solid var(--ink);border-radius:var(--r-sm);background:var(--paper);animation:sd-in 6s var(--spring) infinite both;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:6px 12px 6px 6px;font-weight:700;display:grid}.sd-bid.top{background:var(--lime)}.sd-bid .mono{font-weight:800}.me-where{border-radius:var(--r-pill);border:1.5px solid var(--ink);background:var(--paper-2);font-weight:700;font-size:var(--fs-14);overflow-wrap:anywhere;align-items:center;gap:6px;max-width:100%;margin-top:8px;padding:4px 11px;display:inline-flex}.me-where.saved{background:color-mix(in srgb, var(--lime) 55%, var(--card))}.me-fine{font-size:var(--fs-14);margin:0}.me-account>div{grid-template-columns:minmax(0,1fr)}.card-choice{border:var(--bw) solid var(--ink);border-radius:var(--r);background:color-mix(in srgb, var(--butter) 40%, var(--card));align-items:flex-start;gap:14px;min-width:0;padding:14px;display:flex}.card-choice>.avatar{flex:none}.card-choice-txt{flex:1 1 0;gap:8px;min-width:0;display:grid}.card-choice-txt .row-gap{flex-wrap:wrap}@media (width<=520px){.card-choice{flex-direction:column;gap:10px}}.card-choice-txt p{color:var(--ink-2);overflow-wrap:anywhere;margin:0}.me-account{margin-bottom:18px}@media (width>=960px){.me-account .pro-signin{max-width:620px}}.free-band-wrap{margin-top:8px}.free-band{background:color-mix(in srgb, var(--lime) 30%, var(--card));gap:18px;padding:clamp(18px,3vw,28px);display:grid}@media (width>=900px){.free-band{grid-template-columns:1fr 1.1fr;align-items:center}}.fb-copy{justify-items:start;gap:10px;display:grid}.fb-copy p{font-size:var(--fs-16);margin:0;line-height:1.45}.fb-title{margin:0;font-size:clamp(28px,4vw,40px);line-height:1}.fb-games{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:10px;display:grid}@media (width<=600px){.fb-games{scroll-snap-type:x mandatory;grid-auto-columns:120px;padding-bottom:6px;overflow-x:auto}}.fb-game{color:var(--ink);font-weight:700;font-size:var(--fs-14);scroll-snap-align:start;gap:6px;line-height:1.2;text-decoration:none;display:grid}.fb-game>:first-child{aspect-ratio:4/3;border:var(--bw) solid var(--ink);border-radius:var(--r);transition:transform .12s;overflow:hidden}.fb-game.weekly>:first-child{box-shadow:0 0 0 3px var(--lime)}.fb-weekly{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.fb-game:hover>:first-child{transform:translate(-2px,-2px)rotate(-1deg)}.games-more{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 16px;margin-top:22px;display:flex}@media (width<=600px){.hero-art{height:400px}.how-grid{gap:10px}.how-step{grid-template-columns:46px 1fr;gap:2px 14px;padding:14px 16px}.how-ic{border-radius:var(--r-sm);grid-row:span 2;width:46px;height:46px}.how-step h3{font-size:var(--fs-24);margin:0}.how-step p{font-size:var(--fs-15)}.how-n{display:none}.cw-scroll{margin:0 calc(-1 * var(--gutter,18px));padding:4px var(--gutter,18px) 10px;scrollbar-width:none;overflow-x:auto}.cw-scroll::-webkit-scrollbar{display:none}.cat-wall{width:1050px}.cw-chip{font-size:var(--fs-15);padding:7px 13px}.cw-note{margin-top:12px}.daily-card{gap:12px;padding:22px}.daily-card h2{margin:10px 0}.daily-card p{margin-bottom:14px}.daily-art{max-width:210px}.feat-grid{grid-template-columns:1fr 1fr;gap:10px}.feat{padding:14px;display:block}.feat-ic{border-radius:var(--r-sm);width:36px;height:36px;margin-bottom:8px}.feat h3{font-size:var(--fs-18);margin:0 0 4px}.feat p{font-size:var(--fs-14);line-height:1.35}}.room{background:var(--field);min-height:100dvh;color:var(--on-field);isolation:isolate;transition:background .5s;position:relative}.room:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(color-mix(in srgb, var(--on-field) 9%, transparent) 1.4px, transparent 1.6px);background-size:22px 22px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.room.phase-lobby,.room.phase-results{background:var(--paper);color:var(--ink);--on-field:var(--ink);--on-field-2:var(--ink-3)}.room.phase-lobby:before,.room.phase-results:before{background-image:radial-gradient(color-mix(in srgb, var(--ink) 8%, transparent) 1.4px, transparent 1.6px)}.room-bar{z-index:90;height:62px;padding:0 max(10px, env(safe-area-inset-left)) 0 max(10px, env(safe-area-inset-right));background:var(--paper);color:var(--ink);border-bottom:var(--bw) solid var(--ink);align-items:center;gap:6px;display:flex;position:sticky;top:0}.rb-btn{border-radius:12px;grid-auto-flow:column;place-items:center;gap:4px;min-width:44px;height:44px;padding:0 8px;transition:background .15s;display:grid;position:relative}.rb-btn:hover{background:var(--paper-2)}.rb-count{font-size:13px;font-weight:800}.rb-badge{background:var(--tomato);border:1.5px solid var(--ink);text-align:center;border-radius:9px;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:800;line-height:15px;position:absolute;top:2px;right:0}.rb-logo{align-items:center;min-height:42px;padding:6px 6px 0;text-decoration:none;display:inline-flex}.rb-mid{min-width:0;margin:0 auto 0 8px;line-height:1.1;display:grid}.rb-game{white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:800;overflow:hidden}.rb-phase{color:var(--ink-3);align-items:center;gap:6px;font-size:11px;display:inline-flex}.phase-playing .rb-phase:before{content:"";background:var(--tomato);border-radius:50%;width:7px;height:7px;animation:1.4s infinite pulse-dot}.rb-code{border:var(--bw) solid var(--ink);background:var(--butter);height:46px;box-shadow:var(--shadow-sm);transition:transform .15s var(--spring);border-radius:12px;justify-items:center;gap:1px;padding:4px 12px;display:grid}.rb-code:hover{transform:rotate(-2deg)}.rb-code .label{font-size:11px;line-height:1}.rb-code .mono{letter-spacing:.12em;font-size:19px;font-weight:800;line-height:1}@media (width>=561px){.show-sm{display:none!important}}.squad-settings{margin-top:14px}@media (width<=560px){.rb-logo,.hide-sm{display:none}.rb-mid{margin-left:4px}.rb-game{font-size:15px}}.rb-name-short{display:none}@media (width<=560px){.rb-name-full{display:none}.rb-name-short{display:inline}}@media (width<=400px){.room-bar{gap:3px}.rb-btn{min-width:40px;padding:0 4px}.rb-code{padding:4px 9px}.rb-game{-webkit-line-clamp:3;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:14px;font-stretch:85%;line-height:1;display:-webkit-box}}.room-main{padding-bottom:84px}.react-layer{z-index:150;pointer-events:none;position:fixed;inset:0;overflow:hidden}.floater{justify-items:center;gap:4px;animation:2.8s cubic-bezier(.22,.7,.3,1) forwards floater;display:grid;position:absolute;bottom:-90px}@keyframes floater{0%{opacity:0;transform:translate(0)rotate(0)scale(.6)}12%{opacity:1;transform:translate(0, -110px) rotate(var(--rot)) scale(1.1)}to{transform:translate(var(--drift), -78vh) rotate(calc(var(--rot) * -1)) scale(.9);opacity:0}}@keyframes floater-calm{0%,to{opacity:0;transform:translate(0, calc(-38vh + var(--drift))) rotate(var(--rot))}15%,75%{opacity:1;transform:translate(0, calc(-38vh + var(--drift))) rotate(var(--rot))}}@media (prefers-reduced-motion:reduce){.floater{animation-name:floater-calm!important;animation-duration:2.8s!important}}html[data-motion=reduce] .floater{animation-name:floater-calm!important;animation-duration:2.8s!important}.floater-who{background:var(--ink);color:var(--paper);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 8px 2px 3px;font-size:11px;font-weight:700;display:inline-flex}.room-dock{right:max(14px, env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));z-index:140;align-items:center;gap:10px;display:flex;position:fixed}.dock-fab{border:var(--bw) solid var(--ink);background:var(--butter);width:50px;height:50px;color:var(--ink);box-shadow:var(--key);transition:transform .15s var(--spring);border-radius:20px;place-items:center;display:grid}.dock-fab:hover{transform:rotate(-6deg)}.dock-fab:active{box-shadow:none;transform:translateY(4px)}.react-bar{border:var(--bw) solid var(--ink);background:var(--card);box-shadow:var(--shadow);animation:pop-in .3s var(--spring);scrollbar-width:none;border-radius:20px;gap:2px;max-width:calc(100vw - 100px);padding:6px;display:flex;overflow-x:auto}@media (width<=560px){.react-bar{grid-template-columns:repeat(4,46px);max-width:none;display:grid;overflow:visible}.room-dock{align-items:flex-end}}.react-btn{width:46px;height:46px;transition:transform .15s var(--spring);border-radius:12px;flex:none;place-items:center;display:grid}.react-btn:hover{transform:translateY(-4px)rotate(-8deg)scale(1.08)}.react-btn:active{transform:scale(.85)}.host-ctl{left:max(14px, env(safe-area-inset-left));bottom:calc(14px + env(safe-area-inset-bottom));z-index:140;justify-items:start;gap:8px;display:grid;position:fixed}.host-ctl-btn{border:var(--bw) solid var(--ink);background:var(--card);width:44px;height:44px;color:var(--ink);box-shadow:var(--key);border-radius:16px;place-items:center;display:grid}.room-dock,.host-ctl,.dock-fab svg,.host-ctl-btn svg{transition:transform .3s var(--ease)}@media (width<=640px){.room-dock{right:max(10px, env(safe-area-inset-right));bottom:calc(10px + env(safe-area-inset-bottom))}.host-ctl{left:max(10px, env(safe-area-inset-left));bottom:calc(10px + env(safe-area-inset-bottom))}.dock-fab,.host-ctl-btn{border-radius:16px;width:44px;height:44px}.fabs-tucked .room-dock:not(.open,:has(:focus-visible)){transform:translateX(calc(100% + max(10px, env(safe-area-inset-right)) - 26px))}.fabs-tucked .room-dock:not(.open,:has(:focus-visible)) .dock-fab svg{transform:translate(-8px)scale(.8)}.fabs-tucked .host-ctl:not(.open,:has(:focus-visible)){transform:translateX(calc(-100% - max(10px, env(safe-area-inset-left)) + 26px))}.fabs-tucked .host-ctl:not(.open,:has(:focus-visible)) .host-ctl-btn svg{transform:translate(7px)scale(.85)}}.host-ctl-pop,.pmenu-pop{border:var(--bw) solid var(--ink);background:var(--card);min-width:190px;color:var(--ink);box-shadow:var(--shadow);border-radius:16px;padding:6px;display:grid}.host-ctl-pop button,.pmenu-pop button{text-align:left;border-radius:10px;align-items:center;gap:9px;padding:10px 12px;font-weight:650;display:flex}.host-ctl-pop button:hover,.pmenu-pop button:hover{background:var(--paper-2)}.host-ctl-pop .danger,.pmenu-pop .danger{color:#c4361a}.pmenu{position:relative}.pmenu-pop{z-index:30;width:max-content;max-width:min(280px,78vw);position:absolute;top:100%;right:0}.pmenu-pop.up{top:auto;bottom:100%}.pmenu-pop button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.lb-p:has(.pmenu-pop){z-index:5}.chat-drawer{z-index:160;width:min(380px,100vw - 24px);animation:rise .3s var(--ease);position:fixed;top:74px;bottom:84px;right:12px}@media (width<=560px){.chat-drawer{width:auto;height:min(70dvh,520px);inset:auto 8px 84px}}.chat-drawer.kb{top:auto;bottom:calc(var(--kb) + 8px);height:min(calc(var(--vvh) - 16px), 520px)}.chat{border:var(--bw) solid var(--ink);border-radius:var(--r-lg);background:var(--paper);height:100%;color:var(--ink);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.chat-head{border-bottom:var(--bw) solid var(--ink);background:var(--card);justify-content:space-between;align-items:center;padding:10px 10px 10px 16px;display:flex}.chat-list{flex:1;align-content:start;gap:10px;padding:12px;display:grid;overflow-y:auto}.chat-line{animation:rise .25s var(--ease);grid-template-columns:28px 1fr;gap:8px;display:grid}.chat-name{font-size:12px;font-weight:800;display:block}.chat-line p{border:1.5px solid var(--ink);background:var(--card);word-break:break-word;border-radius:4px 14px 14px;margin-top:2px;padding:7px 11px;font-size:15px;line-height:1.3;display:inline-block}.chat-sys{background:var(--paper-2);color:var(--ink-2);text-align:center;border-radius:999px;justify-self:center;padding:3px 10px;font-size:11px}.chat-quick{padding:8px 10px 0}.chat-quick .chip-sm{flex:none;height:36px;padding:0 12px}.chat-drawer.kb .chat-quick{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.chat-drawer.kb .chat-quick::-webkit-scrollbar{display:none}.chat-form{gap:8px;padding:10px;display:flex}.chat-form .input{height:46px}.lobby{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;padding-top:22px;padding-bottom:150px;display:grid}.lobby>*{min-width:0}.lb-side{display:contents}@media (width>=561px){.lb-game{grid-area:game}.lb-rail{grid-area:rail}.lb-players{grid-area:players}.lb-invite{grid-area:invite}.lb-options{grid-area:options}}@media (width>=760px){.lobby{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"game game""invite players""rail rail""options options"}}@media (width>=1100px){.lobby{grid-template:"game side""rail side""options side"1fr/minmax(0,1fr) minmax(340px,400px);column-gap:28px}.lb-side{grid-area:side;align-content:start;gap:16px;display:grid}.lb-side>*{grid-area:auto}.lobby .lb-game{grid-template-columns:minmax(220px,340px) 1fr;gap:28px}.lobby .lb-title{font-size:clamp(48px,5vw,84px)}}.lb-game{align-items:center;gap:22px;display:grid}@media (width>=700px){.lb-game{grid-template-columns:minmax(220px,300px) 1fr;gap:28px}}@media (width>=700px) and (width<=859px){.lobby .lb-title{font-size:7vw}}@media (width>=860px){.lb-game{grid-template-columns:minmax(300px,440px) 1fr;gap:36px}}.lb-cover{border:var(--bw) solid var(--ink);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);animation:pop-in .6s var(--spring) both;position:relative;overflow:hidden;transform:rotate(-1.2deg)}.lb-no{background:var(--ink);color:var(--paper);border-radius:8px;padding:4px 9px;font-size:12px;font-weight:800;position:absolute;top:12px;left:12px}.lb-kicker{color:var(--ink-3)}@media (width<=640px){.lb-game{gap:16px}.lb-cover .cover{aspect-ratio:auto;height:clamp(132px,24svh,200px)}}.lb-title{margin:8px 0 10px;font-size:clamp(48px,9vw,96px)}.lb-tag{color:var(--ink-2);max-width:520px;font-size:19px}.lb-meta{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.lb-steps{gap:8px;max-width:560px;margin:0 0 18px;padding:0;list-style:none;display:grid}.lb-steps li{grid-template-columns:26px 1fr;gap:10px;font-size:15.5px;display:grid}.lb-steps .mono{border:1.5px solid var(--ink);border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;font-weight:800;display:grid}.lb-need{color:#c4361a;margin:-6px 0 12px;font-size:14px;font-weight:700}.lb-over{color:var(--ink-2)}.lb-panel{border:var(--bw) solid var(--ink);border-radius:var(--r-lg);background:var(--card);box-shadow:var(--shadow);padding:18px}.lb-panel-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:14px;display:flex}.lb-panel-head h2{font-size:30px}.lb-plist{gap:8px;margin:0;padding:0;list-style:none;display:grid}.lb-p{border:1.5px solid var(--ink);background:var(--paper);animation:pop-in .4s var(--spring) both;border-radius:16px;align-items:center;gap:12px;padding:8px 10px 8px 8px;display:flex;position:relative}.lb-p.off{border-style:dashed}.lb-p.empty{border-style:dashed;border-color:var(--ink-4);background:0 0;animation:none}.lb-empty-av{border:2px dashed var(--ink-4);border-radius:50%;width:46px;height:46px;animation:9s linear infinite spin}.lb-p-txt{flex:1;min-width:0;line-height:1.2;display:grid}.lb-p-txt strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-p-txt .muted{font-size:13px}.lb-crown{border:1.5px solid var(--ink);background:var(--butter);border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.ticket{border-radius:var(--r-lg);background:var(--butter);gap:10px;margin:-18px;padding:18px;display:grid;position:relative}.ticket-top{opacity:.7;justify-content:space-between;display:flex}.ticket-code{justify-content:center;gap:8px;padding:6px 0 2px;display:flex}.ticket-code span{border:var(--bw) solid var(--ink);background:var(--card);width:clamp(54px,15vw,72px);height:clamp(66px,18vw,88px);box-shadow:var(--key);animation:pop-in .45s var(--spring) both;border-radius:14px;place-items:center;font-size:clamp(36px,10vw,50px);font-weight:800;display:grid}.ticket-code span:nth-child(odd){transform:rotate(-3deg)}.ticket-code span:nth-child(2n){transform:rotate(2.5deg)}.ticket-perf{background-image:linear-gradient(90deg, var(--ink) 50%, transparent 50%);background-size:12px 2px;height:2px;margin:8px -18px;position:relative}.ticket-perf:before,.ticket-perf:after{content:"";background:var(--paper);border:var(--bw) solid var(--ink);border-radius:50%;width:26px;height:26px;position:absolute;top:-13px}.ticket-perf:before{left:-15px}.ticket-perf:after{right:-15px}.ticket-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ticket-actions .btn{height:44px}.ticket-actions .btn-icon{width:44px}.ticket-qr{justify-items:center;gap:8px;padding-top:6px;font-size:13px;display:grid}.ticket-qr .muted{color:var(--ink-2)}.ticket-qr .qr{border:var(--bw) solid var(--ink);border-radius:14px}.opts{gap:14px;display:grid}.opt{gap:8px;display:grid}.opt-toggle{grid-template-columns:1fr auto;align-items:center}.opt-label{gap:2px;font-weight:750;display:grid}.opt-hint{font-size:13px;font-weight:500}.opt .seg{border-radius:22px;flex-wrap:wrap;justify-self:start;max-width:100%}.opt .seg button{min-width:46px;height:40px}.opt-sym .seg button{font-family:var(--mono);font-size:15px;font-weight:800}.opt-packs{flex-wrap:wrap;gap:6px;display:flex}.opt-packs .chip-sm{height:36px;padding:0 13px}.opt-packs .chip:disabled,.opt .seg button:disabled{cursor:default}.opt-cat{border:var(--bw) solid var(--ink);background:var(--paper);text-align:left;min-height:54px;box-shadow:var(--key);transition:transform .12s var(--ease);border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-weight:750;display:flex}.opt-cat:not(:disabled):hover{background:var(--butter)}.opt-cat:disabled{cursor:default;box-shadow:none}.opt-cat-v{align-items:center;gap:8px;display:inline-flex}.lb-lock{border-top:2px dashed var(--paper-3);justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:14px;display:flex}.lb-lock>div{font-size:14px;display:grid}.lb-lock .switch:before,.opt .switch:before{content:"";position:absolute;inset:-9px -6px}.lb-start{z-index:80;padding:14px 84px calc(14px + env(safe-area-inset-bottom)) 16px;background:linear-gradient(to top, var(--paper) 70%, transparent);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 18px;display:flex;position:fixed;bottom:0;left:0;right:0}.lb-start-btn{min-width:min(100%,320px)}.lb-start-btn:disabled,.lb-start-btn:disabled:hover{opacity:1;--bg:#847f8a;--fg:var(--card);box-shadow:0 4px #5c5763}@media (width<=440px){.lb-start-btn{white-space:normal;text-wrap:balance;min-width:0;max-width:100%;height:auto;min-height:64px;padding:8px 22px;font-size:20px;line-height:1.05}}.lb-start-hint{color:var(--ink-3);font-weight:650}.lb-waiting{border:var(--bw) solid var(--ink);background:var(--card);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:12px;padding:14px 22px;font-weight:700;display:inline-flex}.lb-waiting-who{overflow-wrap:anywhere;font-weight:800}@media (width<=440px){.lb-waiting{border-radius:22px;gap:10px;padding:10px 16px;font-size:14.5px;line-height:1.25}}.lb-dots{flex:none;gap:4px;display:inline-flex}.lb-dots i{background:var(--ink);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite dots}.lb-dots i:nth-child(2){animation-delay:.15s}.lb-dots i:nth-child(3){animation-delay:.3s}@keyframes dots{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}@media (width<=560px){.lobby{gap:12px;padding-top:12px;padding-bottom:40px}.lb-panel{padding:12px 14px 14px}.lb-panel-head{margin-bottom:10px}.lb-panel-head h2{font-size:24px}.ticket{gap:8px;margin:-12px -14px -14px;padding:12px 14px 14px}.ticket-code{gap:6px;padding:0}.ticket-code span{border-radius:12px;width:46px;height:54px;font-size:32px}.ticket-perf{margin:4px -14px}.ticket-actions .btn{height:40px}.ticket-actions .btn-icon{width:40px}.lb-players{position:relative}.lb-players .lb-panel-head{justify-content:flex-start;padding-right:92px}.lb-plist{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.lb-plist.folded .lb-p.fold{display:none}.lb-p{text-align:center;border-radius:14px;flex-direction:column;justify-content:flex-start;gap:4px;min-width:0;padding:8px 3px 6px}.lb-p .avatar{width:40px;height:40px}.lb-p-txt{flex:none;width:100%;line-height:1.12}.lb-p-txt strong{-webkit-line-clamp:2;white-space:normal;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;-webkit-box-orient:vertical;font-size:12.5px;display:-webkit-box}.lb-p-tag{color:var(--ink-3);font-size:11px;font-weight:700}.lb-p-tag:empty{display:none}.lb-crown{width:22px;height:22px;position:absolute;top:3px;left:3px}.lb-crown svg{width:13px;height:13px}.lb-p .pmenu{position:absolute;inset:0}.lb-p .pmenu>.btn{border-radius:inherit;width:auto;height:auto;box-shadow:none;background:0 0;justify-content:flex-end;align-items:flex-start;padding:2px 3px;position:absolute;inset:0}.lb-p .pmenu-pop{top:calc(100% + 4px);left:0;right:auto}.lb-p:nth-child(4n+3) .pmenu-pop,.lb-p:nth-child(4n) .pmenu-pop{left:auto;right:0}.lb-p .pmenu-pop.up{top:auto;bottom:calc(100% + 4px)}.lb-p-x{justify-content:flex-end;align-items:flex-start;width:36px;min-width:0;height:36px;padding:5px 5px 0 0;position:absolute;top:0;right:0}.lb-p-x svg{width:15px;height:15px}.lb-p.empty{justify-content:center;font-size:12px;line-height:1.15}.lb-empty-av{width:40px;height:40px}.lb-more{background:0 0;border-style:dashed;padding:0}.lb-more button{border-radius:inherit;place-content:center;gap:2px;width:100%;height:100%;min-height:76px;font-size:13px;font-weight:750;display:grid}.lb-more .mono{font-size:18px;font-weight:800}.lb-players .lb-addbot{width:auto;height:36px;margin:0;padding:0 12px;position:absolute;top:10px;right:12px}.lb-need{margin:-4px 0 10px}.lb-game{border:var(--bw) solid var(--ink);border-radius:var(--r-lg);background:var(--card);box-shadow:var(--shadow);grid-template-columns:76px minmax(0,1fr);align-items:start;gap:2px 12px;padding:12px 14px 6px}.lb-game-info{display:contents}.lb-cover{width:76px;height:76px;box-shadow:var(--shadow-sm);border-radius:18px;grid-row:1/span 4;margin-top:2px;transform:rotate(-3deg)}.lb-cover .cover{aspect-ratio:1;height:100%}.lb-no{display:none}.lb-kicker,.lb-title,.lb-tag,.lb-meta{grid-column:2}.lb-title{overflow-wrap:anywhere;margin:0;font-size:28px;line-height:1}.lb-tag{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:14px;line-height:1.3;display:-webkit-box;overflow:hidden}.lb-meta{gap:6px;margin:6px 0 0}.lb-meta .pill{height:24px;padding:0 8px;font-size:12px}.lb-game-acts{grid-column:1/-1;gap:8px;margin-top:10px;display:flex}.lb-game-acts .btn{flex:1;height:40px}.lb-how{border-top:2px dashed var(--paper-3);grid-column:1/-1;margin:6px -14px 0}.lb-how-btn{text-align:left;align-items:center;gap:8px;width:100%;min-height:44px;padding:0 14px;font-weight:750;display:flex}.lb-how-btn svg:last-child{margin-left:auto}.lb-how:not(.open) .lb-steps{display:none}.lb-how .lb-steps{margin:0;padding:0 14px 10px;scroll-margin-bottom:140px}.lb-steps li{font-size:14.5px}.lb-rail{margin:0}.lb-options{scroll-margin-top:74px}.lb-start{padding:10px 66px calc(10px + env(safe-area-inset-bottom)) 12px;gap:6px 14px}.lb-start-hint{font-size:14px}.lb-p-txt strong{font-stretch:82%}}@media (width<=374px){.ticket-actions{gap:6px}.ticket-copy{width:40px;padding:0}.ticket-copy>span{display:none}.lb-game-acts .btn{gap:6px;min-width:0;padding:0 10px;font-size:14px}.lb-game-acts .btn svg{display:none}.lb-p-txt strong{font-size:12px}}.cat-sheet{gap:12px;display:grid}.cat-search{position:relative}.cat-search svg{position:absolute;top:50%;left:16px;translate:0 -50%}.cat-search .input{appearance:none;padding-left:44px}.cat-search .input::-webkit-search-decoration{appearance:none}.cat-dot{border:1.5px solid var(--ink);border-radius:50%;width:10px;height:10px}.cat-specials{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cat-special{border:var(--bw) solid var(--ink);border-radius:var(--r);background:var(--card);text-align:left;transition:transform .15s var(--spring);justify-items:start;gap:4px;padding:14px;font-size:14px;display:grid}.cat-special:hover{transform:translateY(-2px)}.cat-special.on{background:var(--lime)}.cat-special.on .muted{color:var(--ink-2)}.cat-list{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;max-height:46dvh;padding:2px 4px 4px 2px;display:grid;overflow-y:auto}@media (width<=719px){.cat-list{max-height:none;overflow:visible}}.cat-item{border:1.5px solid var(--ink);border-left:8px solid var(--g);background:var(--card);text-align:left;border-radius:12px;gap:2px;padding:10px 40px 10px 14px;font-size:13px;display:grid;position:relative}.cat-item strong{font-size:15.5px}.cat-item .muted{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cat-item:hover{background:var(--paper)}.cat-item.on{background:var(--ink);color:var(--paper)}.cat-item.on .muted,.cat-item.on .cat-n{color:var(--ink-4)}.cat-n{color:var(--ink-3);font-size:11px;position:absolute;top:12px;right:12px}.custom-form{gap:14px;display:grid}.gp-genres{margin-bottom:14px}.gp-genres .chip-sm,.cat-groups .chip-sm{height:34px;padding:0 12px}.gp-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}@media (width<=560px){.gp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.gp-card{border:var(--bw) solid var(--ink);border-radius:var(--r);background:var(--card);text-align:left;transition:transform .15s var(--spring);grid-template-rows:auto 1fr;align-content:start;display:grid;overflow:hidden}.gp-card:hover{transform:translateY(-3px)rotate(-1deg)}.gp-card.on{outline:4px solid var(--ink);outline-offset:2px}.gp-card .cover{border-bottom:var(--bw) solid var(--ink)}.gp-txt{align-content:start;gap:2px;padding:10px 12px;display:grid}.gp-txt .mono{font-size:11px}.gp-need{color:#c4361a}.squad{border-collapse:separate;border-spacing:0 6px;width:100%}.squad th{text-align:left;color:var(--ink-3);padding:0 8px}.squad td{background:var(--card);border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);padding:8px}.squad td:first-child{border-left:1.5px solid var(--ink);border-radius:12px 0 0 12px}.squad .squad-rank{text-align:center}.squad td.mono,.squad .squad-act{white-space:nowrap;width:1%}.squad td:last-child{border-right:1.5px solid var(--ink);border-radius:0 12px 12px 0}.squad td:only-child{border-radius:12px}.squad tr.off td{opacity:.6}.squad-p{align-items:center;gap:10px;display:flex}.squad-p>span{line-height:1.2;display:grid}.squad-p .muted{font-size:12px}.squad-p strong{overflow-wrap:anywhere}@media (width<=560px){.squad th,.squad td{padding-left:5px;padding-right:5px}.squad td:first-child{padding-left:8px}.squad-p{gap:8px}}@media (width<=440px){.squad .squad-rank{display:none}.squad td:nth-child(1 of :not(.squad-rank)){border-left:1.5px solid var(--ink);border-radius:12px 0 0 12px;padding-left:8px}.squad .avatar{width:30px;height:30px}}.join-screen{background:var(--field);place-items:center;min-height:100dvh;padding:24px 14px 60px;display:grid}.join-card{border-radius:var(--r-xl);width:min(100%,520px);box-shadow:var(--shadow-lg);animation:pop-in .5s var(--spring) both;overflow:hidden}.join-top{border-bottom:var(--bw) solid var(--ink);position:relative}.join-cover-skel{aspect-ratio:4/3;background:var(--paper-2)}.join-ticket{border:var(--bw) solid var(--ink);background:var(--butter);box-shadow:var(--shadow-sm);border-radius:14px;justify-items:center;padding:6px 14px;display:grid;position:absolute;bottom:-26px;right:14px;transform:rotate(3deg)}.join-code{letter-spacing:.12em;font-size:30px;font-weight:800;line-height:1}.join-body{gap:14px;padding:24px 22px;display:grid}.join-title{font-size:clamp(42px,10vw,60px)}.join-players{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.join-players .muted{margin-left:6px;font-size:14px}.join-warn,.join-locked,.join-note{background:color-mix(in srgb, var(--tomato) 20%, var(--card));border-radius:12px;align-items:flex-start;gap:8px;padding:10px 14px;font-size:14px;font-weight:600;line-height:1.35;display:flex}.join-note{background:var(--paper-2)}.join-locked svg,.join-note svg{flex:none;margin-top:1px}.gone-actions{justify-content:center}.join-form{border-top:2px dashed var(--paper-3);gap:18px;margin-top:6px;padding-top:18px;display:grid}.stage{min-height:calc(100dvh - 62px)}.results{padding-top:26px;padding-bottom:100px}.rs-head{text-align:center;margin-bottom:26px}.rs-title{text-wrap:balance;margin-top:10px;font-size:clamp(38px,7vw,72px)}.podium{justify-content:center;align-items:flex-end;gap:clamp(8px,2vw,18px);max-width:640px;margin:40px auto 26px;display:flex}.pod{min-width:0;max-width:200px;animation:rise .6s var(--ease) both;flex:1;grid-template-columns:minmax(0,1fr);justify-items:center;gap:6px;display:grid}.pod-av{max-width:100%}.pod-av>.avatar{aspect-ratio:1;max-width:100%;height:auto}.pod-1{animation-delay:.5s}.pod-2{animation-delay:.25s}.pod-3{animation-delay:50ms}.pod-av{position:relative}.pod-crown{border:var(--bw) solid var(--ink);background:var(--butter);border-radius:50%;place-items:center;width:40px;height:40px;animation:1.3s ease-in-out infinite wobble;display:grid;position:absolute;top:-26px;left:50%;translate:-50%}.pod-name{-webkit-line-clamp:2;overflow-wrap:anywhere;text-align:center;-webkit-box-orient:vertical;max-width:100%;font-size:17px;line-height:1.15;display:-webkit-box;overflow:hidden}@media (width<=440px){.pod-name{font-size:15px}}.pod-score{color:var(--ink-3);font-size:13px;font-weight:700}.pod-block{border:var(--bw) solid var(--ink);width:100%;box-shadow:var(--shadow);border-radius:16px 16px 6px 6px;place-items:center;display:grid}.pod-block .display{font-size:52px}.pod-1 .pod-block{background:var(--butter);height:150px}.pod-2 .pod-block{background:var(--sky);height:110px}.pod-3 .pod-block{background:var(--tomato);height:80px}.rs-rest{gap:6px;max-width:520px;margin:0 auto 26px;padding:0;list-style:none;display:grid}.rs-rest li{border:1.5px solid var(--ink);background:var(--card);border-radius:14px;grid-template-columns:26px 30px 1fr auto;align-items:center;gap:10px;padding:8px 14px;display:grid}.rs-awards{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),340px));justify-content:center;gap:12px;max-width:900px;margin:0 auto 22px;display:grid}.award{border:var(--bw) solid var(--ink);border-radius:var(--r);background:var(--card);box-shadow:var(--shadow);animation:pop-in .5s var(--spring) both;align-items:center;gap:12px;padding:18px 16px 14px;display:flex;position:relative}.award:nth-child(3n+1){background:color-mix(in srgb, var(--lilac) 35%, var(--card))}.award:nth-child(3n+2){background:color-mix(in srgb, var(--mint) 35%, var(--card))}.award:nth-child(3n){background:color-mix(in srgb, var(--pink) 35%, var(--card))}.award .award-ribbon{background:var(--ink);color:var(--paper);border-radius:6px;padding:3px 8px;font-size:11px;position:absolute;top:-10px;left:14px}.award>div{line-height:1.25;display:grid}.award strong{font-size:22px}.award span{color:var(--ink-2);font-size:14px}.rs-recap{max-width:980px;box-shadow:var(--shadow);margin:0 auto 22px}.rs-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin:26px 0;display:flex}.rs-party{max-width:560px;margin:0 auto}.rs-party ol{gap:6px;margin:0;padding:0;list-style:none;display:grid}.rs-party li{grid-template-columns:22px 30px 1fr auto auto;align-items:center;gap:10px;display:grid}.rs-wins{color:var(--orange);gap:1px;display:inline-flex}.lb-addbot{width:100%;box-shadow:none;background:0 0;border-style:dashed;margin-top:12px}.lb-addbot:hover{background:var(--paper-2);box-shadow:none}@keyframes pulse-red{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--tomato) 60%, transparent)}to{box-shadow:0 0 0 8px #0000}}.phase-playing .rb-phase:before{animation:1.4s infinite pulse-red}.lb-rail{margin:-4px 0 6px}.lb-rail-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.lb-rail-head .label{color:var(--ink-3)}.rail{gap:10px;padding:4px 36px 10px 2px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000)}.rail-card{border:var(--bw) solid var(--ink);background:var(--card);scroll-snap-align:start;text-align:left;width:124px;box-shadow:var(--shadow-sm);transition:transform .2s var(--spring), box-shadow .2s;border-radius:16px;flex:none;grid-template-rows:auto 1fr;align-content:start;animation:none;display:grid;position:relative;overflow:hidden}.rail-card:hover{transform:translateY(-3px)rotate(-1deg)}.rail-card .cover{border-bottom:var(--bw) solid var(--ink)}.rail-name{-webkit-line-clamp:2;text-wrap:balance;-webkit-box-orient:vertical;align-self:start;padding:6px 9px 8px;font-size:13.5px;font-weight:750;line-height:1.15;display:-webkit-box;overflow:hidden}.rail-card.on{background:var(--ink);color:var(--paper);box-shadow:0 0 0 3px var(--lime), var(--shadow);transform:translateY(-3px)}.rail-need{background:var(--tomato);color:var(--ink);border:1.5px solid var(--ink);border-radius:6px;padding:1px 6px;font-size:11px;font-weight:800;position:absolute;top:6px;right:6px}.rs-next{max-width:980px;box-shadow:var(--shadow);margin:10px auto 26px}.rs-next .rs-actions{margin:18px 0 0}@media (width<=560px){.rs-next .rs-actions .btn-xl{white-space:normal;text-wrap:balance;flex:100%;height:auto;min-height:64px;padding:8px 20px;font-size:21px;line-height:1.1}.rs-next .rs-actions .btn-xl~.btn-lg{flex:1 1 0;padding:0 16px}}.rs-settings{border:1.5px solid var(--ink);border-radius:var(--r);background:var(--paper);margin-top:14px}.rs-settings summary{cursor:pointer;align-items:center;gap:8px;padding:12px 14px;font-weight:750;list-style:none;display:flex}.rs-settings summary::-webkit-details-marker{display:none}.rs-settings[open] summary{border-bottom:1.5px dashed var(--paper-3)}.rs-settings .opts{padding:14px}.join-cta{bottom:calc(10px + env(safe-area-inset-bottom));z-index:5;position:sticky}@media (width<=640px){.join-screen{place-items:start center;padding:12px 10px 24px}.join-top .cover,.join-cover-skel{aspect-ratio:auto;height:132px}.join-ticket{padding:4px 12px;bottom:-20px}.join-code{font-size:24px}.join-body{gap:10px;padding:20px 16px 16px}.join-title{font-size:38px}.join-form{gap:12px;padding-top:12px}.join-form .ae-portrait{width:92px;height:92px}}.cat-sections{flex-wrap:wrap;gap:6px;display:flex}.cat-section{border:var(--bw) solid var(--ink);background:var(--card);height:40px;transition:background .15s, transform .15s var(--spring);border-radius:12px;padding:0 14px;font-size:15px;font-weight:800}.cat-section[aria-selected=true]{background:var(--g);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.reconnect-bar{z-index:89;background:var(--butter);color:var(--ink);border-bottom:var(--bw) solid var(--ink);animation:rise .25s var(--ease);justify-content:center;align-items:center;gap:8px;padding:7px 12px;font-size:14px;font-weight:700;display:flex;position:sticky;top:62px}.chat-blocked{border:2px dashed var(--ink-3);color:var(--ink-2);text-align:center;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin:10px;padding:12px 14px;font-size:14px;font-weight:650;line-height:1.3;display:flex}.chat-blocked svg{flex:none}.rs-ref{max-width:980px;box-shadow:var(--shadow);margin:0 auto 22px}.ref-head h2{margin:6px 0 4px;font-size:clamp(26px,6vw,36px);line-height:1}.ref-head p{margin:0 0 14px}.ref-controls{gap:10px;margin-bottom:14px;display:grid}.ref-quick{flex-wrap:wrap;gap:8px;display:flex}.ref-quick .chip{min-height:44px}.ref-ask{gap:8px;display:flex}.ref-ask .input{flex:1;min-width:0;height:50px}.ref-ask .btn{height:50px}@media (width<=440px){.ref-ask{flex-wrap:wrap}.ref-ask .input{flex:100%}.ref-ask .btn{flex:1}}.ref-left{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:11px}.ref-done{margin:0 0 14px;font-size:14px}.ref-list{gap:12px;display:grid}.ref-card{border:2px solid var(--ink);border-radius:var(--r);background:var(--card);padding:14px;animation:.25s ease-out pop-in}.ref-card.thinking{border-style:dashed}.ref-q{align-items:flex-start;gap:8px;font-size:15px;line-height:1.35;display:flex}.ref-q svg{flex:none;margin-top:2px}.ref-by{font-size:13px;display:block}.ref-thinking{color:var(--ink-2);align-items:center;gap:10px;margin-top:12px;display:flex}.ref-verdict{margin:10px 0 12px;font-size:17px;font-weight:600;line-height:1.35}.ref-rank{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ref-rank li{background:var(--paper-2);border-radius:12px;grid-template-columns:26px 34px 1fr;align-items:center;gap:10px;padding:8px 10px;display:grid}.ref-rank li.top{background:var(--lime);border:2px solid var(--ink)}.ref-pos{text-align:center;font-size:18px;font-weight:800}.ref-who{gap:2px;min-width:0;display:grid}.ref-who b{align-items:center;gap:6px;font-size:15px;display:flex}.ref-who>span{color:var(--ink-2);overflow-wrap:anywhere;font-size:13.5px;line-height:1.35}.ref-how{color:var(--ink-3);margin:10px 0 0;font-size:12px}.ref-sources{flex-wrap:wrap;gap:6px 12px;margin:6px 0 0;font-size:12px;display:flex}.ref-sources a{color:var(--ink-2);overflow-wrap:anywhere;text-decoration:underline}button.rb-mid{text-align:left;min-height:44px;color:inherit;border-radius:12px;grid-template-columns:minmax(0,auto) auto;place-content:center start;justify-items:start;column-gap:6px;padding:2px 6px;transition:background .15s}button.rb-mid:hover{background:var(--paper-2)}.rb-help{color:var(--ink-2);grid-area:1/2/span 2;align-self:center;place-items:center;display:grid}.rb-muted{border:1.5px solid var(--ink);background:var(--butter);border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;bottom:4px;right:2px}.room-main:focus{outline:none}.rules{gap:18px;display:grid}.rules-lede{gap:10px;margin:0;font-size:18px;font-weight:650;line-height:1.35;display:grid}.rules-meta{flex-wrap:wrap;gap:6px;font-size:14px;display:flex}.rules-sec{gap:8px;display:grid}.rules-sec h3{color:var(--ink-2);margin:0}.rules-steps,.rules-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.rules-steps li,.rules-list li{align-items:flex-start;gap:10px;font-size:16px;line-height:1.4;display:flex}.rules-steps .mono{border:var(--bw) solid var(--ink);background:var(--butter);border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:13px;font-weight:800;display:grid}.rules-list svg{flex:none;margin-top:2px}.rules-terms{gap:8px;margin:0;display:grid}.rules-terms div{background:var(--paper-2);border-radius:12px;padding:8px 12px}.rules-terms dt{font-weight:800}.rules-terms dd{margin:2px 0 0;line-height:1.4}.sheet-foot{margin-top:20px}.confirm-body{font-size:16px;line-height:1.45}.confirm-body p{margin:0}.confirm-list{gap:8px;margin:0;padding-left:20px;display:grid}.confirm-acts{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.squad-blocked{border-top:2px dashed var(--paper-3);margin-top:18px;padding-top:14px}.squad-blocked h3{margin:0 0 8px}.squad-blocked ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.squad-blocked li{align-items:center;gap:10px;font-weight:700;display:flex}.squad-blocked li span{overflow-wrap:anywhere;flex:1;min-width:0}.pause-scrim{z-index:85;background:color-mix(in srgb, var(--ink) 50%, transparent);place-items:center;padding:20px;animation:.2s both fade-in;display:grid;position:fixed;inset:62px 0 0}.pause-card{border:var(--bw) solid var(--ink);border-radius:var(--r-lg);background:var(--card);width:min(100%,380px);color:var(--ink);box-shadow:var(--shadow-lg);text-align:center;justify-items:center;gap:12px;padding:26px 22px;display:grid}.pause-card h2{margin:0;font-size:28px;line-height:1.05}.pause-card p{margin:0;font-size:16px;line-height:1.4}.pause-ic{border:var(--bw) solid var(--ink);background:var(--butter);border-radius:50%;place-items:center;width:60px;height:60px;display:grid}.timer-ring.frozen,.timer-bar.frozen{opacity:.75}.handover{gap:12px;margin:0 0 14px;padding:0;list-style:none;display:grid}.handover li{align-items:flex-start;gap:12px;font-size:16px;line-height:1.4;display:flex}.handover-ic{border:var(--bw) solid var(--ink);background:var(--lime);border-radius:12px;flex:none;place-items:center;width:34px;height:34px;display:grid}.join-players{gap:8px;font-weight:700}.join-full{border:var(--bw) solid var(--ink);background:var(--butter);color:var(--ink);border-radius:14px;gap:4px;padding:12px 14px;font-size:15px;line-height:1.4;display:grid}.join-full-head{font-size:19px}.join-locked span b{display:block}.room-fx{z-index:-1;pointer-events:none;position:fixed;inset:0}.confetti-canvas.behind{z-index:auto;position:absolute}.react-lane{z-index:95;pointer-events:none;height:62px;position:fixed;top:0;left:0;right:0;overflow:hidden}.lane-pop{animation:lane-pop 2.6s var(--ease) forwards;align-items:flex-end;display:flex;position:absolute;bottom:2px}.lane-pop>:last-child:not(:first-child){box-shadow:0 0 0 2px var(--paper);border-radius:50%;margin-left:-12px}@keyframes lane-pop{0%{opacity:0;transform:translateY(18px)scale(.4)rotate(0)}14%{opacity:1;transform:translateY(0) scale(1.08) rotate(var(--rot))}78%{opacity:1;transform:translate(calc(var(--drift) * .6), -4px) scale(1) rotate(var(--rot))}to{opacity:0;transform:translate(var(--drift), -10px) scale(.9) rotate(var(--rot))}}@keyframes lane-calm{0%,to{opacity:0}15%,80%{opacity:1}}@media (prefers-reduced-motion:reduce){.lane-pop{animation-name:lane-calm!important;animation-duration:2.6s!important}}html[data-motion=reduce] .lane-pop{animation-name:lane-calm!important;animation-duration:2.6s!important}@media (pointer:coarse){.room:has(.room-main :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea):focus) :is(.room-dock,.host-ctl){visibility:hidden}}.rail-badge{z-index:2;position:absolute;top:6px;left:6px}.weekly-badge{border:1.5px solid var(--ink);background:var(--lime);color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:3px;padding:2px 7px 2px 6px;font-size:11.5px;font-weight:800;line-height:1.2;display:inline-flex}.gp-card .weekly-badge{z-index:2;position:absolute;top:8px;left:8px}.rail-card.locked .cover,.gp-card.locked .cover{filter:saturate(.55)}.rail-card.locked.on .cover{filter:none}.lb-more-rules{text-underline-offset:3px;align-items:center;gap:6px;margin:-6px 0 16px;text-decoration:underline;display:inline-flex}.room.is-paused .rb-phase:before{background:var(--ink-3);animation:none}.join-gone{justify-content:center;margin-top:4px}@media (width<=400px){button.rb-mid{grid-template-columns:auto auto;column-gap:4px}button.rb-mid .rb-game{grid-column:1/-1}button.rb-mid .rb-help{grid-area:2/2;justify-self:start}button.rb-mid .rb-help svg{width:16px;height:16px}}.k-stage{width:100%;max-width:760px;padding:18px var(--gutter) 120px;color:var(--on-field);margin:0 auto}.k-stage.wide{max-width:1160px}.k-stage-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.k-kicker{color:var(--on-field-2);margin-bottom:8px}.k-title{color:var(--on-field);font-size:clamp(34px,6vw,58px)}.k-prompt{background:var(--card);color:var(--ink);border:var(--bw) solid var(--ink);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);animation:pop-in .5s var(--spring) both;padding:clamp(22px,4vw,34px);position:relative}.k-prompt.tone-pop{background:var(--pop)}.k-prompt.tone-ink{background:var(--ink);color:var(--paper);box-shadow:7px 7px 0 var(--pop)}.k-prompt-kicker{opacity:.6;margin-bottom:12px}.k-prompt-text{text-wrap:balance}.k-prompt-text.size-xl{font-size:clamp(46px,9vw,84px)}.k-prompt-text.size-lg{font-size:clamp(34px,6.4vw,58px)}.k-prompt-text.size-md{font-size:clamp(27px,4.8vw,42px);line-height:.98}.k-prompt-text.size-sm{font-size:clamp(22px,3.8vw,32px);line-height:1.04}.k-prompt-sub{color:var(--ink-3);margin-top:14px;font-size:17px}.k-prompt.tone-ink .k-prompt-sub{color:#f3eee3b3}.k-note{color:var(--on-field-2);align-items:center;gap:8px;margin:14px 0;font-size:15px;font-weight:600;display:flex}.k-note svg{flex:none}.k-banner{border:var(--bw) solid var(--ink);background:var(--pop);color:var(--ink);box-shadow:var(--shadow);animation:k-banner-in .55s var(--spring) both;border-radius:14px;padding:10px 22px 8px;font-size:clamp(32px,7vw,56px);display:inline-block;transform:rotate(-3deg)}@keyframes k-banner-in{0%{opacity:0;transform:rotate(-12deg)scale(.4)}}.timer-ring{flex:none;place-items:center;display:grid;position:relative}.timer-ring svg{filter:drop-shadow(2px 2px 0 var(--ink));position:absolute;inset:0}.timer-ring svg circle:first-child{stroke:var(--ink);stroke-width:2px}.timer-ring span{color:var(--ink);font-size:15px;font-weight:800;position:relative}.timer-ring.urgent{animation:.5s ease-in-out infinite alternate k-throb}@keyframes k-throb{to{transform:scale(1.08)}}.timer-bar{border:var(--bw) solid var(--on-field,var(--ink));background:var(--card);border-radius:99px;justify-self:stretch;height:10px;position:relative;overflow:hidden}.timer-bar i{background:var(--ink);transform-origin:0;transition:transform .1s linear;position:absolute;inset:0}.timer-bar.urgent i{background:var(--tomato)}@keyframes timer-drain{0%{stroke-dashoffset:var(--from)}to{stroke-dashoffset:var(--to)}}@keyframes timer-bar-drain{0%{transform:scaleX(var(--from))}to{transform:scaleX(0)}}.timer-ring.frozen .timer-ring-arc{opacity:.55}.timer-ring.frozen:after{content:"";border:1.5px solid var(--card);background:linear-gradient(var(--card), var(--card)) 4.5px 4px / 2.5px 6px no-repeat, linear-gradient(var(--card), var(--card)) 8px 4px / 2.5px 6px no-repeat, var(--ink);border-radius:50%;width:16px;height:16px;position:absolute;top:-3px;right:-3px}.timer-bar.frozen i{background-image:repeating-linear-gradient(-45deg, transparent 0 5px, color-mix(in srgb, var(--card) 45%, transparent) 5px 10px)}.k-pchip{align-items:center;gap:8px;min-width:0;font-weight:700;display:inline-flex}.k-pchip-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.k-pchip.dim{opacity:.5}.k-you{background:var(--ink);color:var(--paper);font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;border-radius:6px;padding:1px 6px;font-size:11px;font-weight:700}.k-stack{align-items:center;display:inline-flex}.k-stack>.avatar{margin-left:calc(var(--s) * -.32);filter:drop-shadow(1px 1px 0 var(--ink))}.k-stack>.avatar:first-child{margin-left:0}.k-stack-more{margin-left:6px;font-size:12px;font-weight:700}.k-waiting{border:var(--bw) solid var(--ink);background:var(--card);width:fit-content;color:var(--ink);border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:18px auto 0;padding:8px 14px;font-size:14px;font-weight:700;display:flex}.k-waiting.done{background:var(--lime)}.k-waiting:not(.done){border-radius:22px;gap:6px 10px}.k-waiting-names{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:26ch;overflow:hidden}.k-waiting-n{opacity:.85;font-size:12.5px}.k-pgrid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.k-ptile{border:var(--bw) solid var(--ink);border-radius:var(--r);background:var(--card);color:var(--ink);box-shadow:var(--key);transition:transform .15s var(--spring), background .15s, box-shadow .15s;animation:pop-in .4s var(--spring) both;justify-items:center;gap:6px;padding:14px 8px 12px;font-weight:700;display:grid;position:relative}.k-ptile:not(:disabled):hover{transform:translateY(-3px)rotate(-1deg)}.k-ptile:not(:disabled):active{box-shadow:none;transform:translateY(3px)}.k-ptile:disabled{cursor:default;opacity:.55}.k-ptile.on{background:var(--lime);opacity:1}.k-ptile-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:15px;overflow:hidden}.k-ptile .k-you{position:absolute;top:8px;left:8px}.k-ptile-check{border:var(--bw) solid var(--ink);background:var(--lime);width:28px;height:28px;animation:pop-in .3s var(--spring);border-radius:50%;place-items:center;display:grid;position:absolute;top:-10px;right:-10px}.k-choices{gap:12px;display:grid}.k-choices.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=520px){.k-choices.cols-2.long{grid-template-columns:1fr}}.k-choices.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.k-choice{border:var(--bw) solid var(--ink);border-radius:var(--r-lg);background:var(--c);min-height:92px;color:var(--ink);text-align:left;box-shadow:0 5px 0 var(--ink);transition:transform .12s var(--ease), box-shadow .12s var(--ease), opacity .2s, filter .2s;animation:rise .4s var(--ease) both;align-content:center;gap:6px;padding:18px 16px 16px 54px;font-size:clamp(17px,2.6vw,22px);font-weight:750;line-height:1.15;display:grid;position:relative}.k-choice:not(:disabled):hover{box-shadow:0 7px 0 var(--ink);transform:translateY(-2px)}.k-choice:not(:disabled):active{box-shadow:0 0 0 var(--ink);transform:translateY(5px)}.k-choice:disabled{cursor:default}.k-choice-key{border:var(--bw) solid var(--ink);background:var(--card);border-radius:8px;place-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:grid;position:absolute;top:50%;left:14px;translate:0 -50%}.k-choice-sub{opacity:.65;font-size:14px;font-weight:600}.k-choice-reveal{font-family:var(--mono);font-size:13px;font-weight:700}.k-choice.on{outline:4px solid var(--ink);outline-offset:3px;box-shadow:0 3px 0 var(--ink);transform:translateY(2px)}.k-choice.pending{outline:4px dashed var(--ink);outline-offset:3px;box-shadow:0 3px 0 var(--ink);transform:translateY(2px)}.k-choice.on .k-choice-key,.k-choice.right .k-choice-key{background:var(--ink);color:var(--paper)}.k-choice.right{background:var(--lime);animation:pop-in .4s var(--spring) both}.k-choice.wrong{background:color-mix(in srgb, var(--tomato) 70%, var(--card));animation:.4s both shake}.k-choice.dim{opacity:.45;filter:saturate(.4)}.k-choice-mark{border:var(--bw) solid var(--ink);width:30px;height:30px;box-shadow:2px 2px 0 var(--ink);animation:pop-in .35s var(--spring) .15s both;border-radius:50%;place-items:center;display:grid;position:absolute;top:-11px;right:-9px}.k-choice-mark.right{background:var(--ink);color:var(--lime)}.k-choice-mark.wrong{background:var(--card);color:#b3261e}.k-answer{align-items:stretch;gap:10px;display:flex}.k-answer .input{height:58px;font-size:19px}.k-answer textarea.input{height:auto}.k-answer .btn{border-radius:16px;height:auto;min-height:58px}@media (width<=520px){.k-answer:has(textarea){flex-direction:column}.k-answer .input{min-width:0;height:54px;font-size:17px}.k-answer textarea.input{height:auto}.k-answer .btn{flex:none;min-height:54px;padding:0 18px}}.k-locked{border:var(--bw) solid var(--ink);background:var(--lime);color:var(--ink);animation:pop-in .35s var(--spring) both;border-radius:16px;align-items:center;gap:10px;padding:14px 18px;font-weight:650;display:flex}.k-locked strong{font-weight:800}.k-locked .btn{margin-left:auto}.k-locked.k-sending{background:var(--card);animation:none}.k-bars{gap:12px;display:grid}.k-bar{border:var(--bw) solid var(--ink);border-radius:var(--r);background:var(--card);color:var(--ink);animation:rise .4s var(--ease) both;gap:6px;padding:12px 14px;display:grid}.k-bar.hl{box-shadow:var(--shadow);background:color-mix(in srgb, var(--pop) 30%, var(--card))}.k-bar-top{justify-content:space-between;gap:10px;font-weight:750;display:flex}.k-bar-count{font-weight:800}.k-bar-track{border:var(--bw) solid var(--ink);background:var(--paper);border-radius:99px;height:14px;overflow:hidden}.k-bar-track i{border-right:var(--bw) solid var(--ink);height:100%;animation:k-grow .8s var(--ease) both;transform-origin:0;display:block}@keyframes k-grow{0%{transform:scaleX(0)}}.k-points{border:var(--bw) solid var(--ink);background:var(--lime);color:var(--ink);font-family:var(--mono);animation:pop-in .4s var(--spring) both;border-radius:999px;place-items:center;padding:2px 9px;font-size:13px;font-weight:800;display:inline-grid}.k-points.big{padding:6px 16px;font-size:22px}.k-points.neg{background:var(--tomato)}.k-points.zero{background:var(--paper-2);color:var(--ink-2)}.k-mini{gap:6px;margin:0;padding:0;list-style:none;display:grid}.k-mini li{border:1.5px solid var(--ink);background:var(--card);color:var(--ink);border-radius:12px;grid-template-columns:20px 24px 1fr auto;align-items:center;gap:8px;padding:6px 10px;font-size:14px;font-weight:700;display:grid}.k-mini li.hl{background:var(--pop)}.k-mini-rank{color:var(--ink-4);font-size:12px}.k-mini-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.k-pop{animation:pop-in .45s var(--spring) both}.k-spectate{background:var(--ink);width:fit-content;color:var(--paper);border-radius:999px;align-items:center;gap:8px;margin:12px auto;padding:7px 14px;font-size:14px;font-weight:650;display:flex}.k-spectate svg{flex:none}.k-spectate-rules{min-height:24px;color:var(--butter);text-underline-offset:3px;font-weight:800;text-decoration:underline}.k-sticky{bottom:calc(12px + env(safe-area-inset-bottom));z-index:30;position:sticky}@media (width<=640px){.k-sticky{bottom:calc(68px + env(safe-area-inset-bottom))}}.ipic{justify-items:center;gap:4px;margin:0;display:grid}.ipic-frame{border:var(--bw) solid var(--ink);background:color-mix(in srgb, var(--ipic) 40%, var(--card));position:relative;overflow:hidden}.ipic-lg .ipic-frame{aspect-ratio:4/5;width:min(240px,58vw);box-shadow:var(--shadow);border-radius:18px;transform:rotate(-2deg)}.ipic-md .ipic-frame{aspect-ratio:4/5;width:120px;box-shadow:var(--shadow-sm);border-radius:14px}.ipic-sm .ipic-frame{border-width:1.5px;border-radius:8px;width:26px;height:26px}.ipic img{object-fit:cover;object-position:center 22%;width:100%;height:100%;animation:ipic-in .35s var(--ease) both}@keyframes ipic-in{0%{opacity:0;transform:scale(1.06)}}.ipic-stock img{object-position:center}.ipic-mono{background-image:radial-gradient(color-mix(in srgb, var(--ink) 16%, transparent) 1.4px, transparent 1.6px);background-size:10px 10px;place-items:center;width:100%;height:100%;display:grid}.ipic-mono svg{color:var(--ink);max-width:120px}.ipic-sm .ipic-mono svg{width:72%;height:72%}.ipic-logo .ipic-frame{background:#fff;place-items:center;display:grid}.ipic-logo.dark .ipic-frame{background:var(--ink)}.ipic-logo img,.ipic-glyph{object-fit:contain;object-position:center;width:74%;height:74%}.ipic-sm.ipic-logo img,.ipic-sm .ipic-glyph{width:84%;height:84%}.ipic-flag img{width:auto;max-width:84%;height:auto;max-height:74%;box-shadow:0 0 0 1px #16131b38}.ipic-sm.ipic-flag img{width:auto;max-width:88%;height:auto;max-height:88%}.ipic-poster .ipic-frame{background:#16131b}.ipic-poster .ipic-bg{object-fit:cover;filter:blur(10px)saturate(1.3)brightness(.62);width:100%;height:100%;animation:ipic-fade .35s var(--ease) both;position:absolute;inset:0;transform:scale(1.3)}.ipic-poster .ipic-art{object-fit:contain;width:auto;max-width:100%;height:100%;margin:auto;position:absolute;inset:0;box-shadow:0 0 14px #00000080}.ipic-sm.ipic-poster .ipic-bg{filter:blur(3px)saturate(1.3)brightness(.62)}.ipic-sm.ipic-poster .ipic-art{box-shadow:0 0 4px #00000080}@keyframes ipic-fade{0%{opacity:0}}.ipic.loading .ipic-frame{background:linear-gradient(100deg, var(--paper-2) 30%, var(--card) 50%, var(--paper-2) 70%);background-size:300% 100%;animation:1.1s linear infinite ipic-shimmer}@keyframes ipic-shimmer{to{background-position:-150% 0}}.ipic figcaption{text-align:center;max-width:min(260px,70vw);color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;line-height:1.25;overflow:hidden}.ipic figcaption a{color:inherit;text-decoration:none}.ipic-cmark{z-index:2;color:#fff;background:#16131b9e;border-radius:999px;place-items:center;width:18px;height:18px;font-size:11px;font-weight:800;line-height:1;text-decoration:none;display:grid;position:absolute;bottom:6px;right:6px}.ipic-credits{color:var(--on-field-2,var(--ink-3));margin-top:10px;font-size:12px}.ipic-credits summary{cursor:pointer;width:max-content;font-weight:700}.ipic-credits ul{gap:2px;margin:6px 0 0;padding-left:18px;display:grid}.ipic-credits a{color:inherit}
