:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#141822;--paper:#f6f5ef;--hop-lime:#c4f35b;--lilac:#aba7f8;--slate:#626877;--platform:#2b3f8c;--bg:var(--ink);--bg-soft:#10131b;--surface:#1b2030;--surface-2:#222839;--surface-3:#2b3245;--line:#f6f5ef17;--line-strong:#f6f5ef2b;--text:var(--paper);--muted:#b4b8c4;--faint:#9198a8;--lime:var(--hop-lime);--lime-ink:var(--ink);--lime-soft:#c4f35b1f;--gold:#ffcd57;--gold-ink:#2b1c00;--gold-soft:#ffcd571f;--sky:#62cbff;--violet:#bb8dff;--green:#58d68d;--danger:#ff8a80;--r-sm:10px;--r-md:14px;--r-lg:24px;--r-xl:36px;--font-display:"Manrope Variable", Manrope, ui-sans-serif, system-ui, sans-serif;--font-body:"DM Sans Variable", "DM Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--header-h:72px;--ease-hop:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.2, .8, .2, 1)}.on-paper{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:var(--paper);--bg-soft:#efeee6;--surface:#fff;--surface-2:#ecebe3;--surface-3:#e2e1d8;--line:#1418221a;--line-strong:#1418222e;--text:var(--ink);--muted:#565c6b;--faint:var(--slate);background:var(--bg);color:var(--text)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--bg);min-height:100svh;color:var(--text);font:400 1rem/1.6 var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}body.menu-open{overflow:hidden}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed;opacity:.45}button,a,input,select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,.btn{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}svg{flex-shrink:0}img,svg{max-width:100%}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,h4,p,dl,dd{margin:0}p{color:var(--muted)}code{font-family:ui-monospace,Cascadia Code,Menlo,Consolas,monospace}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;font-weight:800;line-height:1.08}h1{font-size:clamp(2.5rem,6vw,4.6rem);line-height:1.02}h2{font-size:clamp(1.9rem,3.8vw,3rem);line-height:1.1}h3{letter-spacing:-.02em;font-size:1.2rem;font-weight:700}p{text-wrap:pretty}:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:8px}.on-paper :focus-visible{outline-color:var(--ink)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--lime);color:var(--lime-ink);border-radius:10px;padding:10px 16px;font-weight:600;position:absolute;top:-64px;left:16px}.skip-link:focus{top:12px}.container{width:min(1160px,100% - 48px);margin-inline:auto}.page{padding-block:48px 88px}.page-wrap{animation:.4s both page-in;overflow-x:clip}@keyframes page-in{0%{transform:translateY(8px)}to{transform:none}}.js-reveal [data-reveal]:not([data-shown]){opacity:0;transform:translateY(26px)}.js-reveal [data-reveal]{transition:opacity .7s var(--ease-out) var(--reveal-delay,0s), transform .9s var(--ease-out) var(--reveal-delay,0s)}@media (prefers-reduced-motion:reduce){.page-wrap{animation:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.eyebrow{font:600 .76rem/1.4 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--lime);display:block}.eyebrow-gold{color:var(--gold)}.eyebrow+h1,.eyebrow+h2{margin-top:14px}.lead{color:var(--muted);max-width:34em;font-size:clamp(1.05rem,1.7vw,1.2rem);line-height:1.65}.hl-text{color:var(--lime)}@media (width<=720px){.container{width:calc(100% - 32px)}.page{padding-block:32px 64px}}.btn{white-space:nowrap;min-height:46px;transition:background-color .18s, border-color .18s, transform .35s var(--ease-hop), box-shadow .25s, color .18s;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:.95rem;font-weight:600;line-height:1;display:inline-flex}.btn:active:not(:disabled){transition-duration:80ms;transform:translateY(1px)scale(.97)}.btn-primary{background:var(--lime);color:var(--lime-ink)}.btn-secondary{background:var(--surface-2);border-color:var(--line-strong);color:var(--text)}.btn-ink{background:var(--ink);color:var(--paper)}.btn-ghost{color:var(--muted)}.btn-google{color:#1f1f1f;background:#fff;border-color:#dadce0}.btn-gold{color:var(--gold-ink);background:linear-gradient(135deg,#ffe08a,#f4b53b)}.btn-gold-outline{color:var(--gold);background:var(--gold-soft);border-color:#ffcd5780}.btn-success{color:#b9f4d1;background:#58d68d24;border-color:#58d68d80}.btn-lg{min-height:56px;padding:0 28px;font-size:1.02rem}.btn-sm{gap:8px;min-height:40px;padding:0 16px;font-size:.86rem}.btn-xs{gap:6px;min-height:32px;padding:0 14px;font-size:.78rem}.btn-block{width:100%}@media (hover:hover) and (pointer:fine){.btn-primary:hover:not(:disabled){background:#d3ff70;transform:translateY(-2px);box-shadow:0 10px 30px #c4f35b42}.btn-secondary:hover:not(:disabled){background:var(--surface-3);border-color:#f6f5ef4d;transform:translateY(-2px)}.btn-ink:hover:not(:disabled){background:#232a3b;transform:translateY(-2px);box-shadow:0 12px 30px #1418224d}.btn-ghost:hover:not(:disabled){color:var(--text)}.btn-google:hover:not(:disabled){background:#f4f6fb;transform:translateY(-2px);box-shadow:0 6px 24px #ffffff1f}.btn-gold:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 30px #ffcd574d}.btn-gold-outline:hover:not(:disabled){background:#ffcd5733}}@media (pointer:coarse){.btn-sm{min-height:44px}.btn-xs{min-height:40px}}.icon-btn{width:40px;height:40px;color:var(--muted);border-radius:50%;place-items:center;transition:background-color .18s,color .18s;display:inline-grid}@media (hover:hover) and (pointer:fine){.icon-btn:hover{color:var(--text);background:#ffffff14}}.text-btn{color:var(--muted);align-items:center;gap:8px;min-height:44px;font-size:.88rem;font-weight:500;display:inline-flex}.text-btn:hover,.text-link:hover{color:var(--text)}.text-link{color:var(--lime);align-items:center;gap:8px;min-height:32px;font-size:.92rem;font-weight:600;display:inline-flex}.chip{border:1px solid var(--line-strong);color:var(--muted);white-space:nowrap;background:#ffffff0a;border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:.76rem;font-weight:600;line-height:1.4;display:inline-flex}.chip-lime{color:var(--lime);background:var(--lime-soft);border-color:#c4f35b59}.chip-gold{color:var(--gold);background:var(--gold-soft);border-color:#ffcd5766}.chip-mono{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-size:.68rem}.mock-tag{z-index:3;background:var(--bg);position:absolute;top:-12px;right:18px}.chip-glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#dbe2ec;background:#0a0d12b8;border-color:#ffffff24}.chip-lg{padding:10px 18px;font-size:.9rem}.chip-row{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.pill{border:1px solid var(--line-strong);color:var(--muted);background:#ffffff0a;border-radius:999px;align-items:center;gap:10px;padding:7px 14px;font-size:.82rem;font-weight:500;display:inline-flex}.dot{background:var(--lime);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #c4f35b2e}.notify-dot{background:var(--gold);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-left:6px;display:inline-block;box-shadow:0 0 0 3px #ffcd5738}.icon-tile{background:var(--lime-soft);width:44px;height:44px;color:var(--lime);border:1px solid #c4f35b38;border-radius:14px;place-items:center;display:inline-grid}.icon-tile-sm{border-radius:10px;width:32px;height:32px}.icon-list{gap:14px;margin:24px 0 30px;display:grid}.icon-list li{color:var(--text);align-items:center;gap:14px;font-size:.98rem;display:flex}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.panel-head h2{letter-spacing:-.02em;font-size:1.2rem}.panel-empty{text-align:center;justify-items:center;gap:14px;padding:18px 8px;display:grid}.mini-heading{font:600 .74rem var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin:22px 0 10px}.bar{background:#ffffff14;border-radius:99px;height:10px;overflow:hidden}.bar>i{border-radius:inherit;background:linear-gradient(90deg, var(--lime), #a6dc3e);height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1);display:block}.bar-sm{height:6px;margin-top:10px}.divider{border-top:1px solid var(--line);margin:20px 0 8px}.check-list{gap:12px;margin:22px 0;display:grid}.check-list li{color:var(--text);align-items:flex-start;gap:12px;font-size:.95rem;line-height:1.45;display:flex}.check-list li svg{color:var(--lime);margin-top:2px}.check-list.gold li svg{color:var(--gold)}.muted-list li{color:var(--muted)}.muted-list li svg{color:var(--faint)}.demo-note{color:var(--muted);text-align:left;background:#62cbff12;border:1px solid #62cbff38;border-radius:14px;align-items:flex-start;gap:12px;margin-top:18px;padding:12px 14px;font-size:.82rem;line-height:1.5;display:flex}.demo-note svg{color:var(--sky);margin-top:1px}.demo-note strong{color:var(--text)}.dev-accounts .account-list{margin-top:10px}form label{color:var(--muted);margin-bottom:18px;font-size:.84rem;font-weight:600;display:block}form input,form select{border:1px solid var(--line-strong);background:var(--bg-soft);width:100%;min-height:48px;color:var(--text);border-radius:14px;margin-top:8px;padding:12px 14px;font-size:.95rem;font-weight:400;display:block}form input::placeholder{color:var(--faint)}form input:focus,form select:focus{outline:2px solid var(--lime);outline-offset:1px;border-color:#0000}select{cursor:pointer}select option{background:var(--surface);color:var(--text)}.code-input{letter-spacing:.4em;text-transform:uppercase;font-weight:700;font-size:1.2rem!important}.form-note{color:var(--faint);align-items:center;gap:8px;margin-bottom:18px;font-size:.8rem;display:flex}.form-error{color:var(--danger);background:#ff8a801a;border:1px solid #ff8a8040;border-radius:12px;margin-bottom:16px;padding:10px 14px;font-size:.85rem;line-height:1.5}.fine-print{text-align:center;color:var(--faint);margin-top:16px;font-size:.78rem;line-height:1.6}.fine-print.left{text-align:left;margin-top:14px}@media (pointer:coarse){form input,form select{font-size:16px}}.modal{overscroll-behavior:contain;border:1px solid var(--line-strong);background:var(--surface);width:min(460px,100% - 32px);max-height:calc(100svh - 32px);color:var(--text);border-radius:26px;margin:auto;padding:0;overflow-y:auto;box-shadow:0 40px 120px #0009}.modal[open]{animation:.28s cubic-bezier(.2,.8,.2,1) modal-in}@keyframes modal-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}.modal::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#030508bd}.modal-narrow{width:min(440px,100% - 32px)}.modal-create{width:min(540px,100% - 32px)}.game-picker{border:0;min-width:0;margin:0 0 18px;padding:0}.game-picker legend{color:var(--muted);margin-bottom:8px;padding:0;font-size:.84rem;font-weight:600}.game-picker-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}form .game-pick{aspect-ratio:3/2;cursor:pointer;background:var(--surface-2);box-shadow:0 0 0 1px var(--line);transition:box-shadow .2s, transform .35s var(--ease-hop), opacity .2s;border-radius:14px;margin:0;display:block;position:relative;overflow:hidden}.game-pick .game-art--image{transition:transform .5s var(--ease-out);position:absolute;inset:0}.game-pick-name{font:800 .9rem var(--font-display);color:var(--text);text-align:center;background:color-mix(in srgb, var(--game-accent) 18%, var(--surface-2));place-items:center;padding:6px;display:grid;position:absolute;inset:0}.game-picker-grid:has(.is-on) .game-pick:not(.is-on){opacity:.62}.game-pick:hover{transform:translateY(-2px);opacity:1!important}.game-pick:hover .game-art--image{transform:scale(1.06)}.game-pick.is-on{box-shadow:0 0 0 2px var(--lime), 0 10px 26px -10px #c4f35b80}.game-pick:has(input:focus-visible){outline:2px solid var(--lime);outline-offset:3px}.game-pick-check{background:var(--lime);width:22px;height:22px;color:var(--lime-ink);opacity:0;transition:opacity .2s, transform .4s var(--ease-hop);border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;right:6px;transform:scale(.4)}.game-pick.is-on .game-pick-check{opacity:1;transform:none}.game-picker-info{min-width:0;color:var(--faint);align-items:baseline;gap:10px;margin-top:12px;font-size:.86rem;display:flex}.game-picker-info strong{color:var(--text);flex:none;font-size:.95rem}.game-picker-info>span:not(.game-picker-meta){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.game-picker-meta{flex:none;align-items:center;gap:5px;margin-left:auto;display:inline-flex}.code-label{display:block}.code-boxes{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:8px;display:grid;position:relative}form .code-boxes input{z-index:1;color:#0000;caret-color:#0000;cursor:text;background:0 0;border:0;outline:0;width:100%;height:100%;min-height:0;margin:0;padding:0;font-size:16px;position:absolute;inset:0}form .code-boxes input:focus{outline:0}.code-boxes>span{border:1px solid var(--line-strong);background:var(--bg-soft);height:58px;font:800 1.5rem var(--font-display);color:var(--text);transition:border-color .15s, box-shadow .15s, transform .3s var(--ease-hop);border-radius:14px;place-items:center;display:grid}.code-boxes>span.is-filled{animation:code-pop .3s var(--ease-hop);border-color:#c4f35b73}.code-boxes.is-focused>span.is-caret{border-color:var(--lime);box-shadow:0 0 0 3px #c4f35b2e}.code-boxes.is-focused>span.is-caret:not(.is-filled):after{content:"";background:var(--lime);border-radius:2px;width:2px;height:26px;animation:1s step-end infinite caret-blink}@keyframes code-pop{0%{transform:scale(.86)}to{transform:none}}@keyframes caret-blink{50%{opacity:0}}@media (width<=480px){.code-boxes{gap:6px}.code-boxes>span{height:50px;font-size:1.3rem}.game-picker-info>span:not(.game-picker-meta){display:none}}.modal-close{z-index:3;background:#0a0d1299;position:absolute;top:14px;right:14px}.modal-art{border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 50% 90%, color-mix(in srgb, var(--game-accent) 40%, transparent), transparent 70%), color-mix(in srgb, var(--game-accent) 12%, var(--surface-2));place-items:center;height:170px;display:grid}.modal-art .game-art{width:260px;height:100%}.modal-body{padding:30px 32px 28px}.modal-body h2{margin-top:10px;font-size:1.9rem}.modal-body .logo-mark{margin-bottom:18px}.modal-sub{margin:12px 0 22px;font-size:.92rem;line-height:1.6}.account-list{gap:10px;margin-bottom:14px;display:grid}.account-list button{border:1px solid var(--line-strong);background:var(--surface-2);text-align:left;border-radius:16px;align-items:center;gap:14px;width:100%;padding:12px 14px;transition:border-color .18s,background-color .18s;display:flex}.account-list button:hover{background:var(--surface-3);border-color:#c4f35b80}.account-text{flex:1;min-width:0}.account-list strong{font-size:.95rem;display:block}.account-list small{color:var(--muted);overflow-wrap:anywhere;font-size:.8rem;display:block}.premium-showcase{gap:10px;margin-bottom:20px;display:flex}.premium-showcase span{background:color-mix(in srgb, var(--rar) 12%, var(--surface-2));border:1px solid color-mix(in srgb, var(--rar) 40%, transparent);border-radius:18px;place-items:center;width:62px;height:62px;display:grid}.price-row{flex-wrap:wrap;align-items:baseline;gap:10px;margin:22px 0 16px;display:flex}.price-row strong{font:700 2.2rem var(--font-display);letter-spacing:-.03em;color:var(--gold)}.price-row span{color:var(--faint);font-size:.82rem}.consent-check{color:var(--muted);text-align:left;cursor:pointer;align-items:flex-start;gap:10px;margin:0 0 14px;font-size:.84rem;line-height:1.45;display:flex}.consent-check input{width:18px;height:18px;accent-color:var(--gold);cursor:pointer;flex:none;margin:1px 0 0}.spin{animation:.9s linear infinite spin}@media (width<=480px){.modal-body{padding:26px 22px 24px}.modal-body h2{font-size:1.65rem}}.toast-host{z-index:90;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));pointer-events:none;gap:10px;width:min(440px,100% - 32px);display:grid;position:fixed;transform:translate(-50%)}.toast{pointer-events:auto;background:var(--surface-3);border:1px solid var(--line-strong);color:var(--text);border-radius:16px;align-items:center;gap:12px;padding:10px 8px 10px 16px;font-size:.88rem;animation:.3s cubic-bezier(.2,.8,.2,1) toast-in;display:flex;box-shadow:0 18px 50px #00000080}.toast>span{flex:1;line-height:1.4}.toast-good>svg{color:var(--lime)}.toast-info>svg{color:var(--sky)}.toast-warn>svg{color:var(--gold)}.toast .icon-btn{width:32px;height:32px}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.avatar{--size:44px;width:var(--size);height:var(--size);flex-shrink:0;place-items:center;display:inline-grid;position:relative}.avatar-disc{font:700 calc(var(--size) * .34) var(--font-display);color:#0b1005;background:linear-gradient(135deg, hsl(var(--hue) 78% 70%), hsl(calc(var(--hue) + 36) 68% 52%));border-radius:50%;place-items:center;display:grid;position:absolute;inset:11%}.avatar-frame{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.rarity-common{--rar:#b8c4bd}.rarity-rare{--rar:#62cbff}.rarity-epic{--rar:#bb8dff}.rarity-legendary{--rar:#ffd45c}.reward-icon .ri-a{fill:var(--ra)}.reward-icon .ri-b{fill:var(--rb)}.reward-icon .ri-sa{stroke:var(--ra)}.reward-icon .ri-sb{stroke:var(--rb)}.reward-icon .ri-ink{fill:#0b0d10}.reward-icon .ri-sink{stroke:#0b0d10}.banner-art{background:linear-gradient(120deg, var(--b1), var(--b2));position:relative;overflow:hidden}.banner-art svg{width:100%;height:100%;position:absolute;inset:0}.google-signin{justify-items:center;gap:10px;margin-top:18px;display:grid}.google-signin-button{justify-content:center;width:100%;min-height:44px;display:flex}.legal{max-width:760px}.legal h1{margin-top:14px}.legal-updated{color:var(--faint);margin-top:14px;font-size:.88rem}.legal .lead{margin-top:22px}.legal-body{border-top:1px solid var(--line);gap:36px;margin-top:48px;padding-top:40px;display:grid}.legal-body h2{letter-spacing:-.02em;margin-bottom:12px;font-size:1.35rem}.legal-body p,.legal-body li{color:var(--muted);font-size:1rem;line-height:1.7}.legal-body p+p,.legal-body ul+p{margin-top:12px}.legal-body ul{gap:10px;margin:0;padding-left:1.2em;list-style:outside;display:grid}.legal-body strong{color:var(--text);font-weight:600}.legal-body a,.legal-links a{color:var(--lime);text-underline-offset:3px;text-decoration:underline}.legal-body code{background:var(--surface-2);color:var(--text);border-radius:6px;padding:1px 6px;font-size:.88em}.legal-links{gap:24px;margin-top:56px;font-size:.92rem;font-weight:600;display:flex}.btn-lilac{background:var(--lilac);color:var(--ink)}.btn-lilac-outline{color:var(--lilac);background:#aba7f81a;border-color:#aba7f880}.eyebrow-lilac{color:var(--lilac)}.donate-dialog .donate-badge{background:var(--lilac);width:54px;height:54px;color:var(--ink);border-radius:16px;place-items:center;margin-bottom:16px;display:grid}.donate-amounts{border:0;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 18px;padding:0;display:grid}.donate-amounts button,.donate-other{border:1px solid var(--line-strong);background:var(--surface-2);min-height:48px;color:var(--text);font:800 1.02rem var(--font-display);cursor:pointer;border-radius:14px;transition:border-color .15s,background .15s}.donate-amounts button:hover,.donate-other:hover{border-color:#aba7f899}.donate-amounts .is-on{border-color:var(--lilac);box-shadow:inset 0 0 0 1px var(--lilac);background:#aba7f829}.donate-other{cursor:text;grid-column:1/-1;align-items:center;gap:6px;padding:0 14px;display:flex}.donate-other span{color:var(--faint)}.donate-other input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1}.donate-field{color:var(--muted);gap:8px;margin-bottom:12px;font-size:.86rem;font-weight:600;display:grid;position:relative}.donate-field input,.donate-field textarea{border:1px solid var(--line-strong);background:var(--bg-soft);width:100%;color:var(--text);font:400 .95rem/1.45 var(--font-body);resize:none;border-radius:14px;padding:12px 14px}.donate-field input:focus,.donate-field textarea:focus,.donate-other:focus-within{outline:2px solid var(--lilac);outline-offset:1px;border-color:#0000}.donate-field input:disabled{opacity:.55}.donate-optional{color:var(--faint);font-weight:400}.donate-count{color:var(--faint);font-size:.74rem;font-weight:500;position:absolute;bottom:9px;right:12px}.donate-check{color:var(--muted);cursor:pointer;align-items:center;gap:9px;margin:-2px 0 16px;font-size:.86rem;display:flex}.donate-check input{width:17px;height:17px;accent-color:var(--lilac);margin:0}.donate-dialog .btn-block{margin-top:4px}.discord-panel p{color:var(--muted);margin:0 0 16px}.discord-code{border:1px dashed var(--line);border-radius:var(--r-md);gap:8px;margin:0 0 16px;padding:14px;display:grid}.discord-code code{letter-spacing:.04em;-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;font-size:1.05rem;font-weight:700}.discord-code small{color:var(--muted)}.discord-code .btn{justify-self:start}.person-name{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:inline-flex}.person-name a:hover .person-name-text{text-underline-offset:3px;text-decoration:underline}.badges{gap:4px;display:inline-flex}.badge{font:700 .66rem/1.3 var(--font-body);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;gap:4px;padding:2px 7px;display:inline-flex}.badge.is-compact{padding:2px 4px}.badge-staff{color:var(--lime);background:var(--lime-soft);border-color:#c4f35b66}.badge-developer{color:var(--lilac);background:#aba7f81f;border-color:#aba7f873}.store-complete{place-items:center;min-height:60svh;display:grid}.store-complete-card{text-align:center;justify-items:center;gap:12px;max-width:520px;padding:36px 28px;display:grid}.store-complete-card h1{font-size:clamp(1.6rem,4vw,2.1rem)}.store-complete-card p{color:var(--muted)}.store-complete-card>svg{color:var(--faint)}.store-complete-card .store-complete-ok{color:var(--lime)}.store-complete-next{font-weight:600;color:var(--text)!important}.store-complete-card .btn{margin-top:8px}.site-header{z-index:50;padding-top:env(safe-area-inset-top,0px);-webkit-backdrop-filter:saturate(1.4)blur(18px);border-bottom:1px solid var(--line);background:#141822c7;position:sticky;top:0}.header-inner{height:var(--header-h);align-items:center;gap:20px;display:flex}.brand{color:var(--paper);white-space:nowrap;align-items:center;gap:12px;padding:6px 0;display:inline-flex}.logo-lockup{display:block;overflow:visible}.logo-lockup .hop-tile,.logo-mark .hop-tile{transform-box:fill-box;transform-origin:50% 100%}@media (hover:hover){.brand:hover .hop-tile{animation:tile-hop .7s var(--ease-out)}}.brand-badge{font:600 .68rem/1 var(--font-body);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line-strong);color:var(--faint);border-radius:999px;padding:4px 8px}.main-nav{align-items:center;gap:2px;margin-left:10px;display:flex}@media (width>=901px){.brand-badge{display:none}}@media (width>=901px) and (width<=1060px){.header-inner{gap:12px}.main-nav{gap:0;margin-left:0}.main-nav .nav-menu-trigger{padding:0 9px 0 11px;font-size:.88rem}.header-actions .header-create{border-radius:50%;width:40px;padding:0}.header-create>span{display:none}}.header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.menu-toggle{display:none}.account{position:relative}.account-trigger{background:var(--surface-2);border:1px solid var(--line-strong);color:var(--muted);border-radius:999px;align-items:center;gap:4px;min-height:44px;padding:3px 10px 3px 3px;display:flex;position:relative}.account-trigger .notify-dot{border:2px solid var(--surface-2);width:12px;height:12px;box-shadow:none;margin:0;position:absolute;top:2px;left:2px}.account-menu{background:var(--surface-2);border:1px solid var(--line-strong);transform-origin:100% 0;width:300px;animation:menu-in .22s var(--ease-out);border-radius:20px;padding:8px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 30px 80px #0000008c}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px)scale(.96)}to{opacity:1;transform:none}}.account-trigger{transition:border-color .2s,background-color .2s}.account-trigger:hover,.account-trigger[aria-expanded=true]{background:var(--surface-3);border-color:#f6f5ef4d}.account-trigger>svg{transition:transform .3s var(--ease-out)}.account-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.account-menu-head{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 12px;padding:10px 10px 14px;display:grid}.account-menu-head>div{gap:2px;min-width:0;display:grid}.account-menu-head strong{font:700 .98rem/1.25 var(--font-display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-menu-head>div>span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.account-menu-head .chip{grid-column:1/-1;justify-self:start;margin-top:8px}.account-menu-group{border-top:1px solid var(--line);gap:1px;padding:6px 0;display:grid}.account-menu-lang{border-top:1px solid var(--line);padding:12px}.account-menu-lang .lang-choices button{padding:5px 11px;font-size:.8rem}.account-menu .account-menu-out{color:var(--muted);margin-top:2px}.account-menu-out{border-top:1px solid var(--line);border-radius:0 0 12px 12px!important}.account-menu a,.account-menu button[role=menuitem]{width:100%;min-height:42px;color:var(--text);text-align:left;border-radius:12px;align-items:center;gap:12px;padding:0 12px;font-size:.92rem;font-weight:500;display:flex}.account-menu a:hover,.account-menu button[role=menuitem]:hover{background:#ffffff12}.account-menu em{background:var(--gold);color:var(--gold-ink);border-radius:99px;margin-left:auto;padding:2px 8px;font-size:.72rem;font-style:normal;font-weight:700}.account-menu [role=menuitem] svg{color:var(--muted)}.mobile-panel{display:none}.mobile-panel section{border-bottom:1px solid var(--line);padding:12px 0 10px;display:grid}.mobile-panel h2{font:700 .7rem/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);padding:4px 0 6px}.mobile-panel section a,.mobile-panel section button{min-height:46px;font:600 1.06rem var(--font-display);color:var(--text);text-align:left;align-items:center;gap:12px;display:flex}.mobile-panel section svg{color:var(--muted)}.mobile-panel section a.active,.mobile-panel section a.active svg{color:var(--lime)}.mobile-panel-dev{min-height:48px;color:var(--lilac);align-items:center;gap:8px;margin-top:6px;font-weight:600;display:flex}.mobile-panel em{font:700 .72rem var(--font-body);background:var(--gold);color:var(--gold-ink);border-radius:99px;padding:2px 8px;font-style:normal}.mobile-panel-actions{gap:10px;margin-top:20px;display:grid}@media (width<=900px){.main-nav,.hide-md{display:none}.menu-toggle{display:inline-grid}.mobile-panel:not([hidden]){background:var(--bg);border-top:1px solid var(--line);max-height:calc(100svh - var(--header-h));animation:panel-down .3s var(--ease-out);padding:6px 0 24px;display:block;overflow-y:auto}@keyframes panel-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.mobile-panel:not([hidden]) .container>*{animation:rise .4s var(--ease-out) both}.mobile-panel:not([hidden]) .container>:nth-child(2){animation-delay:30ms}.mobile-panel:not([hidden]) .container>:nth-child(3){animation-delay:60ms}.mobile-panel:not([hidden]) .container>:nth-child(4){animation-delay:90ms}.mobile-panel:not([hidden]) .container>:nth-child(n+5){animation-delay:.12s}}@media (width<=420px){.header-actions .btn-primary{padding:0 12px}.brand-badge{display:none}}.site-footer{border-top:1px solid var(--line);background:var(--bg-soft);padding-top:44px;padding-bottom:env(safe-area-inset-bottom,0px)}.footer-grid{grid-template-columns:1.2fr .8fr .8fr .9fr 1.2fr;gap:32px;display:grid}.footer-brand p{margin-top:10px;font-size:.92rem}.site-footer nav{align-content:start;gap:0;display:grid}.site-footer nav h2{font:600 .76rem var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}.site-footer nav a,.site-footer nav button{min-height:32px;color:var(--muted);text-align:left;justify-self:start;align-items:center;gap:6px;font-size:.92rem;display:inline-flex}.site-footer nav a:hover,.site-footer nav button:hover{color:var(--text)}.footer-note{color:var(--faint);max-width:34ch;font-size:.82rem;line-height:1.6}.footer-base{border-top:1px solid var(--line);color:var(--faint);justify-content:space-between;gap:16px;margin-top:32px;padding-block:18px 22px;font-size:.8rem;display:flex}@media (width<=900px){.footer-grid{grid-template-columns:1fr 1fr}.footer-note{grid-column:1/-1;max-width:none}}@media (width<=520px){.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:1/-1}.footer-base{flex-direction:column;gap:4px}}.footer-legal{gap:18px;display:inline-flex}.footer-legal a:hover{color:var(--text)}@media (width<=520px){.footer-legal{gap:14px}}.lang{position:relative}.lang-trigger{border:1px solid var(--line-strong);min-height:40px;color:var(--muted);font:700 .78rem/1 var(--font-display);letter-spacing:.04em;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:0 12px;transition:border-color .2s,background-color .2s,color .2s;display:inline-flex}.lang-trigger:hover,.lang-trigger[aria-expanded=true]{color:var(--text);background:var(--surface-2);border-color:#f6f5ef4d}.lang-menu{z-index:30;background:var(--surface-2);border:1px solid var(--line-strong);transform-origin:100% 0;min-width:220px;animation:menu-in .22s var(--ease-out);border-radius:16px;padding:6px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 30px 80px #0000008c}.lang-menu button{width:100%;color:var(--text);text-align:left;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:.9rem;display:flex}.lang-menu button:hover{background:var(--surface-3)}.lang-menu button svg{color:var(--lime,#c4f35b)}.lang-choices{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.lang-choices button{border:1px solid var(--line-strong);color:var(--muted);border-radius:999px;padding:6px 12px;font-size:.82rem}.lang-choices button:hover{color:var(--text)}.lang-choices button.is-on{color:var(--text);background:#c4f35b14;border-color:#c4f35b80}.mobile-panel .lang-choices{padding:8px 0 4px}.footer-lang{margin-top:14px}.site-footer nav.footer-games{flex-wrap:wrap;align-items:center;gap:0 18px;padding-top:28px;display:flex}.site-footer nav.footer-games h2{margin:0 6px 0 0}.hero{background:linear-gradient(to bottom, transparent 62%, var(--bg)), radial-gradient(50% 60% at 78% 42%, #2b3f8c6b, transparent 70%), radial-gradient(40% 50% at 8% 72%, #aba7f81a, transparent 70%);padding:32px 0 0;position:relative;overflow:hidden}.hero-grid{z-index:1;min-height:min(600px, calc(100svh - var(--header-h) - 200px));grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:32px;display:grid;position:relative}.hero-pill{border:1px solid var(--line-strong);color:var(--muted);animation:rise .7s var(--ease-out) both;background:#f6f5ef0a;border-radius:999px;align-items:center;gap:10px;margin-bottom:22px;padding:6px 14px 6px 12px;font-size:.84rem;font-weight:500;display:inline-flex}.live-dot{background:var(--lime);border-radius:50%;width:8px;height:8px;position:relative}.live-dot:after{content:"";border:2px solid var(--lime);opacity:0;animation:live-ping 2.2s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:-4px}@keyframes live-ping{0%{opacity:.8;transform:scale(.5)}80%,to{opacity:0;transform:scale(1.6)}}.hero-title{letter-spacing:-.05em;margin-bottom:24px;font-size:clamp(3.4rem,8.6vw,7.4rem);line-height:.96;display:grid}.hero-line{white-space:nowrap;display:block}.hero-line>span{animation:word-hop .9s var(--ease-hop) both;display:inline-block}.hero-line:first-child>span:first-child{animation-delay:50ms}.hero-line:first-child>span:nth-child(2){animation-delay:.13s}.hero-line:nth-child(2)>span:first-child{animation-delay:.24s}.hero-line:nth-child(2)>span:nth-child(2){animation-delay:.32s}@keyframes word-hop{0%{opacity:0;transform:translateY(.5em)scale(.96,1.06)}55%{opacity:1}to{opacity:1;transform:none}}.hero-copy .lead{max-width:29em;animation:rise .8s .42s var(--ease-out) both}.hero-copy .cta-row,.hero-copy .assurances{animation:rise .8s .52s var(--ease-out) both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.cta-row{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.assurances{color:var(--muted);flex-wrap:wrap;gap:8px 24px;margin-top:24px;font-size:.9rem;display:flex}.assurances li{align-items:center;gap:8px;display:flex}.assurances svg{color:var(--lime)}.hop-playground{animation:scene-in 1.1s .15s var(--ease-out) both;position:relative}.hop-playground svg{cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%;height:auto;display:block;overflow:visible}@keyframes scene-in{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:none}}.hop-roster{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(14px);background:#1b2030d1;border-radius:999px;align-items:center;gap:12px;padding:8px 18px 8px 8px;display:flex;position:absolute;bottom:7%;right:2%;box-shadow:0 18px 50px #05070c73}.hop-roster-faces{display:flex}.hop-roster-faces>span{opacity:0;width:0;transition:width .45s var(--ease-out), transform .5s var(--ease-hop), opacity .2s;display:grid;transform:scale(0)}.hop-roster-faces>span+span{margin-left:-6px}.hop-roster-faces>span.is-in{opacity:1;width:34px;transform:none}.hop-roster-faces .avatar{border-radius:50%;box-shadow:0 0 0 3px #1b2030}.hop-roster-text{min-width:9.5em;line-height:1.25;display:grid}.hop-roster-text strong{font-size:.88rem;font-weight:600}.hop-roster-text small{color:var(--faint);font-size:.74rem}.section.steps-section{padding-top:72px}.steps-stage{--step-ms:3.2s;isolation:isolate;border-radius:var(--r-xl);border:1px solid var(--line);background:radial-gradient(55% 60% at 50% 40%, #2b3f8c57, transparent 72%), linear-gradient(to bottom, var(--bg-soft), #0e1119);padding:8px 32px 36px;position:relative;overflow:hidden}.steps-stage:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(#f6f5ef17 1px,#0000 1.6px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 55% at 50% 42%,#000,#0000);mask-image:radial-gradient(60% 55% at 50% 42%,#000,#0000)}.hop-steps-art{width:100%;max-width:800px;height:auto;margin-inline:auto;display:block;overflow:visible}.hop-step-number{font-family:var(--font-display);fill:#fff;fill-opacity:.45;font-weight:800;transition:fill-opacity .3s}.is-active .hop-step-number{fill-opacity:.95}.hop-step-glow{fill:var(--hop-lime);opacity:0;transition:opacity .5s var(--ease-out)}.is-active .hop-step-glow{opacity:.11}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;max-width:940px;margin:4px auto 0;display:grid}.step{text-align:center;cursor:default;flex-direction:column;align-items:center;gap:10px;display:flex}.step-bar{background:var(--line);border-radius:3px;width:100%;height:3px;margin-bottom:14px;position:relative;overflow:hidden}.step-bar>span{border-radius:inherit;background:var(--lime);transform-origin:0;transition:transform .35s var(--ease-out);position:absolute;inset:0;transform:scaleX(0)}.step.is-active .step-bar>span{transform:none}.is-auto .step.is-active .step-bar>span{animation:step-fill var(--step-ms) linear both}.is-waiting .step-bar>span{animation-play-state:paused!important}@keyframes step-fill{0%{transform:scaleX(0)}to{transform:none}}.step h3{color:var(--muted);font-size:1.3rem;transition:color .3s}.step.is-active h3,.step:hover h3{color:var(--text)}.step p{max-width:24em;font-size:.96rem;line-height:1.55}.step-chip{border:1px solid var(--line-strong);background:var(--bg);max-width:100%;color:var(--text);opacity:.6;border-radius:999px;align-items:center;gap:8px;margin-top:6px;padding:7px 14px;font-size:.82rem;font-weight:500;transition:opacity .3s,border-color .3s;display:inline-flex}.step.is-active .step-chip{opacity:1;border-color:#c4f35b59}.step-chip code{text-overflow:ellipsis;white-space:nowrap;font:500 .8rem var(--font-body);overflow:hidden}.step-chip-check{color:var(--lime)}.step-chip-faces{padding-left:6px}.step-chip-faces .avatar+.avatar{margin-left:-12px}.step-chip-faces .avatar{box-shadow:0 0 0 2px var(--bg);border-radius:50%}.step-chip-faces b{margin-left:4px;font-weight:600}.section{padding-block:88px 0}.section:last-of-type{padding-bottom:88px}.section-head{max-width:640px;margin-bottom:32px}.section-head p{margin-top:16px;font-size:1.05rem;line-height:1.65}.section-head-split{grid-template-columns:1fr 1fr;align-items:end;gap:16px 64px;max-width:none;display:grid}.section-head-split p{justify-self:end;max-width:30em;margin:0}.section-head-sm{margin-bottom:22px}.section-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding-top:22px;display:flex}.section-foot p{max-width:56ch;font-size:.9rem}.section-tight{margin-top:56px}.section.games-section{padding-top:24px}.rail-bar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.rail-genres{scrollbar-width:none;gap:6px;margin:-4px;padding:4px;display:flex;overflow-x:auto}.rail-genres::-webkit-scrollbar{display:none}.rail-genres button{border:1px solid var(--line-strong);min-height:38px;color:var(--muted);transition:background-color .2s, color .2s, border-color .2s, transform .35s var(--ease-hop);border-radius:999px;flex:none;padding:0 16px;font-size:.86rem;font-weight:600}.rail-genres button:hover:not(.is-on){color:var(--text);border-color:#f6f5ef4d}.rail-genres button:active{transform:scale(.95)}.rail-genres button.is-on{background:var(--paper);border-color:var(--paper);color:var(--ink)}.rail-arrows{flex:none;gap:8px;margin-left:auto;display:flex}.rail-arrow{border:1px solid var(--line-strong);width:42px;height:42px;color:var(--text);transition:background-color .2s, opacity .2s, transform .35s var(--ease-hop)}.rail-arrow:not(:disabled):active{transform:scale(.9)}.rail-arrow:disabled{opacity:.3}.rail-viewport{margin-inline:calc(50% - 50vw);position:relative}.rail-viewport:before,.rail-viewport:after{content:"";z-index:2;pointer-events:none;width:max(16px,50vw - 580px);transition:opacity .3s;position:absolute;top:0;bottom:0}.rail-viewport:before{background:linear-gradient(to right, var(--bg), transparent);left:0}.rail-viewport:after{background:linear-gradient(to left, var(--bg), transparent);right:0}.rail-viewport.at-start:before,.rail-viewport.at-end:after{opacity:0}.rail{--gutter:max(16px, calc(50vw - 580px));overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);padding:8px var(--gutter) 20px;scrollbar-width:none;animation:rail-in .5s var(--ease-out);gap:18px;display:flex;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.rail.is-dragging{scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}.rail.is-dragging .poster{pointer-events:none}@keyframes rail-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.poster{scroll-snap-align:start;flex-direction:column;flex:0 0 clamp(250px,27vw,340px);gap:14px;min-width:0;display:flex}.poster-art{aspect-ratio:3/2;border-radius:var(--r-lg);background:var(--surface);width:100%;box-shadow:0 0 0 1px var(--line);transition:transform .5s var(--ease-hop), box-shadow .35s ease;display:block;position:relative;overflow:hidden}.poster-art .game-art--image{transition:transform .7s var(--ease-out);-webkit-user-drag:none;position:absolute;inset:0}.poster-play{background:var(--lime);width:44px;height:44px;color:var(--lime-ink);opacity:0;transition:opacity .25s, transform .45s var(--ease-hop);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:14px;right:14px;transform:translateY(10px)scale(.8);box-shadow:0 10px 26px #05070c73}.poster-play svg{margin-left:2px}.poster-art .chip-maintenance{position:absolute;top:12px;left:12px}.poster.is-maintenance .game-art--image{filter:grayscale(.85)brightness(.65)}.poster-art:disabled{opacity:1}.poster-art:focus-visible{outline-offset:4px;border-radius:var(--r-lg)}@media (hover:hover) and (pointer:fine){.poster-art:not(:disabled):hover{box-shadow:0 0 0 1px color-mix(in srgb, var(--game-accent) 70%, transparent), 0 26px 50px -12px color-mix(in srgb, var(--game-accent) 45%, transparent);transform:translateY(-6px)}.poster-art:not(:disabled):hover .game-art--image{transform:scale(1.05)}.poster-art:not(:disabled):hover .poster-play{opacity:1;transform:none}}.poster-art:not(:disabled):focus-visible .poster-play{opacity:1;transform:none}.poster-art:active:not(:disabled){transition-duration:.1s;transform:scale(.98)}.poster-copy{gap:6px;padding-inline:4px;display:grid}.poster-copy p{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:500;line-height:1.4;overflow:hidden}.poster-meta{color:var(--faint);align-items:center;gap:14px;font-size:.78rem;display:flex}.poster-meta .genre-tag{font-size:.78rem}.poster-fallback{font:800 1.6rem var(--font-display);letter-spacing:-.03em;background:radial-gradient(ellipse at 50% 90%, color-mix(in srgb, var(--game-accent) 42%, transparent), transparent 72%), color-mix(in srgb, var(--game-accent) 11%, var(--surface-2));place-items:center;display:grid;position:absolute;inset:0}.poster-meta>span{align-items:center;gap:5px;display:inline-flex}.poster-more{flex-basis:clamp(220px,22vw,280px)}.poster-more-inner{aspect-ratio:3/2.05;border-radius:var(--r-lg);text-align:center;border:1.5px dashed var(--line-strong);background:radial-gradient(60% 70% at 50% 40%, #2b3f8c4d, transparent 75%), var(--bg-soft);transition:border-color .25s, transform .5s var(--ease-hop);align-content:center;justify-items:center;gap:6px;padding:16px;display:grid}.poster-more-inner:hover{border-color:var(--lilac);transform:translateY(-4px)}.poster-more .hop-next-art{width:100%;max-width:220px;margin-block:-6px -4px}.poster-more strong{font:700 1rem var(--font-display);letter-spacing:-.02em}.poster-more-inner>span{color:var(--lime);align-items:center;gap:6px;font-size:.84rem;font-weight:600;display:inline-flex}.hop-next-art{width:min(100%,380px);height:auto;display:block;overflow:visible}.hop-next-ghost{fill:#aba7f80f;stroke:var(--lilac);stroke-opacity:.55;stroke-width:2px;stroke-dasharray:8 9;stroke-linecap:round}.hop-next-beacon-shadow{fill:#05070c;opacity:.45}.hop-next-beacon{animation:2.8s ease-in-out infinite beacon-bob}.hop-next-tile{transform-box:fill-box;transform-origin:50% 100%;animation:tile-idle 3.2s 1.4s var(--ease-out) infinite}@keyframes beacon-bob{50%{transform:translateY(-10px)}}.showcase{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.showcase-copy h2{margin-bottom:16px}.showcase-copy>p{max-width:32em;font-size:1.05rem;line-height:1.65}.showcase-copy .icon-list{gap:12px;margin:22px 0 0}.showcase-copy .icon-list .icon-tile{flex:none}.showcase-copy .cta-row{margin-top:28px}.showcase-profile{position:relative}.showcase-profile:before{content:"";z-index:-1;background:radial-gradient(closest-side,#aba7f838,#0000);position:absolute;inset:-12% -8%}.sample-tag{z-index:3;background:var(--lilac);color:var(--ink);border-radius:999px;padding:3px 12px;font-size:.74rem;font-weight:600;position:absolute;top:-13px;right:20px}.final-cta{border-radius:var(--r-xl);background:var(--hop-lime);color:var(--ink);grid-template-columns:1.2fr 1fr;align-items:center;gap:32px;padding:56px 64px;display:grid;position:relative;overflow:hidden}.final-cta h2{letter-spacing:-.045em;font-size:clamp(2.6rem,5.6vw,4.6rem);line-height:.98}.final-cta p{color:var(--ink);opacity:.82;margin-top:16px;font-size:1.15rem}.final-cta .btn{margin-top:28px}.final-cta small{color:#3a4150;margin-top:22px;font-size:.82rem;display:block}.final-cta-copy{z-index:1;position:relative}.final-cta-art{place-items:center;display:grid}.final-cta-art svg{width:min(100%,200px);fill:var(--ink);overflow:visible}.final-cta-art .hop-tile{transform-box:fill-box;transform-origin:50% 100%;animation:tile-idle 3.2s 1s var(--ease-out) infinite}.final-cta:hover .final-cta-art .hop-tile{animation:tile-hop .7s var(--ease-out) infinite}@keyframes tile-idle{0%,70%,to{transform:none}78%{transform:scale(1.1,.82)}88%{transform:translateY(-55%)scale(.95,1.06)}96%{transform:scale(1.06,.9)}}@keyframes tile-hop{0%,to{transform:none}18%{transform:scale(1.12,.8)}48%{transform:translateY(-62%)scale(.94,1.08)}78%{transform:scale(1.1,.84)}}@media (width<=1000px){.hero{padding:24px 0 16px}.hero-grid{grid-template-columns:1fr;gap:8px;min-height:0}.hero-copy{padding-top:24px}.hop-playground{justify-self:center;width:100%;max-width:620px}.section-head-split{grid-template-columns:1fr}.section-head-split p{justify-self:start}.showcase{grid-template-columns:1fr;gap:48px}.final-cta{grid-template-columns:1fr;padding:56px 40px}.final-cta-copy{max-width:26em}.final-cta-art{opacity:.14;position:absolute;bottom:-36px;right:-24px}.final-cta-art svg{width:260px}}@media (width<=720px){.section{padding-top:64px}.section.games-section{padding-top:40px}.rail-arrows{display:none}.poster{flex-basis:74vw}.poster-more{flex-basis:60vw}.hero-title{margin-bottom:20px}.cta-row .btn-lg{flex:100%}.hop-roster{padding-right:14px;bottom:0;right:0}.section.steps-section{padding-top:56px}.steps-stage{border-radius:28px;padding:0 20px 28px}.steps{grid-template-columns:1fr;gap:6px;margin-top:8px}.step{cursor:pointer;gap:6px}.step-bar{margin-bottom:8px}.step>p,.step>span:last-child{opacity:0;max-height:0;transition:max-height .45s var(--ease-out), opacity .3s;display:grid;overflow:hidden}.step.is-active>p{opacity:1;max-height:5em}.step.is-active>span:last-child{opacity:1;max-height:4em;padding-bottom:6px}.step:not(.is-active){padding-bottom:4px}.rail-genres{margin-inline:-16px;padding-inline:16px}.section-foot{flex-direction:column;align-items:flex-start;gap:10px}.final-cta{border-radius:28px;padding:40px 24px}.final-cta-art{display:none}.section:last-of-type{padding-bottom:56px}}@media (prefers-reduced-motion:reduce){.hop-next-beacon,.hop-next-tile,.live-dot:after{animation:none}}.game-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);min-width:0;transition:transform .5s var(--ease-hop), border-color .25s ease, box-shadow .35s ease;flex-direction:column;display:flex;overflow:hidden}@media (hover:hover) and (pointer:fine){.game-card:not(.is-maintenance):hover{border-color:color-mix(in srgb, var(--game-accent) 65%, transparent);box-shadow:0 28px 56px -16px color-mix(in srgb, var(--game-accent) 40%, #05070c99);transform:translateY(-5px)}.game-card:not(.is-maintenance):hover .game-art--image{transform:scale(1.05)}.game-card:not(.is-maintenance):hover .game-meta .btn{background:var(--lime);border-color:var(--lime);color:var(--lime-ink)}}.game-art-btn{aspect-ratio:3/2;background:var(--ink);width:100%;display:block;position:relative;overflow:hidden}.game-art-btn:disabled{opacity:1}.game-art-btn .game-art--image{transition:transform .7s var(--ease-out);position:absolute;inset:0}.game-art-btn .chip{z-index:1;position:absolute;top:12px}.game-art-btn .chip-badge{left:12px}.game-art-btn .chip-status,.game-art-btn .chip-maintenance{right:12px}.chip-status i{background:var(--faint);border-radius:50%;width:6px;height:6px}.game-art-fallback{font:800 1.7rem var(--font-display);letter-spacing:-.03em;background:radial-gradient(ellipse at 50% 90%, color-mix(in srgb, var(--game-accent) 42%, transparent), transparent 72%), color-mix(in srgb, var(--game-accent) 11%, var(--surface-2));place-items:center;display:grid;position:absolute;inset:0}.chip-maintenance{color:var(--gold);background:var(--gold-soft);border-color:#ffcd5773}.game-card.is-maintenance .game-art--image{filter:grayscale(.85)brightness(.7)}.game-card.is-maintenance .game-art-btn{cursor:not-allowed}.game-card-body{flex-direction:column;flex:1 0 auto;gap:12px;padding:16px 18px 18px;display:flex}.game-card-body>h2{font-size:1.3rem}.game-card-body>p{color:var(--text);font-size:.95rem;font-weight:500;line-height:1.45}.genre-tag{color:color-mix(in srgb, var(--game-accent) 55%, var(--text));align-items:center;gap:6px;font-size:.78rem;font-weight:600;display:inline-flex}.game-meta{color:var(--faint);flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:auto;font-size:.8rem;display:flex}.game-meta>span{align-items:center;gap:5px;display:inline-flex}.game-meta .btn{margin-left:auto}.game-card.is-featured .game-card-body>p{color:var(--muted);max-width:46ch;font-size:1rem;font-weight:400}.games-grid.is-solo{grid-template-columns:1fr}.is-solo .game-card{grid-template-columns:1.2fr 1fr;display:grid}.is-solo .game-art-btn{aspect-ratio:auto;min-height:380px}.is-solo .game-card-body{justify-content:center;padding:36px}.is-solo .game-card-body>h2{clip:auto;white-space:normal;width:auto;height:auto;margin:0;font-size:2rem;position:static;overflow:visible}.is-solo .game-meta{margin-top:8px}@media (width<=800px){.is-solo .game-card{grid-template-columns:1fr}.is-solo .game-art-btn{aspect-ratio:3/2;min-height:0}.is-solo .game-card-body{padding:20px}}.page-head{margin-bottom:28px;position:relative}.page-head p{margin-top:12px;font-size:1.1rem}.toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.genre-tabs{flex-wrap:wrap;gap:6px;display:flex}.genre-tabs button{border:1px solid var(--line-strong);min-height:40px;color:var(--muted);transition:background-color .2s, color .2s, border-color .2s, transform .35s var(--ease-hop);border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:.88rem;font-weight:600;display:inline-flex}.genre-tabs button:hover:not(.active){color:var(--text);border-color:#f6f5ef4d}.genre-tabs button:active{transform:scale(.95)}.genre-tabs button.active{background:var(--paper);border-color:var(--paper);color:var(--ink)}.genre-tabs button em{opacity:.6;font-size:.76rem;font-style:normal}.toolbar-side{align-items:center;gap:8px;display:flex}.search-field{background:var(--surface);border:1px solid var(--line-strong);width:240px;min-height:42px;color:var(--faint);transition:border-color .2s, width .35s var(--ease-out);border-radius:999px;align-items:center;gap:10px;padding:0 6px 0 14px;display:flex}.search-field:focus-within{border-color:#c4f35b99;width:280px}.search-field input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:.92rem}.search-field input::placeholder{color:var(--faint)}.search-field input::-webkit-search-cancel-button{display:none}.search-field .icon-btn{width:30px;height:30px}.search-field kbd{border:1px solid var(--line-strong);font:600 .72rem var(--font-body);color:var(--faint);border-radius:6px;padding:1px 7px}.sort-select{border:1px solid var(--line-strong);min-height:42px;color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:0 14px;display:inline-flex;position:relative}.sort-select select{appearance:none;color:var(--text);cursor:pointer;background:0 0;border:0;outline:none;padding-right:16px;font-size:.86rem;font-weight:600}.sort-select>svg:last-child{pointer-events:none;position:absolute;right:12px}.sort-select:focus-within{border-color:#c4f35b99}.games-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.games-grid>*{animation:card-in .55s var(--ease-out) both}.games-grid>:nth-child(2){animation-delay:40ms}.games-grid>:nth-child(3){animation-delay:80ms}.games-grid>:nth-child(4){animation-delay:.12s}.games-grid>:nth-child(5){animation-delay:.16s}.games-grid>:nth-child(6){animation-delay:.2s}.games-grid>:nth-child(n+7){animation-delay:.24s}@keyframes card-in{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:none}}.page-foot{text-align:center;color:var(--faint);margin-top:48px;font-size:.88rem}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:360px;padding-block:80px;display:flex}.empty-state>svg{color:var(--lime)}.empty-state h1{font-size:clamp(2rem,5vw,3rem)}@media (width<=1000px){.games-grid{grid-template-columns:1fr 1fr}.toolbar{flex-direction:column;align-items:stretch}.toolbar-side .search-field,.toolbar-side .search-field:focus-within{flex:1;width:auto}}@media (width<=720px){.games-grid{grid-template-columns:1fr}.genre-tabs{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-16px;padding-inline:16px;overflow-x:auto}.genre-tabs button{flex:none}.search-field kbd{display:none}.toolbar-side .search-field{min-width:0}.sort-select{flex:none;gap:6px;padding:0 12px}}.game-art--image{object-fit:contain;background:var(--ink);width:100%;min-width:0;height:100%;min-height:0;display:block}.modal-art{aspect-ratio:3/2;background:var(--ink);height:auto;display:block;overflow:hidden}.modal-art .game-art--image{width:100%;height:100%}.game-guide-link{color:var(--muted);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px;font-size:.8rem;font-weight:600}.game-guide-link:hover{color:var(--text);text-decoration-color:currentColor}.lobby-page{min-height:640px}.lobby-crumbs{justify-content:space-between;align-items:center;gap:20px;display:flex}.lobby-crumbs .text-link{color:var(--muted)}.connection{color:var(--gold);align-items:center;gap:8px;font-size:.8rem;font-weight:500;display:inline-flex}.connection i{background:var(--gold);border-radius:50%;width:8px;height:8px}.connection.is-live{color:var(--lime)}.connection.is-live i{background:var(--lime);box-shadow:0 0 0 4px #c4f35b2e}.lobby-heading{justify-content:space-between;align-items:center;gap:24px;margin:20px 0 24px;display:flex}.lobby-heading h1{font-size:clamp(2.2rem,5vw,3.4rem)}.lobby-heading p{margin-top:8px}.lobby-code{background:var(--lime-soft);text-align:center;min-width:170px;transition:border-color .2s, background-color .2s, transform .35s var(--ease-hop);border:1px dashed #c4f35b73;border-radius:18px;padding:12px 22px}.lobby-code:hover{background:#c4f35b2b;border-style:solid}.lobby-code:active{transform:scale(.96)}.lobby-code span{font:600 .66rem var(--font-body);letter-spacing:.16em;color:var(--faint);justify-content:center;align-items:center;gap:6px;display:flex}.lobby-code.is-copied span{color:var(--lime)}.lobby-side .btn.is-copied{color:var(--lime);border-color:#c4f35b80}.lobby-code strong{font:700 1.7rem var(--font-display);letter-spacing:.24em;color:var(--lime);margin-top:4px;padding-left:.24em;display:block}.lobby-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:22px;display:grid}.lobby-stage,.lobby-side{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.stage-head{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;font-size:.88rem;display:flex}.stage-head>span:first-child{align-items:center;gap:10px;display:inline-flex}.scene-container{background:var(--ink);height:380px;position:relative;overflow:hidden}.scene-container>.game-art{background:0 0;width:100%;max-width:640px;height:100%;margin:auto;position:relative}.scene-container>.game-art.scene-backdrop{object-fit:cover;filter:blur(36px)saturate(1.3)brightness(.55);width:auto;max-width:none;height:auto;position:absolute;inset:-40px;transform:scale(1.1)}.scene-fallback{text-align:center;height:100%;color:var(--muted);place-items:center;padding:30px;display:grid}.stage-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:16px;padding:16px 22px;display:flex}.stage-foot p{max-width:70ch;font-size:.92rem;line-height:1.6}.stage-foot p.is-clamped{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.stage-more{min-height:0;color:var(--lime);flex:none;font-weight:600}.lobby-side{padding:24px}.side-head{justify-content:space-between;align-items:center;display:flex}.side-head h2{font-size:1.2rem}.count{color:var(--muted);border:1px solid var(--line-strong);border-radius:99px;padding:2px 10px;font-size:.76rem;font-weight:600}.player-list{margin:16px 0 18px}.player-list li{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-block:10px;display:flex}.player-list li:last-child{border-bottom:0}.player-list li>div{min-width:0}.player-list strong{overflow-wrap:anywhere;font-size:.92rem;font-weight:600;display:block}.player-list strong small{color:var(--faint);font-size:.76rem;font-weight:400}.player-list li>div>span{color:var(--faint);font-size:.76rem;display:block}.player-list .host-crown{color:var(--gold);margin-left:auto}.player-list .host-crown+.ready{margin-left:2px}.player-list .ready{color:var(--lime);margin-left:auto}.player-list .seat-empty{color:var(--faint);font-size:.86rem}.player-list .kick-btn{width:30px;height:30px;color:var(--faint);background:0 0;border:1px solid #0000;border-radius:99px;flex-shrink:0;place-items:center;margin-left:4px;display:grid}.player-list .kick-btn:hover:not(:disabled),.player-list .kick-btn:focus-visible{color:var(--danger);background:#ff8a8014;border-color:#ff8a8066}.player-list .kick-confirm{flex-shrink:0;align-items:center;gap:4px;margin-left:4px;display:inline-flex}.player-list .kick-yes{min-height:30px;color:var(--danger);background:#ff8a801f;border:1px solid #ff8a8080;border-radius:99px;padding:0 11px;font-size:.76rem;font-weight:700}.player-list .kick-yes:hover:not(:disabled){background:#ff8a8033}.player-list .kick-no{border:1px solid var(--line-strong);background:var(--surface-2);width:30px;height:30px;color:var(--text);border-radius:99px;place-items:center;display:grid}.player-list li>div+.kick-btn,.player-list li>div+.kick-confirm{margin-left:auto}.lobby-side .btn{margin-top:10px}.lobby-side .divider{margin:18px 0 8px}.lobby-side .form-error{margin-top:16px;margin-bottom:0}.leave-btn{width:100%;min-height:44px;color:var(--faint);justify-content:center;align-items:center;gap:8px;margin-top:18px;font-size:.84rem;display:flex}.leave-btn:hover:not(:disabled){color:var(--danger)}.join-page{min-height:560px}.join-card{text-align:center;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-xl);width:min(440px,100%);margin:36px auto 0;padding:36px;box-shadow:0 40px 100px #0006}.join-symbol{background:var(--lime-soft);width:68px;height:68px;color:var(--lime);border:1px solid #c4f35b40;border-radius:22px;place-items:center;margin:0 auto 22px;display:grid}.join-card h1{margin-top:10px;font-size:2.6rem}.join-card>p{margin:14px 0 0}.join-card p strong{color:var(--text);letter-spacing:.1em}.join-card form{text-align:left;margin-top:26px}.join-card>small{color:var(--faint);margin-top:22px;font-size:.8rem;display:block}@media (width<=1000px){.lobby-layout{grid-template-columns:minmax(0,1fr) 300px}.scene-container{height:340px}}@media (width<=820px){.lobby-layout{grid-template-columns:1fr}.scene-container{height:300px}.lobby-heading{flex-direction:column;align-items:flex-start;gap:18px}.stage-foot{flex-direction:column;gap:12px}.join-card{padding:30px 22px}}.zone-settings{background:var(--surface,#ffffff08);border:1px solid var(--line,#ffffff1a);border-radius:24px;margin-top:28px;padding:24px}.zone-settings-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;margin-bottom:18px;display:flex}.zone-settings-head h2{margin:6px 0 0}.zone-settings-head p{color:var(--muted);margin:0;font-size:.92rem}.zone-settings-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.zone-settings fieldset{border:1px solid var(--line,#ffffff1a);border-radius:18px;min-width:0;margin:0;padding:14px 16px 6px}.zone-settings fieldset:disabled{opacity:.85}.zone-settings legend{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:0 6px;font-size:.75rem;font-weight:700}.zone-field{border-bottom:1px solid var(--line,#ffffff0f);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;font-size:.92rem;display:flex}.zone-field:last-child{border-bottom:0}.zone-field span{gap:2px;display:grid}.zone-field small{color:var(--muted);font-size:.76rem}.zone-field select{background:var(--bg-elev,#1b2029);max-width:55%;color:inherit;border:1px solid var(--line-strong,#ffffff29);font:inherit;border-radius:12px;padding:8px 10px;font-size:16px}.zone-range{align-items:center;gap:10px;display:flex}.zone-range input{accent-color:var(--lime,#c4f35b);width:130px}.zone-range output{font-variant-numeric:tabular-nums;min-width:2ch;font-weight:700}@media (width<=560px){.zone-field{flex-direction:column;align-items:stretch}.zone-field select{max-width:none}}.lobby-section{background:var(--surface);border:1px solid var(--line);border-radius:24px;margin-top:28px;padding:24px}.lobby-section-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;margin-bottom:18px;display:flex}.lobby-section-head h2{margin:6px 0 0;font-size:1.45rem}.lobby-section-head p{color:var(--muted);max-width:52ch;margin:0;font-size:.92rem}.lobby-section>.fine-print,.lobby-section>.form-error{margin:14px 0 0}.lobby-columns{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.lobby-columns .hs-fieldset:disabled{opacity:.9}.lobby-columns+.lobby-advanced{margin-top:16px}.lobby-advanced{border:1px solid var(--line);background:var(--surface-2);border-radius:18px}.lobby-advanced>summary{cursor:pointer;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);-webkit-user-select:none;user-select:none;border-radius:18px;align-items:center;gap:10px;padding:12px 16px;font-size:.72rem;font-weight:700;list-style:none;display:flex}.lobby-advanced>summary::-webkit-details-marker{display:none}.lobby-advanced>summary:before{content:"";border:2px solid;border-width:0 2px 2px 0;width:7px;height:7px;transition:transform .18s;transform:rotate(-45deg)}.lobby-advanced[open]>summary:before{transform:rotate(45deg)}.lobby-advanced>summary:hover{color:var(--text)}.lobby-advanced>summary:focus-visible{outline:2px solid var(--line-strong);outline-offset:2px}.lobby-advanced>.lobby-columns{padding:0 16px 16px}@media (prefers-reduced-motion:reduce){.lobby-advanced>summary:before{transition:none}}@media (width<=560px){.lobby-advanced>.lobby-columns{padding:0 10px 10px}}.lobby-setup{min-width:0}@media (width<=560px){.lobby-section{padding:18px 16px}}.lobby-heading .lobby-byline{color:var(--muted);align-items:center;gap:6px;margin-top:6px;font-size:.92rem;display:inline-flex}.lobby-heading .lobby-byline svg{color:var(--violet)}.embed-notice{border-radius:var(--r-md);background:var(--gold-soft);border:1px solid color-mix(in srgb, var(--gold) 40%, transparent);align-items:flex-start;gap:12px;margin:0 0 20px;padding:14px 16px;display:flex}.embed-notice svg{color:var(--gold);flex:none;margin-top:2px}.embed-notice p{overflow-wrap:anywhere;margin:0;font-size:.95rem;line-height:1.5}.dev-play-note{text-align:left;align-items:flex-start;gap:6px;display:flex}.dev-play-note svg{color:var(--gold);flex:none;margin-top:2px}.dev-play-setup{text-align:left;border-radius:var(--r-md);background:color-mix(in srgb, var(--violet) 12%, transparent);border:1px solid color-mix(in srgb, var(--violet) 40%, transparent);align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.dev-play-setup svg{color:var(--violet);flex:none;margin-top:3px}.dev-play-setup p{overflow-wrap:anywhere;margin:0;font-size:.92rem;line-height:1.5}.dev-play-setup button{color:var(--lime);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.dev-play-setup button:hover{color:var(--text)}.embed-stage{text-align:center;background:radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--violet) 22%, transparent), transparent 70%);place-content:center;justify-items:center;gap:8px;padding:24px;display:grid;position:absolute;inset:0}.embed-stage-glyph{width:72px;height:72px;color:var(--violet);background:color-mix(in srgb, var(--violet) 14%, var(--surface-2));border:1px solid var(--line-strong);border-radius:22px;place-items:center;margin-bottom:6px;display:grid}.embed-stage strong{font-family:var(--font-display);font-size:1.5rem}.embed-stage small{color:var(--muted);overflow-wrap:anywhere}.dev-tunnel.panel{gap:12px;margin:0 0 20px;padding:18px 20px;display:grid}.dev-tunnel-head{align-items:flex-start;gap:12px;display:flex}.dev-tunnel-head h2{margin:0 0 4px;font-size:1.1rem}.dev-tunnel-head p{color:var(--muted);overflow-wrap:anywhere;margin:0}.dev-tunnel-icon{width:36px;height:36px;color:var(--violet);background:color-mix(in srgb, var(--violet) 14%, var(--surface-2));border-radius:12px;flex:none;place-items:center;display:grid}.dev-tunnel-steps{color:var(--muted);gap:10px;margin:0;padding-left:20px;display:grid}.dev-tunnel-steps code{font-size:.85rem}.dev-tunnel-command{border-radius:var(--r-sm);background:var(--bg-soft);border:1px solid var(--line);align-items:center;gap:8px;margin-top:6px;padding:8px 8px 8px 12px;display:flex}.dev-tunnel-command code{white-space:nowrap;min-width:0;color:var(--text);flex:1;overflow-x:auto}.dev-tunnel-form{flex-wrap:wrap;gap:8px;display:flex}.dev-tunnel-form input{flex:260px;min-width:0}.dev-tunnel .fine-print{margin:0}.dev-tunnel.is-friend{border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line-strong);align-items:flex-start;gap:12px;margin:0 0 20px;padding:14px 16px;display:flex}.dev-tunnel.is-friend svg{color:var(--sky);flex:none;margin-top:2px}.dev-tunnel.is-friend p{overflow-wrap:anywhere;margin:0}.lobby-return{z-index:85;left:20px;bottom:calc(20px + env(safe-area-inset-bottom));background:var(--surface-3);border:1px solid var(--line-strong);border-radius:20px;align-items:center;gap:2px;width:min(420px,100% - 32px);padding:6px 6px 6px 8px;animation:.35s cubic-bezier(.2,.8,.2,1) lobby-return-in;display:flex;position:fixed;box-shadow:0 18px 50px #00000073}.lobby-return-main{min-width:0;color:var(--text);border-radius:14px;flex:1;align-items:center;gap:12px;padding:2px;text-decoration:none;display:flex}.lobby-return-main:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.lobby-return-art{background:var(--surface-2);width:64px;height:43px;color:var(--muted);border-radius:10px;flex:none;place-items:center;display:grid;overflow:hidden}.lobby-return-art img{object-fit:cover;width:100%;height:100%}.lobby-return-text{flex:1;min-width:0;line-height:1.25;display:grid}.lobby-return-text small{font:700 .64rem var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap;align-items:center;gap:6px;display:inline-flex;overflow:hidden}.lobby-return-text small i{background:var(--lime);border-radius:50%;width:6px;height:6px}.lobby-return.is-playing .lobby-return-text small{color:var(--lime)}.lobby-return.is-playing .lobby-return-text small i{animation:1.8s ease-in-out infinite claim-pulse}.lobby-return-text strong{white-space:nowrap;text-overflow:ellipsis;font:700 .95rem var(--font-display);overflow:hidden}.lobby-return-text>span{white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.76rem;overflow:hidden}.lobby-return-go{background:var(--lime);color:var(--lime-ink);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:4px;padding:8px 12px;font-size:.8rem;font-weight:700;transition:transform .18s;display:inline-flex}@media (hover:hover) and (pointer:fine){.lobby-return-main:hover .lobby-return-go{transform:translate(2px)}}.lobby-return-close{flex:none;width:30px;height:30px}@keyframes lobby-return-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (width<=960px){body.has-lobby-return .toast-host{bottom:calc(96px + env(safe-area-inset-bottom))}}@media (width<=480px){.lobby-return{width:auto;padding-left:14px;left:16px;right:16px}.lobby-return-art{display:none}.lobby-return-go{padding:8px 11px}}@media (prefers-reduced-motion:reduce){.lobby-return,.lobby-return.is-playing .lobby-return-text small i{animation:none}}.dev-setup-toggle{cursor:pointer;align-items:center;gap:10px;font-size:.92rem;display:flex}.dev-setup-toggle input{width:18px;height:18px;accent-color:var(--lime)}.dev-setup-form{gap:10px;display:grid}.dev-setup-form label{color:var(--muted);gap:6px;font-size:.86rem;display:grid}.dev-setup-form textarea{resize:vertical;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--bg-soft);width:100%;min-height:120px;color:var(--text);padding:10px 12px;font:.82rem/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}.dev-setup-actions{align-items:center;gap:10px;display:flex}.lobby-chat{gap:10px;display:grid}.lobby-chat.is-inline{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.lobby-chat h3{align-items:center;gap:8px;margin:0;font-size:.95rem;display:flex}.lobby-chat-lines{overscroll-behavior:contain;gap:6px;max-height:220px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.lobby-chat-lines li{overflow-wrap:anywhere;color:var(--muted);font-size:.86rem;line-height:1.4}.lobby-chat-lines strong{color:var(--text);font-weight:600}.lobby-chat-lines li.is-mine strong{color:var(--lime)}.lobby-chat-empty{color:var(--faint);margin:0;font-size:.84rem}.lobby-chat-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.lobby-chat-form input{border:1px solid var(--line-strong);background:var(--bg-soft);min-width:0;height:40px;color:var(--text);font:inherit;border-radius:99px;padding:0 12px;font-size:.88rem}.lobby-chat-form .btn{justify-content:center;width:40px;height:40px;padding:0}.lobby-chat-form .form-error{grid-column:1/-1;margin:0}.lobby-results{z-index:2;border-radius:var(--r-md);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line-strong);max-height:calc(100% - 32px);color:var(--paper);background:#080a0dd1;gap:10px;padding:16px 18px;display:grid;position:absolute;inset:auto 16px 16px;overflow-y:auto}.lobby-results header{align-items:center;gap:12px;display:flex}.lobby-results header>div{flex:1;min-width:0}.lobby-results h3{overflow-wrap:anywhere;margin:0;font-size:1.1rem}.lobby-results-icon{width:34px;height:34px;color:var(--gold-ink);background:var(--gold);border-radius:11px;flex:none;place-items:center;display:grid}.lobby-results ol{gap:4px;margin:0;padding:0;list-style:none;display:grid}.lobby-results li{border-radius:10px;align-items:center;gap:10px;padding:6px 8px;font-size:.9rem;display:flex}.lobby-results li.is-me{background:#c4f35b1a}.lobby-results li strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.lobby-results li strong small{opacity:.7;font-weight:400}.lobby-results-place{background:#f6f5ef1a;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:.8rem;font-weight:700;display:grid}.lobby-results li.is-gold .lobby-results-place{background:var(--gold);color:var(--gold-ink)}.lobby-results li.is-silver .lobby-results-place{color:var(--ink);background:#d4d8e0}.lobby-results li.is-bronze .lobby-results-place{color:var(--ink);background:#d99a6c}.lobby-results-label{color:#f6f5efb3;white-space:nowrap;font-size:.8rem}.lobby-results-score{font-variant-numeric:tabular-nums;font-weight:700}.lobby-top{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-2,#ffffff08);gap:10px;margin:18px 0 4px;padding:14px 14px 10px;display:grid}.lobby-top header{align-items:center;gap:10px;display:flex}.lobby-top header>div{min-width:0}.lobby-top h3{overflow-wrap:anywhere;margin:0;font-size:1rem}.lobby-top-icon{width:30px;height:30px;color:var(--gold-ink);background:var(--gold);border-radius:10px;flex:none;place-items:center;display:grid}.lobby-top ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.lobby-top li{border-radius:9px;align-items:center;gap:10px;padding:5px 6px;font-size:.86rem;display:flex}.lobby-top li.is-me{background:#c4f35b1a}.lobby-top li strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.lobby-top li strong small{opacity:.7;font-weight:400}.lobby-top-rank{text-align:center;min-width:1.6em;color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-weight:700}.lobby-top li:first-child .lobby-top-rank{color:var(--gold)}.lobby-top-score{font-variant-numeric:tabular-nums;flex:none;font-weight:700}.lobby-top-gap{color:var(--faint);justify-content:center;padding:0;line-height:1}.lobby-top-empty{color:var(--muted);margin:0;font-size:.84rem}.dev-setup-gamedata{border-top:1px solid var(--line);margin-top:8px;padding-top:16px}.dev-setup-gamedata h3{align-items:center;gap:8px;font-size:1rem;display:flex}.dev-setup-gamedata h3 svg{color:var(--gold)}.profile-card{border-radius:var(--r-lg);border:1px solid var(--line-strong);background:var(--surface);position:relative;overflow:hidden;container-type:inline-size}.profile-card .banner-art{height:112px}.profile-main{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px 22px;padding:0 24px 24px;display:grid;position:relative}.profile-progress,.profile-wallet{grid-column:1/-1}.profile-wallet{justify-self:start}@container (width>=760px){.profile-card .banner-art{height:128px}.profile-main{grid-template-columns:auto minmax(0,1fr) minmax(220px,300px) auto;align-items:end;gap:12px 28px;padding:0 28px 26px}.profile-progress,.profile-wallet{grid-column:auto}}.profile-avatar{background:var(--surface);border-radius:50%;margin-top:-52px;padding:5px}.profile-id{min-width:0;padding-bottom:4px}.profile-id h1,.profile-id h2{letter-spacing:-.03em;overflow-wrap:anywhere;font-size:clamp(1.6rem,3vw,2.2rem)}.profile-tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.profile-id small{color:var(--faint);overflow-wrap:anywhere;margin-top:8px;font-size:.84rem;display:block}.profile-progress{padding-bottom:8px}.profile-progress-head{color:var(--muted);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;font-size:.84rem;display:flex}.profile-progress-head strong{font:700 1.05rem var(--font-display);color:var(--lime);align-items:center;gap:6px;display:inline-flex}.profile-wallet{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;align-items:center;gap:8px;margin-bottom:4px;padding:10px 16px;display:flex}.profile-wallet strong{font:700 1.2rem var(--font-display)}.profile-wallet span{color:var(--faint);font-size:.8rem}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:0 14px;padding:14px 18px;display:grid}.stat svg{box-sizing:content-box;background:var(--lime-soft);color:var(--lime);border-radius:12px;grid-row:span 2;padding:10px}.stat strong{font:700 1.5rem/1.15 var(--font-display);letter-spacing:-.03em}.stat span{color:var(--faint);font-size:.8rem}.dashboard{display:block}.dash-top{margin-bottom:14px}.dash-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:16px;margin-block:16px;display:grid}.dash-col{gap:16px;display:grid}.quest-list{gap:4px;display:grid}.quest{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 16px;padding:14px 0;display:grid}.quest-progress{grid-column:1/-1;align-items:center;gap:12px;display:flex}.quest-progress .bar{flex:1;margin:0}.quest-reward{color:var(--faint);white-space:nowrap;align-items:center;gap:6px;font-size:.78rem;font-weight:600;display:inline-flex}.quest-claim{animation:2.4s ease-in-out infinite claim-pulse}@keyframes claim-pulse{0%,to{box-shadow:0 0 #c4f35b73}50%{box-shadow:0 0 0 6px #c4f35b00}}.quest:last-child{border-bottom:0;padding-bottom:0}.quest-text{flex:1;min-width:0}.quest-text strong{font-size:.95rem;display:block}.quest-text>span{color:var(--faint);margin-top:2px;font-size:.82rem;display:block}.quest-side{justify-content:flex-end;align-items:center;display:flex}.quest-count{text-align:right;min-width:2.4em;font:600 .76rem var(--font-body);color:var(--muted);flex:none}.quest.is-claimed .quest-text{opacity:.55}.recent-list{gap:10px;display:grid}.recent-list li{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;align-items:center;gap:14px;padding:10px;display:flex}.recent-art{background:radial-gradient(ellipse at 50% 90%, color-mix(in srgb, var(--game-accent) 45%, transparent), transparent 75%), color-mix(in srgb, var(--game-accent) 12%, var(--bg-soft));border-radius:12px;flex:0 0 76px;place-items:center;height:54px;display:grid;overflow:hidden}.recent-art .game-art{width:100%;height:100%}.recent-list li>div{flex:1;min-width:0}.recent-list strong{font-size:.95rem;display:block}.recent-list li>div>span{color:var(--faint);align-items:center;gap:6px;font-size:.78rem;display:inline-flex}.pass-summary-tier{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.pass-summary-tier strong{font:700 2.2rem var(--font-display);letter-spacing:-.04em}.pass-summary-tier small{color:var(--faint);font-size:1rem;font-weight:500}.pass-summary-tier>span{color:var(--muted);text-align:right;font-size:.8rem}.next-rewards{gap:8px;display:grid}.next-rewards li{background:color-mix(in srgb, var(--rar) 8%, var(--surface-2));border:1px solid color-mix(in srgb, var(--rar) 32%, transparent);border-radius:16px;align-items:center;gap:12px;padding:10px 12px;display:flex}.next-rewards .reward-art{background:#00000040;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.next-rewards strong{font-size:.92rem;display:block}.next-rewards li>div>span{color:var(--faint);font-size:.76rem}.stack-actions{gap:10px;margin-top:20px;display:grid}.tabs{scrollbar-width:none;gap:6px;margin:-4px -4px 18px;padding:4px;display:flex;overflow-x:auto}.tabs button{min-height:38px;color:var(--muted);border:1px solid var(--line);border-radius:999px;flex:none;padding:0 16px;font-size:.86rem;font-weight:500}.tabs button:hover:not(.active){color:var(--text);background:#ffffff0f}.tabs button.active{background:var(--text);color:var(--bg);border-color:#0000;font-weight:600}.cosmetic-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;display:grid}.cosmetic-grid.kind-banner{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.cosmetic{text-align:center;background:color-mix(in srgb, var(--rar) 7%, var(--surface-2));border:1px solid color-mix(in srgb, var(--rar) 28%, transparent);border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:16px 14px;display:flex;position:relative}.cosmetic.is-equipped{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime), 0 10px 40px #c4f35b1f}.cosmetic.is-locked .cosmetic-art{opacity:.45;filter:grayscale(.5)}.cosmetic-art{place-items:center;width:100%;height:76px;margin-bottom:8px;display:grid;position:relative}.cosmetic-art .banner-art{border-radius:12px;width:100%;height:72px}.cosmetic strong{font-size:.88rem;line-height:1.25}.cosmetic small{color:var(--faint);margin-bottom:8px;font-size:.74rem}.cosmetic .btn,.cosmetic .chip{margin-top:auto}.cosmetic-lock{background:var(--surface-3);width:26px;height:26px;color:var(--muted);border:1px solid var(--line-strong);border-radius:50%;place-items:center;display:grid;position:absolute;top:0;right:0}.title-sample{font:700 .92rem var(--font-display);letter-spacing:-.01em;color:var(--rar);border:1px solid color-mix(in srgb, var(--rar) 40%, transparent);background:#00000040;border-radius:10px;padding:8px 16px}.demo-tools{border:1px dashed var(--line-strong);border-radius:18px;margin-top:16px;padding:4px 22px}.demo-tools summary{cursor:pointer;min-height:52px;color:var(--muted);align-items:center;gap:10px;font-size:.9rem;font-weight:600;list-style:none;display:flex}.demo-tools summary::-webkit-details-marker{display:none}.demo-tools summary svg{color:var(--sky)}.demo-tools p{color:var(--faint);font-size:.84rem}.demo-tools-row{flex-wrap:wrap;gap:10px;padding-block:16px 18px;display:flex}.gate{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:64px;min-height:600px;display:grid}.gate-copy h1{margin:14px 0 20px}.gate-copy .btn{margin-bottom:4px}.gate-copy .icon-list .icon-tile{flex:none}.gate-preview{position:relative}.gate-preview-inner{filter:blur(3px)saturate(.8);opacity:.75;pointer-events:none;-webkit-user-select:none;user-select:none}.gate-lock{font:700 1.2rem var(--font-display);background:radial-gradient(closest-side,#080a0db3,#0000);place-content:center;justify-items:center;gap:12px;display:grid;position:absolute;inset:0}.gate-preview .mock-tag{z-index:3;background:var(--bg);position:absolute;top:-14px;right:18px}.pass-hero{border-radius:var(--r-xl);background:radial-gradient(70% 90% at 90% 20%, #ffcd572b, transparent 70%), radial-gradient(60% 80% at 0% 100%, #bb8dff24, transparent 70%), var(--surface);border:1px solid #ffcd5740;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:32px;margin-bottom:16px;padding:44px;display:grid;position:relative;overflow:hidden}.pass-hero h1{margin-top:12px;font-size:clamp(2.6rem,6vw,4.8rem)}.pass-hero .lead{margin-top:18px;font-size:1.05rem}.pass-hero .cta-row{margin-top:26px}.pass-support svg{color:var(--lilac);transition:transform .4s var(--ease-hop)}.pass-support:hover svg{transform:scale(1.2)}.pass-hero-art{height:280px;position:relative}.hero-reward{background:color-mix(in srgb, var(--rar) 13%, var(--surface-2));border:1px solid color-mix(in srgb, var(--rar) 50%, transparent);box-shadow:0 30px 70px #00000073, 0 0 80px color-mix(in srgb, var(--rar) 22%, transparent);border-radius:28px;place-items:center;animation:7s ease-in-out infinite float;display:grid;position:absolute}.hero-reward-0{z-index:2;width:190px;height:190px;margin:-95px 0 0 -95px;top:50%;left:50%}.hero-reward-1{width:124px;height:124px;animation-delay:-2s;top:4%;left:2%;transform:rotate(-8deg)}.hero-reward-2{width:124px;height:124px;animation-delay:-4s;bottom:2%;right:2%;transform:rotate(8deg)}@media (prefers-reduced-motion:reduce){.hero-reward{animation:none}}.chip-row+.cta-row{margin-top:24px}.pass-progress{justify-content:space-between;align-items:center;gap:28px;margin-bottom:16px;padding:20px 26px;display:flex}.pass-progress-main{flex:1;align-items:center;gap:28px;min-width:0;display:flex}.pass-progress-tier span{font:600 .7rem var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);display:block}.pass-progress-tier strong{font:700 2.4rem/1.1 var(--font-display);letter-spacing:-.04em}.pass-progress-tier small{color:var(--faint);font-size:1rem;font-weight:500}.pass-progress-bar{flex:1;gap:10px;min-width:0;display:grid}.pass-progress-bar>span,.pass-progress-note{color:var(--muted);font-size:.86rem}.track-panel{padding:20px 20px 8px;overflow:hidden}.highlight-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.highlight{text-align:center;background:radial-gradient(closest-side at 50% 35%, color-mix(in srgb, var(--rar) 20%, transparent), transparent), var(--surface);border:1px solid color-mix(in srgb, var(--rar) 30%, var(--line));border-radius:22px;flex-direction:column;align-items:center;gap:6px;padding:28px 16px 22px;display:flex}.highlight-art{place-items:center;margin-bottom:10px;display:grid}.highlight strong{font-size:1rem}.highlight small{color:var(--faint);font-size:.78rem}.two-col{grid-template-columns:1fr 1fr;gap:16px;margin-top:56px;display:grid}.xp-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:13px 0;font-size:.94rem;display:flex}.xp-list li:last-child{border-bottom:0}.xp-list strong{color:var(--lime);align-items:center;gap:6px;font-size:.9rem;display:inline-flex}.two-col .check-list{margin-top:0}.pass-scroll{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#2c3544 transparent;border-radius:12px;padding-bottom:14px;overflow-x:auto}.pass-grid{gap:10px;width:max-content;min-width:100%;display:flex}.tier-col{flex:1 0 150px;grid-template-rows:46px 188px 188px;gap:10px;display:grid}.tier-labels{z-index:3;background:linear-gradient(90deg, var(--surface) 82%, transparent);flex:0 0 70px;padding-right:6px;position:sticky;left:0}.track-label{background:var(--surface-2);border:1px solid var(--line);font:700 .66rem var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);writing-mode:vertical-rl;border-radius:14px;place-items:center;display:grid;transform:rotate(180deg)}.track-label-premium{color:var(--gold);background:var(--gold-soft);border-color:#ffcd574d}.tier-head{flex-direction:column;justify-content:flex-end;gap:8px;padding-bottom:2px;display:flex}.tier-number{font:700 .74rem var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.tier-col.is-reached .tier-number{color:var(--lime)}.tier-bar{background:#ffffff14;border-radius:3px;height:6px;overflow:hidden}.tier-bar i{background:var(--lime);border-radius:inherit;height:100%;display:block}.reward-cell{text-align:center;background:linear-gradient(180deg, color-mix(in srgb, var(--rar) 13%, var(--surface-2)), var(--surface-2));border:1px solid color-mix(in srgb, var(--rar) 34%, transparent);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;padding:12px 10px;display:flex;position:relative}.reward-cell strong{overflow-wrap:anywhere;font-size:.8rem;line-height:1.25}.reward-cell small{color:var(--faint);font-size:.68rem;line-height:1.3}.reward-art{place-items:center;margin-bottom:4px;display:grid;position:relative}.reward-cell .btn,.claim-tag{margin-top:6px}.claim-tag{font:700 .68rem var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--lime)}.reward-cell.is-locked{opacity:.5;filter:saturate(.55)}.reward-cell.is-claimed{opacity:.72}.reward-cell.is-ready{box-shadow:0 0 0 1px var(--rar), 0 10px 36px color-mix(in srgb, var(--rar) 22%, transparent)}.reward-cell.is-empty{color:var(--faint);border-style:dashed;border-color:var(--line);background:0 0;font-size:.72rem}.reward-state{border:2px solid var(--surface-2);border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:-6px;right:-14px}.state-done{background:var(--lime);color:var(--lime-ink)}.state-lock{background:var(--gold);color:var(--gold-ink)}@media (width<=1000px){.stat-grid{grid-template-columns:1fr 1fr}.dash-grid{grid-template-columns:1fr}.gate{grid-template-columns:1fr;gap:48px;min-height:0}.pass-hero{grid-template-columns:1fr;padding:32px}.pass-hero-art{order:-1;height:220px}.hero-reward-0{width:150px;height:150px;margin:-75px 0 0 -75px}.hero-reward-1,.hero-reward-2{width:100px;height:100px}.hero-reward-0 svg{width:96px;height:96px}.hero-reward-1 svg,.hero-reward-2 svg{width:66px;height:66px}.highlight-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}}@media (width<=720px){.profile-main{gap:10px 16px;padding:0 18px 20px}.profile-avatar{margin-top:-40px}.profile-avatar .avatar{--size:84px!important}.pass-progress{flex-direction:column;align-items:stretch;gap:18px;padding:20px}.pass-progress-main{flex-direction:column;align-items:stretch;gap:14px}.pass-hero{border-radius:26px;padding:24px 20px}.quest{grid-template-columns:1fr}.quest-side{justify-content:flex-start}.tier-col{flex-basis:138px}.track-panel{padding:14px 14px 4px}.demo-tools{padding-inline:16px}}@media (width<=480px){.highlight-grid{grid-template-columns:1fr 1fr;gap:10px}.highlight{padding:22px 10px 18px}.stat-grid{gap:10px}.stat{grid-template-columns:1fr;padding:14px 16px}.stat svg{display:none}.stat strong{font-size:1.4rem}.recent-art{display:none}}body.game-open{overflow:hidden}.launcher{z-index:200;color:var(--text);will-change:clip-path;background:#05070a;transition:clip-path .8s cubic-bezier(.76,0,.16,1);position:fixed;inset:0;overflow:hidden}.launcher.phase-closing{transition-duration:.65s}.game-layer{position:absolute;inset:0}.game-layer>div{width:100%;height:100%}.game-layer canvas{touch-action:none;display:block}.game-hud{z-index:3;pointer-events:none;position:absolute;inset:0}.game-hud>*{pointer-events:none}.game-hud button,.game-hud .game-panel,.game-hud .game-result,.game-hud .c4-card,.game-hud .c4-result-bar{pointer-events:auto}.game-chip{z-index:6;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(6px);max-width:calc(100% - 24px);color:var(--muted);opacity:.7;background:#05070a80;border:1px solid #ffffff1a;border-radius:99px;align-items:center;gap:6px;padding:4px 4px 4px 10px;font-size:.72rem;transition:opacity .2s;animation:.6s cubic-bezier(.2,.8,.2,1) backwards chip-in;display:flex;position:absolute;transform:translate(-50%)}.game-chip:hover,.game-chip:focus-within{opacity:1}@keyframes chip-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:.7;transform:translate(-50%)}}.game-chip-label{white-space:nowrap;text-overflow:ellipsis;margin-right:2px;overflow:hidden}.game-chip-label strong{color:var(--text);font-weight:700}.game-chip-btn{width:26px;height:26px;color:var(--text);cursor:pointer;background:#ffffff14;border:0;border-radius:99px;place-items:center;display:grid}.game-chip-btn:hover{background:#ffffff2e}.game-chip-btn.is-exit:hover{background:#ff4b3e80}.launcher-cancel{z-index:12;top:calc(14px + env(safe-area-inset-top));background:#ffffff0f;position:absolute;right:16px}.preloader{z-index:10;background:#05070a;place-items:center;animation:.7s .2s backwards pre-in;display:grid;position:absolute;inset:0;overflow:hidden}@keyframes pre-in{0%{opacity:0}to{opacity:1}}.preloader.is-leaving{opacity:0;pointer-events:none;transition:opacity .7s .1s}.preloader-glow{background:radial-gradient(38% 38% at 50% 44%, color-mix(in srgb, var(--game-accent) 34%, transparent), transparent 70%), radial-gradient(26% 26% at 50% 46%, #c4f35b24, transparent 70%);animation:4.5s ease-in-out infinite alternate glow;position:absolute;inset:-20%}@keyframes glow{0%{opacity:.65;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}.preloader-grid{background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:48px 48px;animation:14s linear infinite grid-drift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 44%,#000,#0000 62%);mask-image:radial-gradient(circle at 50% 44%,#000,#0000 62%)}@keyframes grid-drift{to{background-position:48px 48px}}.preloader-center{text-align:center;flex-direction:column;align-items:center;width:min(420px,100% - 48px);transition:transform .85s cubic-bezier(.5,0,.2,1),filter .85s;display:flex;position:relative}.preloader.is-leaving .preloader-center{filter:blur(8px);transform:scale(1.45)}.logo-stage{place-items:center;width:176px;height:176px;display:grid;position:relative}.logo-ring{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ring-track{stroke:#ffffff14;stroke-width:3px}.ring-progress{stroke:var(--lime);stroke-width:3px;stroke-linecap:round;filter:drop-shadow(0 0 6px #c4f35ba6)}.ring-orbit{stroke:#c4f35b47;stroke-width:1px;stroke-dasharray:3 9;transform-origin:70px 70px;animation:14s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.logo-hop{z-index:2;filter:drop-shadow(0 12px 28px #c4f35b52);animation:1.15s cubic-bezier(.45,.05,.55,.95) infinite hop;display:grid;position:relative}@keyframes hop{0%,to{transform:translateY(0)scale(1.1,.88)}16%{transform:translateY(-8px)scale(.98,1.04)}50%{transform:translateY(-26px)scale(1)}84%{transform:translateY(-6px)scale(1)}}.logo-shadow{filter:blur(4px);background:#000000b3;border-radius:50%;width:62px;height:10px;animation:1.15s cubic-bezier(.45,.05,.55,.95) infinite hop-shadow;position:absolute;bottom:26px}@keyframes hop-shadow{0%,to{opacity:.6;transform:scale(1.1)}50%{opacity:.2;transform:scale(.55)}}.wordmark{font:700 2.2rem/1 var(--font-display);letter-spacing:-.045em;margin-top:8px}.wordmark b{font-weight:500}.preloader-game{color:var(--muted);border:1px solid color-mix(in srgb, var(--game-accent) 50%, transparent);background:color-mix(in srgb, var(--game-accent) 14%, transparent);border-radius:99px;align-items:center;gap:8px;margin-top:14px;padding:6px 14px;font-size:.84rem;display:inline-flex}.preloader-game strong{color:var(--text)}.loader{width:100%;margin-top:36px}.loadbar{background:#ffffff14;border-radius:99px;height:8px;overflow:hidden}.loadbar i{border-radius:inherit;background:linear-gradient(90deg, #a6dc3e, var(--lime));height:100%;display:block;position:relative;overflow:hidden;box-shadow:0 0 18px #c4f35b8c}.loadbar i:after{content:"";background:linear-gradient(110deg,#0000 30%,#fff9 50%,#0000 70%);animation:1.3s linear infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.loadmeta{justify-content:space-between;align-items:baseline;margin-top:14px;display:flex}.loadlabel{align-items:baseline;font-size:.95rem;font-weight:600;display:inline-flex}.dots{gap:4px;margin-left:6px;display:inline-flex}.dots i{background:var(--lime);border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite dot}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}@keyframes dot{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.loadpct{font:700 1.7rem/1 var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--lime)}.loadsub{min-height:1.4em;color:var(--muted);text-align:left;margin-top:8px;font-size:.84rem}.loadnote{color:var(--faint);margin-top:24px;font-size:.78rem}.preloader-error{justify-items:center;gap:18px;margin-top:30px;display:grid}.preloader-error p{color:var(--danger);font-size:.92rem}@media (prefers-reduced-motion:reduce){.logo-hop,.logo-shadow,.loadbar i:after,.preloader-grid,.preloader-glow,.ring-orbit,.dots i{animation:none}.launcher{transition-duration:.01ms}}.game-panel{left:50%;bottom:calc(58px + env(safe-area-inset-bottom));border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(14px);background:#0e1218d1;border-radius:22px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px 22px;width:min(760px,100% - 32px);padding:14px 18px;display:grid;position:absolute;transform:translate(-50%)}.game-turn{align-items:center;gap:12px;display:flex}.game-turn strong{font:700 1.05rem/1.2 var(--font-display);letter-spacing:-.02em;display:block}.game-turn small{color:var(--muted);font-size:.78rem}.game-dot{border:2px solid #ffffff59;border-radius:50%;flex:none;width:20px;height:20px}.game-dot.is-w{background:#f6f2e7}.game-dot.is-b{background:#2a2f3a;border-color:#8c93a0}.game-dot.is-p1{background:#e5484d;border-color:#ff9a9d}.game-dot.is-p2{background:#ffcf3a;border-color:#fff0a8}.game-score{justify-content:center;gap:18px;display:flex}.game-score span{align-items:center;gap:8px;display:inline-flex}.game-score .game-dot{border-width:1.5px;width:14px;height:14px}.game-score b{font:700 1.25rem var(--font-display);font-variant-numeric:tabular-nums}.game-columns{grid-column:1/-1;grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.game-columns .btn{min-width:0;padding:0}.chess-captured{flex-wrap:wrap;justify-content:center;gap:4px 18px;min-width:0;font-size:1.2rem;line-height:1.2;display:flex}.chess-lost{flex-wrap:wrap;gap:2px;display:inline-flex}.chess-lost i{font-style:normal}.chess-face{vertical-align:middle;background:#ffffff0f;border:2px solid #e4e9d4;border-radius:50%;width:26px;height:26px;margin:-4px 6px}.chess-face.is-b{border-color:#2a2f38}.game-actions{gap:8px;display:flex}.game-note{text-align:center;color:var(--muted);grid-column:1/-1;font-size:.8rem}.game-footnote{left:0;right:0;top:calc(10px + env(safe-area-inset-top));text-align:center;color:var(--faint);font-size:.7rem;position:absolute}.game-result{top:calc(8px + env(safe-area-inset-top));z-index:7;white-space:nowrap;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0e1218eb;border:1px solid #c4f35b66;border-radius:999px;align-items:center;gap:14px;padding:8px 8px 8px 18px;animation:.5s cubic-bezier(.2,.8,.2,1) result-in;display:flex;position:absolute;left:50%;transform:translate(-50%)}.game-result h2{font-size:1.15rem}.game-result p{display:none}@keyframes result-in{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.resume-card{text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080a0da8;place-content:center;justify-items:center;gap:12px;padding:24px;display:grid;position:absolute;inset:0}.resume-card h3{font-size:1.6rem}.resume-card p{max-width:32ch;font-size:.9rem}.queue-clock{justify-items:center;line-height:1;display:grid}.queue-clock small{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:6px;font-size:.72rem}.queue-clock strong{font-variant-numeric:tabular-nums;color:var(--lime);font-family:ui-monospace,Cascadia Code,Menlo,Consolas,monospace;font-size:clamp(2.6rem,8vw,4rem)}.resume-card .queue-seats{color:var(--text);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 8px;max-width:none;display:flex}.queue-seats svg{color:var(--faint)}.queue-seats svg:not(:first-child){margin-left:8px}.resume-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}@media (width<=640px){.game-panel{bottom:calc(54px + env(safe-area-inset-bottom));grid-template-columns:1fr;justify-items:center;padding:12px 14px}.game-columns{width:100%}.game-note{display:none}}.embed-frame{background:#0d0b14;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.embed-local-hint{z-index:5;color:#f6f5ef;background:#141822eb;border:1px solid #f6f5ef2b;border-radius:16px;gap:4px;width:min(520px,100% - 32px);padding:14px 18px;font-size:.92rem;display:grid;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000059}.lobby-chat-overlay{left:calc(14px + env(safe-area-inset-left));bottom:calc(14px + env(safe-area-inset-bottom));z-index:8;justify-items:start;gap:8px;max-width:min(340px,100vw - 28px);display:grid;position:absolute}.lobby-chat-button{width:44px;height:44px;color:var(--paper);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:.78;background:#080a0d9e;border:1px solid #f6f5ef29;border-radius:50%;place-items:center;transition:opacity .18s;display:grid;position:relative}.lobby-chat-button:hover,.lobby-chat-button:focus-visible{opacity:1}.lobby-chat-unread{min-width:18px;height:18px;color:var(--lime-ink);background:var(--lime);border-radius:99px;place-items:center;padding:0 5px;font-size:.68rem;font-weight:700;display:grid;position:absolute;top:-4px;right:-4px}.lobby-chat-toast{overflow-wrap:anywhere;color:var(--paper);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:chat-toast-in .25s var(--ease-out);background:#080a0db8;border-radius:12px;margin:0;padding:8px 12px;font-size:.84rem;line-height:1.35}.lobby-chat-toast strong{color:var(--lime)}.lobby-chat.is-floating{border-radius:var(--r-md);width:min(340px,100vw - 28px);color:var(--paper);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0e14e6;border:1px solid #f6f5ef24;padding:12px 14px}.lobby-chat.is-floating header{justify-content:space-between;align-items:center;display:flex}.lobby-chat.is-floating .icon-btn{width:32px;height:32px}.lobby-chat.is-floating .lobby-chat-lines{max-height:min(260px,40vh)}@keyframes chat-toast-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.lobby-chat-toast{animation:none}}.store-dialog .modal-body{padding:26px 24px 22px}.store-dialog-item{align-items:flex-start;gap:16px;padding-right:30px;display:flex}.store-dialog-item img,.store-dialog-icon{object-fit:cover;background:var(--surface-2);border:1px solid var(--line);border-radius:18px;flex:none;width:76px;height:76px}.store-dialog-icon{color:var(--gold);place-items:center;display:grid}.store-dialog-item>div{min-width:0}.store-dialog-item h2{font:800 1.35rem/1.2 var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere;margin:4px 0 6px}.store-dialog-item p{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:.88rem;line-height:1.5}.store-dialog .price-row{margin:18px 0 14px}.store-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.store-dialog-actions .btn{flex:auto;justify-content:center}.store-dialog-note{color:var(--muted);align-items:flex-start;gap:10px;margin:0 0 14px;font-size:.88rem;line-height:1.5;display:flex}.store-dialog-note svg{color:var(--sky);flex:none;margin-top:2px}.store-dialog-note.is-done{color:var(--text);font-weight:600}.store-dialog-note.is-done svg{color:var(--lime)}.achievement-toasts{z-index:9;right:calc(14px + env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));pointer-events:none;position:absolute}.achievement-toast{width:max-content;max-width:min(320px,100vw - 28px);color:var(--paper);-webkit-backdrop-filter:blur(10px);animation:achievement-in .5s var(--ease-out);background:#0c0e14eb;border:1px solid #ffcd5773;border-radius:18px;align-items:center;gap:12px;padding:10px 16px 10px 10px;display:flex;box-shadow:0 14px 40px #00000073,0 0 0 4px #ffcd5714}.achievement-toast.is-leaving{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(8px)}.achievement-toast-icon{width:44px;height:44px;color:var(--gold-ink);background:var(--gold);border-radius:12px;flex:none;place-items:center;display:grid;overflow:hidden}.achievement-toast-icon img{object-fit:cover;width:100%;height:100%}.achievement-toast-text{gap:1px;min-width:0;display:grid}.achievement-toast-text small{letter-spacing:.06em;text-transform:uppercase;color:var(--gold);font-size:.7rem;font-weight:700}.achievement-toast-text strong{font:700 .98rem/1.25 var(--font-display);overflow-wrap:anywhere}@keyframes achievement-in{0%{opacity:0;transform:translateY(14px)scale(.96)}}@media (width<=640px){.achievement-toasts{bottom:auto;left:50%;right:auto;top:calc(10px + env(safe-area-inset-top));transform:translate(-50%)}.achievement-toast{animation-name:achievement-in-top}.achievement-toast.is-leaving{transform:translateY(-8px)}}@keyframes achievement-in-top{0%{opacity:0;transform:translateY(-14px)scale(.96)}}@media (prefers-reduced-motion:reduce){.achievement-toast{animation:none}.achievement-toast.is-leaving{transform:none}}.c4-sr,.c4-sr-focus:not(:focus-within){clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.c4-sr-focus:focus-within{border:1px solid var(--line-strong);background:#0e1218e6;border-radius:16px;margin-bottom:8px;padding:8px;position:relative}.c4-menu{-webkit-backdrop-filter:blur(3px);pointer-events:auto;background:radial-gradient(#05070a80,#05070ad1);place-items:center;padding:24px 16px 60px;animation:.4s both c4-fade;display:grid;position:absolute;inset:0;overflow-y:auto}.c4-card{border:1px solid var(--line-strong);text-align:center;background:#11151bf0;border-radius:26px;gap:18px;width:min(480px,100%);padding:28px;animation:.5s cubic-bezier(.2,.9,.25,1.15) both c4-pop;display:grid;box-shadow:0 30px 90px #0000008c}.c4-card h2{margin-top:-8px;font-size:clamp(1.6rem,4.6vw,2rem)}.c4-card>p{margin-top:-8px;font-size:.94rem}.c4-field{text-align:left;gap:8px;display:grid}.c4-label{font:600 .72rem var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.c4-seg{gap:8px;display:grid}.c4-seg-2{grid-template-columns:1fr 1fr}.c4-seg-3{grid-template-columns:repeat(3,1fr)}.c4-seg button{background:var(--surface-2);border:1.5px solid var(--line-strong);min-height:52px;color:var(--text);text-align:center;border-radius:14px;align-content:center;justify-items:center;gap:2px;padding:10px 12px;transition:border-color .15s,background-color .15s,transform .15s;display:grid}.c4-seg button strong{font:700 .95rem var(--font-display)}.c4-seg button small{color:var(--muted);font-size:.72rem;line-height:1.3}.c4-seg button.is-on{border-color:var(--lime);background:var(--lime-soft);box-shadow:0 0 0 3px #c4f35b1f}@media (hover:hover) and (pointer:fine){.c4-seg button:not(.is-on):hover{background:var(--surface-3);transform:translateY(-1px)}}.c4-note{min-height:1.2em;color:var(--muted);font-size:.8rem}.c4-start{width:100%;min-height:52px;font-size:1rem}.c4-keys{color:var(--faint);text-align:center;font-size:.74rem}.c4-top{top:calc(14px + env(safe-area-inset-top));justify-items:center;gap:6px;width:min(560px,100% - 24px);display:grid;position:absolute;left:50%;transform:translate(-50%)}.c4-players{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.c4-player{border:1.5px solid var(--line);-webkit-backdrop-filter:blur(12px);opacity:.72;background:#0e1218c7;border-radius:18px;align-items:center;gap:10px;min-width:0;padding:8px 14px;transition:opacity .25s,border-color .25s,box-shadow .25s,transform .25s;display:flex}.c4-player.is-p2{text-align:right;flex-direction:row-reverse}.c4-player .game-dot{width:22px;height:22px}.c4-face{object-fit:cover;background:#ffffff0f;border:2.5px solid #ff5a5f;border-radius:50%;flex:none;width:38px;height:38px;margin:-4px 0}.c4-face.is-p2{border-color:#ffd84d}.c4-player-text{flex:1;min-width:0}.c4-player strong{text-overflow:ellipsis;white-space:nowrap;font:700 .95rem/1.2 var(--font-display);letter-spacing:-.02em;display:block;overflow:hidden}.c4-player small{min-height:1.2em;color:var(--muted);font-size:.74rem;display:block}.c4-player b{font:700 1.6rem/1 var(--font-display);font-variant-numeric:tabular-nums}.c4-player.is-active{opacity:1;transform:translateY(2px)}.c4-player.is-p1.is-active,.c4-player.is-p1.is-winner{border-color:#ff7a7e;box-shadow:0 0 0 3px #e5484d38,0 10px 40px #e5484d4d}.c4-player.is-p2.is-active,.c4-player.is-p2.is-winner{border-color:#ffd84d;box-shadow:0 0 0 3px #ffcf3a33,0 10px 40px #ffcf3a42}.c4-player.is-winner{opacity:1;animation:.8s 2 c4-bounce}.c4-player.is-active .game-dot{animation:1.2s ease-in-out infinite c4-beat}.c4-move{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);text-shadow:0 1px 8px #000c;font-size:.72rem}.c4-thinking i{background:currentColor;border-radius:50%;width:4px;height:4px;margin-left:3px;animation:1s infinite c4-dot;display:inline-block}.c4-thinking i:nth-child(2){animation-delay:.15s}.c4-thinking i:nth-child(3){animation-delay:.3s}.c4-dock{left:50%;bottom:calc(54px + env(safe-area-inset-bottom));justify-items:center;gap:8px;width:min(560px,100% - 24px);display:grid;position:absolute;transform:translate(-50%)}.c4-dock .game-columns{width:100%}.c4-toolbar{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(14px);background:#0e1218d1;border-radius:20px;justify-content:center;gap:6px;padding:6px;display:flex}.c4-tool{min-height:44px;color:var(--text);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:.84rem;font-weight:600;transition:background-color .15s,opacity .15s;display:inline-flex}.c4-tool:disabled{opacity:.38;cursor:not-allowed}@media (hover:hover) and (pointer:fine){.c4-tool:not(:disabled):hover{background:#ffffff17}}.c4-tool[aria-pressed=true]{color:var(--muted)}.c4-dock .c4-keys{text-shadow:0 1px 8px #000000e6}.c4-dock:has(.c4-result-bar){width:min(780px,100% - 24px)}.c4-result-text{min-width:160px}.c4-result-bar{-webkit-backdrop-filter:blur(16px);background:#0e1218f0;border:1.5px solid #c4f35b73;border-radius:22px;align-items:center;gap:14px;width:100%;padding:12px 12px 12px 18px;animation:.5s cubic-bezier(.2,.9,.25,1.2) both c4-pop;display:flex;box-shadow:0 20px 70px #0009}.c4-result-bar.is-p1{border-color:#ff7a7e;box-shadow:0 20px 70px #0009,0 0 60px #e5484d47}.c4-result-bar.is-p2{border-color:#ffd84d;box-shadow:0 20px 70px #0009,0 0 60px #ffcf3a3d}.c4-result-bar .game-dot{width:30px;height:30px;animation:1s ease-in-out infinite c4-beat}.c4-result-text{text-align:left;flex:1;min-width:0}.c4-result-text h2{font-size:1.4rem;line-height:1.15}.c4-result-text p{font-size:.8rem;line-height:1.35}.c4-result-actions{flex:none;gap:8px;display:flex}.game-panel.chess-panel{bottom:calc(56px + env(safe-area-inset-bottom))}.game-footnote.chess-footnote{top:calc(12px + env(safe-area-inset-top));padding:0 16px;bottom:auto}.game-result.chess-result{width:max-content;max-width:calc(100% - 24px)}@media (width>=641px){.game-result.chess-result .hs-end-actions{flex-wrap:nowrap}}@media (width>=1000px) and (aspect-ratio>=4/3){.game-panel.chess-panel{left:calc(20px + env(safe-area-inset-left));grid-template-columns:1fr;justify-items:stretch;gap:12px;width:272px;padding:16px;top:50%;bottom:auto;transform:translateY(-50%)}.chess-panel .game-note{text-align:left;line-height:1.6}.chess-panel .chess-captured{flex-direction:column;justify-content:flex-start;gap:4px;min-height:0}.chess-panel .chess-captured:not(:has(i)){display:none}.chess-panel .game-actions .btn{flex:1}}@media (width<=640px){.game-panel.chess-panel{bottom:calc(54px + env(safe-area-inset-bottom))}.game-result.chess-result{top:calc(8px + env(safe-area-inset-top));white-space:normal;border-radius:22px;flex-wrap:wrap;justify-content:center;padding:10px 12px}}@keyframes c4-fade{0%{opacity:0}to{opacity:1}}@keyframes c4-pop{0%{opacity:0;transform:translateY(14px)scale(.94)}to{opacity:1;transform:none}}@keyframes c4-beat{50%{transform:scale(1.18)}}@keyframes c4-bounce{30%{transform:translateY(-8px)scale(1.04)}60%{transform:translateY(1px)}}@keyframes c4-dot{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.c4-card,.c4-result-bar,.c4-menu,.c4-player,.c4-player .game-dot,.c4-result-bar .game-dot,.c4-thinking i{animation:none}}@media (width<=640px){.c4-top{top:calc(10px + env(safe-area-inset-top))}.c4-player{gap:8px;padding:7px 10px}.c4-player b{font-size:1.3rem}.c4-tool{flex-direction:column;flex:1;gap:2px;min-height:50px;padding:0 10px;font-size:.68rem}.c4-toolbar{width:100%}.c4-dock .c4-keys{display:none}.c4-card{padding:22px 18px}.c4-result-bar{flex-wrap:wrap;padding:12px 14px}.c4-result-text{flex-basis:calc(100% - 50px)}.c4-result-actions{flex-wrap:wrap;align-items:center;width:100%}.c4-result-actions .btn,.c4-result-actions .hs-end-actions{flex:100%}.c4-result-actions .hs-end-actions .hs-btn{flex:1 1 0}.c4-player strong{font-size:.86rem}}.announcement{border-bottom:1px solid var(--line);justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-size:.9rem;line-height:1.4;display:flex}.announcement p{text-align:center;color:inherit;flex:0 auto}.announcement svg{flex:none}.announcement-info{color:#cdeeff;background:#62cbff1f}.announcement-warn{color:#ffe6ab;background:#ffcd5724}.announcement-good{color:#e3fbb4;background:#c4f35b24}.announcement-close{width:28px;height:28px;color:inherit;opacity:.7;border-radius:50%;flex:none;place-items:center;margin-left:4px;display:grid}.announcement-close:hover{opacity:1;background:#ffffff1f}.boot-wait{min-height:100svh}.lock{background:radial-gradient(50% 45% at 50% 22%, #2b3f8c6b, transparent 70%), var(--bg);place-items:center;min-height:100svh;padding:40px 16px;display:grid}.lock-card{text-align:center;justify-items:center;gap:14px;width:min(100%,560px);display:grid}.lock-card .hop-next-art{width:min(100%,300px);margin:6px 0 0}.lock-card h1{font-size:clamp(2rem,6vw,3.2rem)}.lock-card .lead{max-width:30em}.lock-signed-in{justify-items:center;gap:12px;margin-top:8px;display:grid}.lock-signed-in p{max-width:32em;color:var(--muted);font-size:.92rem;line-height:1.6}.lock-signed-in strong{color:var(--text)}.lock-about{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);text-align:left;margin-top:20px;padding:22px 24px}.lock-about h2{margin-bottom:8px;font-size:1.1rem}.lock-about p{color:var(--muted);font-size:.94rem;line-height:1.65}.lock .legal-links{justify-content:center;margin-top:14px}.adm-shell{width:min(1280px,100% - 48px);margin-inline:auto;padding-block:26px 96px}.adm-main{min-width:0;padding-top:26px}.adm-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;display:flex}.adm-title{align-items:center;gap:12px;min-width:0;display:flex}.adm-title-icon{width:42px;height:42px;color:var(--lime);background:#c4f35b1f;border-radius:14px;flex:none;place-items:center;display:grid}.adm-title>div{gap:2px;min-width:0;display:grid}.adm-title strong{font:800 1.45rem/1.1 var(--font-display);letter-spacing:-.03em}.adm-title small{min-width:0;color:var(--faint);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;font-size:.78rem;display:flex;overflow:hidden}.adm-title small svg{color:var(--gold);flex:none}.adm-status{flex-wrap:wrap;gap:8px;display:flex}.adm-status-chip{border:1px solid var(--line-strong);background:var(--surface);min-height:32px;color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:.8rem;font-weight:600;transition:border-color .15s,background-color .15s;display:inline-flex}.adm-status-chip:hover{background:var(--surface-2)}.adm-status-chip.is-good{color:var(--lime);border-color:#c4f35b4d}.adm-status-chip.is-warn{color:var(--gold);background:linear-gradient(var(--gold-soft), var(--gold-soft)), var(--surface);border-color:#ffcd5766}.adm-status-chip.is-season{color:#ffb36b;background:linear-gradient(#ff8c321f, #ff8c321f), var(--surface);border-color:#ff963c66}.adm-nav{top:var(--header-h);z-index:20;background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:saturate(1.3)blur(14px);border-bottom:1px solid var(--line);margin:20px -12px 0;padding:8px 12px 0;position:sticky}.adm-cats,.adm-tabs{scrollbar-width:none;gap:4px;display:flex;position:relative;overflow-x:auto}.adm-cats::-webkit-scrollbar{display:none}.adm-tabs::-webkit-scrollbar{display:none}.adm-cat{min-height:42px;color:var(--muted);white-space:nowrap;border-radius:12px;flex:none;align-items:center;gap:8px;padding:0 14px;font-size:.9rem;font-weight:600;transition:color .15s,background-color .15s;display:inline-flex;position:relative}.adm-cat svg{color:var(--faint);transition:color .15s}.adm-cat:hover{color:var(--text);background:#ffffff0d}.adm-cat.is-active{color:var(--text);background:#c4f35b1a}.adm-cat.is-active svg{color:var(--lime)}.adm-cat:focus-visible,.adm-tab:focus-visible{outline:2px solid var(--lime);outline-offset:-2px}.adm-cat-dot{background:var(--gold);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #ffcd572e}.adm-tabs{border-top:1px solid var(--line);margin-top:8px}.adm-tab{min-height:44px;color:var(--muted);white-space:nowrap;flex:none;align-items:center;gap:7px;padding:0 12px;font-size:.86rem;font-weight:600;transition:color .15s;display:inline-flex;position:relative}.adm-tab:hover,.adm-tab.is-active{color:var(--text)}.adm-tab.is-active:after{content:"";background:var(--lime);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:12px;right:12px}.adm-cats{padding-bottom:8px}.adm-nav-badge{background:var(--surface-3);color:var(--muted);border-radius:999px;flex:none;padding:1px 7px;font-size:.68rem;font-style:normal;font-weight:700;line-height:1.6}.adm-nav-badge.is-warn{background:var(--gold-soft);color:var(--gold)}.adm-nav-badge.is-good{background:var(--lime-soft);color:var(--lime)}.adm-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;display:flex}.adm-head>div:first-child{flex:360px;min-width:0}.adm-head h1{font:800 clamp(1.55rem, 2.6vw, 2rem)/1.1 var(--font-display);letter-spacing:-.03em}.adm-head p{max-width:72ch;color:var(--muted);margin-top:8px;font-size:.92rem;line-height:1.55}.adm-head-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.adm-alerts{gap:8px;margin-bottom:18px;display:grid}.adm-alert{background:var(--gold-soft);width:100%;color:var(--gold);text-align:left;border:1px solid #ffcd5752;border-radius:12px;align-items:center;gap:9px;padding:9px 14px;font-size:.84rem;font-weight:600;display:flex}.adm-alert:hover{border-color:#ffcd5799}.adm-banner{background:var(--gold-soft);color:var(--gold);border:1px solid #ffcd5759;border-radius:14px;align-items:center;gap:10px;padding:12px 16px;font-size:.88rem;line-height:1.45;display:flex}.adm-banner svg{flex:none}.adm-stack{gap:18px;display:grid}.adm-grid{grid-template-columns:1.35fr 1fr;align-items:start;gap:18px;display:grid}.adm-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;min-width:0;padding:20px 22px}.adm-card-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.adm-card-head h2{font:800 1.08rem/1.25 var(--font-display);letter-spacing:-.02em;align-items:center;gap:8px;display:flex}.adm-card-head p{max-width:64ch;color:var(--muted);margin-top:5px;font-size:.85rem;line-height:1.5}.adm-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.adm-stat{border:1px solid var(--line);background:var(--surface);border-radius:14px;align-content:start;gap:4px;min-width:0;padding:14px 16px;display:grid}.adm-stat span{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-size:.7rem;font-weight:700}.adm-stat strong{font:800 1.65rem/1.15 var(--font-display);letter-spacing:-.03em;overflow-wrap:anywhere}.adm-stat small{color:var(--faint);font-size:.78rem;font-weight:600}.adm-stat.is-good strong{color:var(--lime)}.adm-stat.is-warn strong{color:var(--gold)}.adm-stat.is-bad strong{color:var(--danger)}.adm-stats.is-strip{border:1px solid var(--line);background:var(--surface);border-radius:20px;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:0;overflow:hidden}.adm-stats.is-strip .adm-stat{box-shadow:-1px 0 0 var(--line);background:0 0;border:0;border-radius:0;padding:16px 18px}.adm-actions{flex-wrap:wrap;gap:8px;display:flex}.adm-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.adm-hint{color:var(--faint);font-size:.78rem}.adm-note{color:var(--faint);font-size:.84rem;line-height:1.55}.adm-note b{color:var(--muted)}.adm-link{color:var(--lime);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;padding:0;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;display:inline}.adm-danger{color:#ffb3ab}.adm-danger:hover:not(:disabled){color:var(--danger);border-color:#ff8a8080}.btn-ghost:hover:not(:disabled){color:var(--text);background:#ffffff0f}.adm-pill{border:1px solid var(--line-strong);color:var(--muted);white-space:nowrap;vertical-align:middle;background:#ffffff0a;border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-size:.72rem;font-weight:600;line-height:1.6;display:inline-flex}.adm-pill.is-good{color:var(--lime);background:var(--lime-soft);border-color:#c4f35b59}.adm-pill.is-warn{color:var(--gold);background:var(--gold-soft);border-color:#ffcd5766}.adm-pill.is-bad{color:var(--danger);background:#ff8a801a;border-color:#ff8a8066}.adm-pill.is-lilac{color:var(--lilac);background:#aba7f81f;border-color:#aba7f866}.adm-pills{flex-wrap:wrap;gap:4px;display:flex}.adm-tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.adm-tile{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:14px;grid-template-columns:auto 1fr auto;grid-template-areas:"icon label go""icon state go";align-content:center;align-items:center;gap:2px 12px;padding:13px 14px;transition:border-color .15s,background-color .15s;display:grid}.adm-tile>svg:first-child{color:var(--faint);grid-area:icon}.adm-tile span{color:var(--faint);grid-area:label;font-size:.74rem;font-weight:600}.adm-tile strong{grid-area:state;font-size:.98rem}.adm-tile-go{color:var(--faint);transition:transform .2s var(--ease-out);grid-area:go}.adm-tile:hover{border-color:var(--line-strong);background:var(--surface-2)}.adm-tile:hover .adm-tile-go{color:var(--text);transform:translate(3px)}.adm-tile.is-good strong,.adm-tile.is-good>svg:first-child{color:var(--lime)}.adm-tile.is-warn{border-color:#ffcd5759}.adm-tile.is-warn strong,.adm-tile.is-warn>svg:first-child{color:var(--gold)}.adm-attention{margin:0;padding:0;list-style:none;display:grid}.adm-attention li{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;font-size:.9rem;display:flex}.adm-attention li:first-child{padding-top:0}.adm-attention li:last-child{border-bottom:0;padding-bottom:0}.adm-attention svg{color:var(--gold);flex:none}.adm-attention span{flex:1}.adm-kv{margin:0;padding:0;list-style:none;display:grid}.adm-kv li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:9px 0;font-size:.9rem;display:flex}.adm-kv li:last-child{border-bottom:0}.adm-kv-empty{color:var(--faint)}.adm-chart{align-items:flex-end;gap:6px;height:170px;padding-top:8px;display:flex}.adm-chart-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;min-width:0;height:100%;display:flex}.adm-chart-col b{color:var(--muted);min-height:1em;font-size:.72rem;font-weight:600}.adm-chart-col i{background:linear-gradient(180deg, var(--lime), #8dc12f);border-radius:7px 7px 3px 3px;width:100%;max-width:32px;display:block}.adm-chart-col span{color:var(--faint);font-size:.64rem}.adm-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;margin-bottom:14px;display:flex}.adm-search{flex:240px;max-width:340px;margin:0;display:block;position:relative}.adm-search>svg{color:var(--faint);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.adm-search input{border:1px solid var(--line-strong);background:var(--bg-soft);width:100%;min-height:38px;color:var(--text);border-radius:999px;margin:0;padding:6px 34px 6px 36px;font-size:.88rem}.adm-search input::-webkit-search-cancel-button{display:none}.adm-search input:focus{outline:2px solid var(--lime);outline-offset:1px;border-color:#0000}.adm-search-clear{width:26px;height:26px;color:var(--faint);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.adm-search-clear:hover{color:var(--text);background:#ffffff14}.adm-filters{flex-wrap:wrap;gap:5px;display:flex}.adm-filters button{border:1px solid var(--line);min-height:32px;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:.8rem;font-weight:500;display:inline-flex}.adm-filters button:hover:not(.is-active){color:var(--text);background:#ffffff0d}.adm-filters button.is-active{background:var(--text);color:var(--bg);border-color:#0000;font-weight:600}.adm-filters button span{opacity:.65;font-size:.7rem;font-weight:700}.adm-filters button:focus-visible,.adm-seg button:focus-visible{outline:2px solid var(--lime);outline-offset:1px}.adm-select{border:1px solid var(--line-strong);background:var(--bg-soft);min-height:36px;color:var(--text);border-radius:10px;padding:0 10px;font-size:.86rem}.adm-pager{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-top:14px;padding-top:14px;display:flex}.adm-pager-count{color:var(--faint);font-size:.82rem}.adm-pager-count b{color:var(--text);font-weight:600}.adm-pager-pages{align-items:center;gap:3px;display:flex}.adm-pager-pages button{min-width:34px;height:34px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:10px;place-items:center;padding:0 8px;font-size:.84rem;font-weight:600;display:grid}.adm-pager-pages button:hover:not(:disabled):not(.is-current){color:var(--text);background:#ffffff12}.adm-pager-pages button.is-current{background:var(--lime);color:var(--ink)}.adm-pager-pages button:disabled{opacity:.3;cursor:default}.adm-pager-pages button:focus-visible{outline:2px solid var(--lime);outline-offset:1px}.adm-pager-gap{color:var(--faint);padding:0 4px}.adm-pager-size{color:var(--faint);align-items:center;gap:8px;margin:0;font-size:.8rem;font-weight:500;display:flex}.adm-pager-size select{border:1px solid var(--line-strong);background:var(--bg-soft);min-height:34px;color:var(--text);border-radius:10px;padding:0 8px;font-size:.84rem}.adm-skeleton{gap:8px;padding:4px 0;display:grid}.adm-skeleton i{background:linear-gradient(90deg, var(--surface-2) 20%, var(--surface-3) 50%, var(--surface-2) 80%);background-size:220% 100%;border-radius:12px;height:42px;animation:1.3s linear infinite adm-shimmer;display:block}.adm-skeleton i:nth-child(2n){opacity:.7}@keyframes adm-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.adm-list-body{transition:opacity .2s}.adm-list-body.is-stale{opacity:.55}.adm-empty{text-align:center;color:var(--faint);justify-items:center;gap:8px;padding:34px 12px;font-size:.9rem;display:grid}.adm-error{color:#ffc4be;background:#ff8a8014;border:1px solid #ff8a804d;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;margin-bottom:12px;padding:12px 14px;font-size:.86rem;line-height:1.5;display:flex}.adm-error p{flex:280px}.adm-table-wrap{margin:0 -6px;padding:0 6px;overflow-x:auto}.adm-table{border-collapse:collapse;width:100%;min-width:680px;font-size:.88rem}.adm-table th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);border-bottom:1px solid var(--line-strong);white-space:nowrap;padding:8px 10px;font-size:.68rem;font-weight:700}.adm-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:10px}.adm-table tbody tr:last-child td{border-bottom:0}.adm-table-click tbody tr{cursor:pointer}.adm-table tbody tr:hover td{background:#ffffff06}.adm-table tr.is-banned td:not(:last-child),.adm-table tr.is-faded td:not(:last-child){opacity:.6}.adm-table code{background:var(--surface-2);letter-spacing:.08em;border-radius:6px;padding:1px 6px;font-size:.86em}.adm-td-actions{text-align:right;white-space:nowrap}.adm-td-actions .btn+.btn{margin-left:6px}.adm-user{align-items:center;gap:11px;min-width:0;display:flex}.adm-user strong,.adm-cell strong{font-size:.92rem;display:block}.adm-user em{color:var(--faint);font-style:normal;font-weight:400}.adm-user span,.adm-cell span{color:var(--faint);overflow-wrap:anywhere;font-size:.78rem;display:block}.adm-cell{min-width:0;display:block}.adm-clip{text-overflow:ellipsis;white-space:nowrap;max-width:300px;color:var(--muted);display:block;overflow:hidden}.adm-dot{background:var(--green);border-radius:50%;width:8px;height:8px;margin-left:8px;display:inline-block;box-shadow:0 0 0 3px #58d68d2e}.adm-rows{margin:0;padding:0;list-style:none;display:grid}.adm-rows li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:12px 0;display:flex}.adm-rows li:last-child{border-bottom:0}.adm-rows li>div:first-child{gap:3px;min-width:0;display:grid}.adm-rows strong{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:6px;font-size:.92rem;display:flex}.adm-rows span{color:var(--faint);overflow-wrap:anywhere;font-size:.8rem}.adm-revenue strong svg{color:var(--lime)}.adm-hidden-msg{opacity:.6;text-decoration:line-through}.adm-audit{margin:0;padding:0;list-style:none;display:grid}.adm-audit li{border-bottom:1px solid var(--line);grid-template-columns:92px 1fr;gap:14px;padding:11px 0;font-size:.88rem;display:grid}.adm-audit li:last-child{border-bottom:0}.adm-audit time{color:var(--faint);padding-top:2px;font-size:.78rem}.adm-audit em{color:var(--muted);overflow-wrap:anywhere;font-style:normal}.adm-audit span{overflow-wrap:anywhere}.adm-audit small{color:var(--faint);margin-top:3px;font-size:.74rem;display:block}.adm-audit small code{opacity:.8;font-size:.92em}.adm-form{gap:2px;max-width:640px;display:grid}.admin form textarea{border:1px solid var(--line-strong);background:var(--bg-soft);width:100%;color:var(--text);font:400 .95rem/1.5 var(--font-body);resize:vertical;border-radius:14px;margin-top:8px;padding:12px 14px;display:block}.admin form textarea:focus{outline:2px solid var(--lime);outline-offset:1px;border-color:#0000}.admin form :disabled{opacity:.6;cursor:not-allowed}.adm-preview{border:1px solid var(--line);border-radius:12px;margin:6px 0 16px}.adm-add{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;margin-bottom:18px;padding-bottom:18px;display:grid}.adm-add label{margin-bottom:0}.adm-add input{min-height:42px;padding:8px 12px}.adm-add .btn{min-height:42px}.adm-switch{background:var(--surface-3);border:1px solid var(--line-strong);border-radius:999px;flex:none;width:46px;height:26px;transition:background-color .2s;position:relative}.adm-switch i{background:var(--paper);width:20px;height:20px;transition:transform .25s var(--ease-hop);border-radius:50%;position:absolute;top:2px;left:2px}.adm-switch.is-on{background:var(--lime);border-color:#0000}.adm-switch.is-on i{background:var(--ink);transform:translate(20px)}.adm-switch:disabled{opacity:.45;cursor:not-allowed}.adm-switch:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.adm-inline{color:var(--muted);white-space:nowrap;align-items:center;gap:12px;margin:0;font-size:.86rem;font-weight:600;display:inline-flex}.adm-feature-groups{columns:2 340px;column-gap:16px}.adm-feature-groups>.adm-card{break-inside:avoid;margin-bottom:16px}.adm-feature-groups .adm-card-head{margin-bottom:4px}.adm-features{margin:0;padding:0;list-style:none;display:grid}.adm-features li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.adm-features li:last-child{border-bottom:0;padding-bottom:0}.adm-features li>div{gap:3px;min-width:0;display:grid}.adm-features strong{align-items:center;gap:8px;font-size:.92rem;display:flex}.adm-features span{color:var(--faint);font-size:.8rem;line-height:1.45}.adm-games{gap:8px;margin:0;padding:0;list-style:none;display:grid}.adm-game{border:1px solid var(--line);background:var(--bg-soft);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;padding:12px 14px;display:flex}.adm-game.is-off{border-style:dashed}.adm-game.is-maintenance{border-color:#ffcd5773}.adm-game-main{flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0;display:flex}.adm-game-main strong{font-size:1rem}.adm-game-main>span:not(.adm-pill){color:var(--faint);font-size:.8rem}.adm-game-controls{flex:280px;justify-content:flex-end;align-items:center;gap:14px;display:flex}.adm-game-controls input,.adm-game-maint input{border:1px solid var(--line-strong);background:var(--surface);min-width:0;max-width:340px;min-height:36px;color:var(--text);border-radius:10px;flex:1;padding:6px 12px;font-size:.85rem}.adm-game-maint{border-top:1px solid var(--line);flex:100%;align-items:center;gap:10px;padding-top:10px;display:flex}.adm-game-maint input{max-width:none}.adm-chat{margin:0;padding:0;list-style:none;display:grid}.adm-chat li{border-bottom:1px solid var(--line);grid-template-columns:80px minmax(0,1fr) auto;align-items:start;gap:12px;padding:10px 0;font-size:.9rem;display:grid}.adm-chat li:last-child{border-bottom:0}.adm-chat time{color:var(--faint);padding-top:2px;font-size:.76rem}.adm-chat-from{color:var(--text);margin-right:8px;padding:0;font-weight:700}.adm-chat-from:hover{color:var(--lime)}.adm-chat-text{color:var(--muted);overflow-wrap:anywhere;line-height:1.5}.adm-chat-text svg{vertical-align:-1px;color:var(--lilac)}.adm-chat-actions{gap:2px;display:flex}.adm-chat-actions .btn-xs,.adm-sub-row~* .btn-xs{padding:0 9px}.adm-door{border:1px solid var(--line-strong);background:var(--surface);border-radius:20px;flex-wrap:wrap;align-items:center;gap:14px 18px;padding:20px 22px;display:flex}.adm-door>svg{color:var(--faint);flex:none}.adm-door>div{flex:260px}.adm-door h2{font:800 1.25rem/1.2 var(--font-display);letter-spacing:-.02em}.adm-door p{color:var(--muted);margin-top:4px;font-size:.88rem}.adm-door.is-open{background:linear-gradient(100deg, var(--lime-soft), transparent 60%), var(--surface);border-color:#c4f35b66}.adm-door.is-open>svg{color:var(--lime)}.adm-subs{margin:0;padding:0;list-style:none;display:grid}.adm-subs>li{border-bottom:1px solid var(--line)}.adm-subs>li:last-child{border-bottom:0}.adm-sub-row{text-align:left;border-radius:10px;grid-template-columns:minmax(0,1fr) auto 84px 18px;align-items:center;gap:12px;width:100%;padding:11px 6px;display:grid}.adm-sub-row:hover{background:#ffffff08}.adm-sub-row time{color:var(--faint);text-align:right;font-size:.78rem}.adm-sub-chev{color:var(--faint);transition:transform .2s}.is-open .adm-sub-chev{transform:rotate(180deg)}.adm-sub-detail{gap:12px;padding:4px 6px 12px;display:grid}.adm-sub-detail .btn{justify-self:start}.adm-sub-tagline{font-weight:600}.adm-sub-desc{white-space:pre-wrap;max-height:180px;color:var(--muted);font-size:.88rem;line-height:1.55;overflow:auto}.adm-sub-dev{margin:0 6px 14px;font-size:.84rem;display:block}.adm-history{color:var(--muted);gap:4px;margin:0;padding:0;font-size:.8rem;list-style:none;display:grid}.adm-history time{color:var(--faint)}.adm-explain{border:1px dashed var(--line-strong);border-radius:16px;gap:10px;padding:16px 18px;display:grid}.adm-explain p{color:var(--muted);gap:10px;font-size:.86rem;line-height:1.5;display:flex}.adm-explain svg{color:var(--lilac);flex:none;margin-top:2px}.adm-explain b{color:var(--text)}.modal.adm-drawer{border-right:0;border-radius:22px 0 0 22px;width:min(560px,100%);max-width:100%;height:100svh;max-height:100svh;margin:0 0 0 auto}.modal.adm-drawer[open]{animation:adm-drawer-in .3s var(--ease-out)}@keyframes adm-drawer-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}.adm-drawer-body{gap:18px;padding:26px 26px 48px;display:grid}.adm-drawer-head{align-items:center;gap:16px;padding-right:44px;display:flex}.adm-drawer-head>div{min-width:0}.adm-drawer-head h2{font:800 1.4rem/1.2 var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere}.adm-drawer-head h2 em{color:var(--faint);font-size:.8em;font-style:normal;font-weight:500}.adm-drawer-head p{color:var(--faint);overflow-wrap:anywhere;margin-top:2px;font-size:.86rem}.adm-drawer-head .adm-pills{margin-top:8px}.adm-profile-link{justify-self:start}.adm-facts{border:1px solid var(--line);background:var(--line);border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;display:grid;overflow:hidden}.adm-facts>div{background:var(--bg-soft);min-width:0;padding:9px 12px}.adm-facts dt{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-size:.66rem;font-weight:700}.adm-facts dd{overflow-wrap:anywhere;margin:3px 0 0;font-size:.88rem;font-weight:600}.adm-facts dd small{color:var(--faint);font-weight:400}.adm-facts a{color:var(--lime)}.adm-block{border-top:1px solid var(--line);padding-top:16px}.adm-block h3{font:700 .7rem var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:10px}.adm-block.is-danger h3{color:var(--danger)}.adm-block.is-danger .adm-note{margin-bottom:10px}.adm-state-line{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;font-size:.86rem;display:flex}.adm-mute,.adm-grant{gap:10px;display:grid}.adm-mute label,.adm-grant label,.adm-confirm label{margin-bottom:0}.adm-mute input,.adm-grant input,.adm-grant select,.adm-confirm label input{border-radius:12px;min-height:40px;margin-top:6px;padding:8px 12px;font-size:.9rem}.adm-mute .btn,.adm-grant .btn{justify-self:start}.adm-grant{grid-template-columns:150px minmax(0,1fr);align-items:end;margin-top:4px}.adm-grant .btn{grid-column:1/-1}.adm-seg{border:1px solid var(--line);background:var(--bg-soft);border-radius:12px;flex-wrap:wrap;justify-self:start;gap:3px;padding:3px;display:inline-flex}.adm-seg button{color:var(--muted);border-radius:9px;padding:6px 11px;font-size:.8rem;font-weight:600}.adm-seg button:hover:not(.is-active){color:var(--text)}.adm-seg button.is-active{background:var(--surface-3);color:var(--text)}.adm-confirm .modal-body{padding:26px 26px 22px}.adm-confirm .modal-body h2{font:800 1.3rem/1.25 var(--font-display);letter-spacing:-.02em;margin:0;padding-right:36px}.adm-confirm-icon{width:40px;height:40px;color:var(--danger);background:#ff8a801f;border-radius:12px;place-items:center;margin-bottom:12px;display:grid}.adm-confirm-body{color:var(--muted);margin:10px 0 16px;font-size:.92rem;line-height:1.55}.adm-confirm label b{color:var(--text);font-weight:700}.adm-confirm-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.adm-confirm .adm-note{margin:6px 0 14px}.adm-grant-modal{width:min(520px,100% - 32px)}.adm-grant-modal .adm-picked{margin-top:14px}.adm-grant-modal .adm-search{max-width:none;margin-bottom:12px}.adm-pick{gap:2px;margin:0;padding:0;list-style:none;display:grid}.adm-pick button{text-align:left;border-radius:12px;align-items:center;gap:10px;width:100%;padding:8px;display:flex}.adm-pick button:hover,.adm-pick button:focus-visible{background:var(--surface-2)}.adm-pick-text{text-align:left;flex:1;min-width:0;display:grid}.adm-pick small,.adm-picked small{color:var(--faint);overflow-wrap:anywhere;font-size:.78rem}.adm-pick-pages{justify-content:space-between;margin-top:8px}.adm-picked{background:var(--bg-soft);border-radius:14px;align-items:center;gap:12px;margin-bottom:14px;padding:10px 12px;display:flex}.adm-picked>div{flex:1;min-width:0;display:grid}.adm-toast{max-width:min(440px,100vw - 32px);animation:adm-toast-in .3s var(--ease-out);border:0;border-radius:14px;margin:0;padding:12px 18px;font-size:.88rem;font-weight:600;line-height:1.45;position:fixed;inset:auto 24px 24px auto;box-shadow:0 18px 50px #05070c8c}.adm-toast.is-good{background:var(--lime);color:var(--ink)}.adm-toast.is-warn{color:#5a1610;background:#ffd9d4}@keyframes adm-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.adm-overlay-options{flex-wrap:wrap;align-items:flex-end;gap:18px;margin-bottom:10px}.adm-overlay-options>label:first-child{width:150px}.adm-form .adm-hint{margin:2px 0 12px;line-height:1.5}.adm-steps{color:var(--muted);gap:6px;margin:16px 0 0;padding-left:20px;font-size:.86rem;line-height:1.45;display:grid}.adm-steps strong{color:var(--text)}@media (width<=1100px){.adm-grid{grid-template-columns:1fr}}@media (width<=900px){.adm-shell{width:calc(100% - 32px);padding-top:18px}.adm-nav{margin-inline:-16px;padding-inline:10px}.adm-main{padding-top:20px}.adm-add{grid-template-columns:1fr}.adm-add .btn{justify-self:start}}@media (width<=700px){.adm-card{border-radius:16px;padding:16px}.adm-card-head{flex-direction:column}.adm-head-actions{width:100%}.adm-search{flex-basis:100%;max-width:none}.adm-filters{scrollbar-width:none;flex-wrap:nowrap;margin:0 -16px;padding:0 16px 2px;overflow-x:auto}.adm-pager{justify-content:center}.adm-pager-count{text-align:center;width:100%}.adm-audit li,.adm-chat li{grid-template-columns:1fr;gap:2px}.adm-chat-actions{justify-content:flex-start;margin-left:-8px}.adm-table-wrap{margin:0;padding:0;overflow:visible}.adm-table{min-width:0}.adm-table thead{display:none}.adm-table,.adm-table tbody,.adm-table tr,.adm-table td{display:block}.adm-table tr{border-bottom:1px solid var(--line);padding:12px 0}.adm-table tbody tr:last-child{border-bottom:0}.adm-table td{border:0;align-items:center;gap:10px;padding:3px 0;font-size:.84rem;display:flex}.adm-table td[data-label]:before{content:attr(data-label);letter-spacing:.06em;text-transform:uppercase;width:76px;color:var(--faint);flex:none;font-size:.7rem;font-weight:700}.adm-table tbody tr:hover td{background:0 0}.adm-td-actions{justify-content:flex-start;padding-top:8px!important}.adm-clip{white-space:normal;max-width:none}.adm-sub-row{grid-template-columns:minmax(0,1fr) auto}.adm-sub-row time,.adm-sub-chev{display:none}.adm-game-controls{justify-content:space-between}.adm-game-controls input{max-width:none}.adm-game-maint{flex-wrap:wrap}.adm-game-maint .btn{flex:100%}.adm-rows li{flex-wrap:wrap}.adm-drawer-body{padding:22px 18px 40px}.modal.adm-drawer{border-radius:0}.adm-grant{grid-template-columns:1fr}.adm-toast{max-width:none;inset:auto 16px 16px}}@media (prefers-reduced-motion:reduce){.adm-switch,.adm-switch i,.adm-tile-go,.adm-sub-chev{transition:none}.adm-skeleton i,.modal.adm-drawer[open],.adm-toast{animation:none}}.adm-payouts>li{flex-wrap:wrap}.adm-payout-side{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.adm-payout-history{color:var(--muted);flex-basis:100%;padding:10px 0 4px;font-size:.86rem}.adm-payout-history ul{gap:4px;margin:6px 0 12px;padding-left:18px;display:grid}.adm-rows .adm-payout-history li{border:0;padding:0;display:list-item}.adm-seasons{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.adm-season{border:1px solid var(--line-strong);background:var(--surface-2);text-align:left;transition:border-color .2s, transform .3s var(--ease-hop);border-radius:16px;align-content:start;gap:6px;padding:12px;display:grid}.adm-season:hover:not(:disabled){border-color:#f6f5ef52}.adm-season:active:not(:disabled){transform:scale(.98)}.adm-season[aria-checked=true]{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime) inset}.adm-season strong{align-items:center;gap:6px;font-size:.95rem;display:flex}.adm-season strong svg{color:var(--lime)}.adm-season>span:last-child{color:var(--muted);font-size:.82rem;line-height:1.45}.adm-season-art{border-radius:10px;align-items:flex-end;gap:6px;height:64px;margin-bottom:4px;padding:10px;display:flex;position:relative;overflow:hidden}.adm-season-art i{border-radius:6px;display:block}.adm-season.is-none .adm-season-art{background:radial-gradient(70% 90% at 80% 30%,#2b3f8cb3,#0000 70%),#141822}.adm-season.is-none .adm-season-art i{background:#c4f35b;width:26px;height:18px}.adm-season.is-none .adm-season-art i:nth-child(2){background:#aba7f8;height:30px}.adm-season.is-none .adm-season-art i:nth-child(3){background:#f6f5ef;height:12px}.adm-season.is-halloween .adm-season-art{background:radial-gradient(60% 90% at 82% 22%,#9646dc8c,#0000 70%),#0c0a10}.adm-season.is-halloween .adm-season-art i{background:radial-gradient(circle at 50% 60%,#ffd27a,#ff8a1f 55%,#c4520a);border-radius:45% 45% 40% 40%;width:28px;height:22px;box-shadow:0 0 14px #ff8a1f8c}.adm-season.is-halloween .adm-season-art i:nth-child(2){background:#efe3cf;border-radius:2px;width:8px;height:30px;box-shadow:0 -10px 10px -2px #ffc35ab3}.adm-season.is-halloween .adm-season-art i:nth-child(3){width:20px;height:15px}.presence-dot{background:var(--slate);border-radius:50%;flex-shrink:0;width:9px;height:9px;display:inline-block}.presence-dot.is-online{background:var(--lime);box-shadow:0 0 0 3px #c4f35b29}.presence-dot.is-lobby{background:var(--lilac);box-shadow:0 0 0 3px #aba7f82e}.presence-dot.is-playing{background:var(--gold);box-shadow:0 0 0 3px #ffcd5729}.presence-line{color:var(--faint);align-items:center;gap:7px;min-width:0;font-size:.78rem;display:inline-flex}.presence-line.is-online{color:#d7f59a}.presence-line.is-lobby{color:var(--lilac)}.presence-line.is-playing{color:var(--gold)}.person-text .presence-line .presence-dot{display:none}.person-list{display:grid}.person-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:60px;padding:10px 0;display:flex}.person-row:last-child{border-bottom:0}.person-avatar{flex-shrink:0;display:inline-grid;position:relative}.person-avatar>.presence-dot{border:2.5px solid var(--surface);width:13px;height:13px;box-shadow:none;position:absolute;bottom:-1px;right:-1px}.person-text{flex:1;gap:1px;min-width:0;display:grid}.person-text strong{white-space:nowrap;text-overflow:ellipsis;font-size:.94rem;font-weight:600;overflow:hidden}.person-text>span{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.person-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.person-list.is-dim .person-row strong{color:var(--muted)}.icon-btn-sm{width:34px;height:34px}.icon-btn:hover:not(:disabled){color:var(--text);background:#ffffff12}.friends-menu{position:relative}.friends-trigger{background:var(--surface-2);border:1px solid var(--line-strong);min-width:44px;height:44px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 12px;transition:color .18s,border-color .18s;display:inline-flex;position:relative}.friends-trigger:hover,.friends-trigger.is-open{color:var(--text);border-color:#c4f35b73}.friends-online{font:700 .78rem var(--font-body);color:var(--lime);align-items:center;gap:5px;display:inline-flex}.friends-online:before{content:"";background:var(--lime);border-radius:50%;width:7px;height:7px}.friends-badge{background:var(--gold);min-width:20px;height:20px;color:var(--gold-ink);font:800 .7rem/1 var(--font-body);border:2px solid var(--bg);border-radius:99px;place-items:center;padding:0 5px;display:grid;position:absolute;top:-5px;right:-5px}.friends-panel{z-index:60;width:360px;max-height:min(620px, calc(100svh - var(--header-h) - 24px));background:var(--surface-2);border:1px solid var(--line-strong);border-radius:22px;flex-direction:column;animation:.2s modal-in;display:flex;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 30px 80px #0000008c}.friends-panel .person-avatar>.presence-dot{border-color:var(--surface-2)}.friends-panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 12px;display:flex}.friends-panel-head strong{font:800 1.05rem var(--font-display);letter-spacing:-.02em}.friends-panel-head small{font:500 .78rem var(--font-body);color:var(--lime);letter-spacing:0;margin-left:6px}.friends-panel-body{overscroll-behavior:contain;padding:0 16px 10px;overflow-y:auto}.friends-panel-body .mini-heading{margin:14px 0 2px}.friends-panel-body .form-error{margin:10px 0 0}.friends-panel-note{color:var(--muted);padding:18px 16px;font-size:.88rem}.friends-more{margin:4px 0 6px;font-size:.84rem}.friends-empty{justify-items:start;gap:10px;padding:8px 0 6px;display:grid}.friends-empty p{font-size:.86rem}.friends-panel-foot{border-top:1px solid var(--line);color:var(--faint);background:#0000001f;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;font-size:.8rem;display:flex}.friend-code-chip{background:var(--bg-soft);border:1px solid var(--line-strong);letter-spacing:.08em;min-height:36px;color:var(--text);border-radius:10px;align-items:center;gap:8px;padding:0 12px;font:700 .9rem ui-monospace,Cascadia Code,Menlo,Consolas,monospace;display:inline-flex}.friend-code-chip svg{color:var(--lime)}.friends-signin{text-align:center;justify-items:center;gap:10px;padding:22px 18px 24px;display:grid}.friends-signin strong{font:800 1.1rem var(--font-display);letter-spacing:-.02em}.friends-signin p{max-width:30ch;font-size:.88rem}@media (width<=600px){.friends-menu{position:static}.friends-panel{left:12px;right:12px;top:calc(var(--header-h) + 6px);width:auto;position:fixed}}@media (width<=460px){.header-inner{gap:10px}.header-actions{gap:6px}.header-actions .header-create{border-radius:50%;width:40px;padding:0}.header-create>span{display:none}.friends-trigger{min-width:40px;height:40px;padding:0 9px}.friends-online{display:none}.account-trigger{min-height:40px;padding:2px}.account-trigger>svg{display:none}}@media (width<=400px){.site-header .brand .logo-lockup{width:auto;height:26px}}@media (width<=350px){.site-header .brand .logo-lockup{height:22px}.header-inner{gap:8px}.header-actions{gap:4px}}.social-toasts{z-index:95;top:calc(var(--header-h) + 12px);pointer-events:none;gap:10px;width:min(380px,100% - 32px);display:grid;position:fixed;right:16px}.social-toast{pointer-events:auto;background:var(--surface-3);border:1px solid var(--line-strong);animation:social-toast-in .35s var(--ease-hop) both;border-radius:18px;align-items:center;gap:12px;padding:14px;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 60px #0000008c}.social-toast.is-invite{background:linear-gradient(160deg, #c4f35b1a, transparent 55%), var(--surface-3);border-color:#c4f35b66;flex-wrap:wrap}.social-toast p{color:var(--text);flex:1;font-size:.88rem;line-height:1.4}.social-toast p strong{font-weight:700}.social-toast-text{flex:1;gap:3px;min-width:0;display:grid}.social-toast-text small{color:var(--faint);font-variant-numeric:tabular-nums;font-size:.76rem}.social-toast-error{color:var(--danger)!important}.social-toast-actions{gap:6px;width:100%;padding-left:52px;display:flex}.social-toast-actions .btn-primary{flex:1}.social-toast-icon{background:var(--lime-soft);width:34px;height:34px;color:var(--lime);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.social-toast-timer{background:var(--lime);border-radius:0 3px 3px 0;height:3px;transition:width 10s linear;position:absolute;bottom:0;left:0}.friends-open .social-toasts{display:none}.social-toasts.is-party{top:76px}.party-invites{z-index:95;pointer-events:none;gap:10px;width:min(620px,100% - 32px);display:grid;position:fixed;top:74px;left:50%;transform:translate(-50%)}@media (width>=901px){.party-invites{width:min(600px,100% - 480px);left:calc(50% - 210px)}}@media (width>=901px) and (width<=1180px){.party-invites{width:calc(100% - 400px);left:calc(50% - 180px)}}@media (width>=1360px){.party-invites{justify-items:center;width:auto;left:404px;right:440px;transform:none}.party-invite{width:min(620px,100%)}}.party-invite{pointer-events:auto;isolation:isolate;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:party-invite-in .45s var(--ease-hop) both;background:linear-gradient(100deg,#c4f35b29,#c4f35b0a 45%,#0000 75%),#141821eb;border:1px solid #c4f35b73;border-radius:20px;align-items:center;gap:14px;padding:14px 14px 14px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 70px #0009,0 0 0 4px #c4f35b0f}.party-invite-art{z-index:-1;object-fit:cover;opacity:.32;width:46%;height:100%;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 70%);mask-image:linear-gradient(90deg,#0000,#000 70%)}.party-invite-avatar{animation:party-invite-hop 1.6s var(--ease-hop) .5s 2;flex-shrink:0;display:grid;position:relative}.party-invite-avatar i{background:var(--lime);width:22px;height:22px;color:var(--lime-ink);border:2px solid var(--surface-3);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-4px;right:-4px}.party-invite-text{flex:1;gap:3px;min-width:0;display:grid}.party-invite-text p{color:var(--text);font-size:.95rem;line-height:1.35}.party-invite-text p strong{font-weight:700}.party-invite-text small{color:var(--faint);font-variant-numeric:tabular-nums;font-size:.76rem}.party-invite-text .party-invite-eyebrow{font:800 .68rem var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--lime)}.party-invite-actions{flex-shrink:0;gap:6px;display:flex}@keyframes party-invite-in{0%{opacity:0;transform:translateY(-18px)scale(.97)}to{opacity:1;transform:none}}@keyframes party-invite-hop{0%,40%,to{transform:none}20%{transform:translateY(-6px)}}@media (width<=900px){.party-invites{top:calc(8px + env(safe-area-inset-top));width:calc(100% - 24px)}.social-toasts.is-party{top:calc(8px + env(safe-area-inset-top))}}@media (width<=600px){.party-invite{flex-wrap:wrap;gap:12px;padding:12px}.party-invite-actions{width:100%}.party-invite-actions .btn{flex:1}}@media (prefers-reduced-motion:reduce){.party-invite,.party-invite-avatar{animation:none}}@keyframes social-toast-in{0%{opacity:0;transform:translate(24px)scale(.97)}to{opacity:1;transform:none}}@media (width<=600px){.social-toasts{width:auto;left:12px;right:12px;top:calc(var(--header-h) + 8px)}@keyframes social-toast-in{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}}.invite-friends-btn{position:relative}.invite-online{background:#14182224;border-radius:99px;align-items:center;gap:6px;margin-left:4px;padding:3px 9px;font-size:.74rem;font-weight:700;display:inline-flex}.invite-online i{background:var(--ink);border-radius:50%;width:7px;height:7px}.friend-action{border:1px solid var(--line-strong);background:var(--surface-2);min-height:30px;color:var(--text);white-space:nowrap;border-radius:99px;flex-shrink:0;align-items:center;gap:5px;margin-left:auto;padding:0 10px;font-size:.76rem;font-weight:600;display:inline-flex}button.friend-action:hover:not(:disabled){color:var(--lime);border-color:#c4f35b8c}.friend-action svg{color:var(--lime)}.friend-action.is-friend{color:var(--lime);background:var(--lime-soft);border-color:#c4f35b4d}.friend-action.is-pending{color:var(--faint);background:0 0}.friend-action.is-pending svg{color:var(--faint)}.player-list .friend-action~.host-crown,.player-list .friend-action~.ready{margin-left:4px}.modal.invite-drawer{flex-direction:column;width:min(440px,100% - 32px);display:flex;overflow:hidden}.modal.invite-drawer[open]{display:flex}.invite-drawer-head{border-bottom:1px solid var(--line);padding:26px 26px 14px}.invite-drawer-head h2{margin-top:8px;font-size:1.7rem}.invite-drawer-head p{margin-top:6px;font-size:.88rem}.invite-drawer-body{overscroll-behavior:contain;flex:1;min-height:120px;padding:6px 26px 14px;overflow-y:auto}.invite-drawer-body .form-error{margin:12px 0 0}.invite-drawer-foot{border-top:1px solid var(--line);background:#0000001f;gap:8px;padding:14px 26px 22px;display:grid}.invite-drawer-foot>span{color:var(--faint);text-transform:uppercase;letter-spacing:.1em;font-size:.76rem;font-weight:600}.invite-closed{background:var(--gold-soft);color:var(--gold);border:1px solid #ffcd574d;border-radius:12px;margin:14px 0 4px;padding:10px 14px;font-size:.84rem}.invite-search{margin:14px 0 4px;display:block;position:relative}.invite-search svg{color:var(--faint);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.invite-search input{border:1px solid var(--line-strong);background:var(--bg-soft);border-radius:12px;width:100%;min-height:44px;padding:10px 14px 10px 40px}.invite-search input:focus{outline:2px solid var(--lime);outline-offset:1px;border-color:#0000}@media (width>=761px){.modal.invite-drawer{border-right:0;border-radius:26px 0 0 26px;height:100svh;max-height:100svh;margin:0 0 0 auto}.modal.invite-drawer[open]{animation:drawer-in .32s var(--ease-out)}}@media (width<=760px){.modal.invite-drawer{width:100%;max-width:none;max-height:88svh;padding-bottom:env(safe-area-inset-bottom);border-bottom:0;border-radius:26px 26px 0 0;margin:auto 0 0}.modal.invite-drawer[open]{animation:sheet-in .32s var(--ease-out)}.invite-drawer-head,.invite-drawer-body,.invite-drawer-foot{padding-inline:18px}}@keyframes drawer-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}@keyframes sheet-in{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}.social-page{max-width:880px}.social-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.social-hero h1{font-size:clamp(2.4rem,6vw,3.8rem)}.social-hero p{margin-top:10px}.friend-code-card{background:var(--surface);border:1px solid #c4f35b4d;border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:2px 16px;padding:14px 16px 14px 18px;display:grid;box-shadow:inset 0 0 0 1px #c4f35b0f}.friend-code-card>span{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);grid-column:1;font-size:.72rem;font-weight:600}.friend-code-card strong{letter-spacing:.1em;color:var(--lime);grid-column:1;font:800 1.5rem ui-monospace,Cascadia Code,Menlo,Consolas,monospace}.friend-code-card .btn{grid-area:1/2/span 2}.social-tabs{background:var(--surface);border:1px solid var(--line);scrollbar-width:none;border-radius:999px;gap:4px;margin:32px 0 16px;padding:4px;display:flex;overflow-x:auto}.social-tabs::-webkit-scrollbar{display:none}.social-tabs button{min-height:42px;color:var(--muted);white-space:nowrap;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:.9rem;font-weight:600;transition:background-color .18s,color .18s;display:inline-flex}.social-tabs button:hover{color:var(--text)}.social-tabs button.is-active{background:var(--paper);color:var(--ink)}.social-tabs small{opacity:.65;font-size:.74rem;font-weight:600}.tab-badge{background:var(--gold);min-width:20px;height:20px;color:var(--gold-ink);font:800 .7rem/1 var(--font-body);border-radius:99px;place-items:center;padding:0 6px;font-style:normal;display:inline-grid}.social-panel{padding:8px 24px 20px}.social-panel .mini-heading{margin:20px 0 4px}.social-panel>.form-error{margin:16px 0 0}.social-panel .panel-empty{padding:40px 12px 28px}.social-panel .panel-empty h2{font-size:1.4rem}.social-panel .panel-empty p{max-width:36ch}.social-note{color:var(--faint);padding:8px 0;font-size:.86rem}.social-panel .person-avatar>.presence-dot{border-color:var(--surface)}.social-gate{text-align:center;justify-items:center;gap:14px;max-width:620px;margin:0 auto;padding:56px 24px;display:grid}.social-gate h1{font-size:clamp(2rem,5vw,3rem);margin-top:0!important}.social-gate p{max-width:42ch}.add-grid{border-bottom:1px solid var(--line);grid-template-columns:1.1fr 1fr;gap:28px;padding-bottom:8px;display:grid}.add-by-code label{margin-bottom:14px}.friend-code-input{letter-spacing:.14em;text-transform:uppercase;font-weight:700;font-family:ui-monospace,Cascadia Code,Menlo,Consolas,monospace!important;font-size:1.05rem!important}.add-by-code .form-error,.add-by-code .form-ok{margin-bottom:14px}.form-ok{color:#d7f59a;background:var(--lime-soft);border:1px solid #c4f35b4d;border-radius:12px;padding:10px 14px;font-size:.85rem;line-height:1.5}.share-code p{margin:2px 0 10px;font-size:.86rem}.share-code strong{color:var(--lime);letter-spacing:.06em;font-family:ui-monospace,Cascadia Code,Menlo,Consolas,monospace}.row-menu{position:relative}.row-menu-list{z-index:20;background:var(--surface-3);border:1px solid var(--line-strong);border-radius:16px;width:240px;padding:6px;animation:.16s modal-in;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 20px 50px #00000080}.row-menu-list>button{text-align:left;border-radius:10px;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 12px;font-size:.88rem;font-weight:500;display:flex}.row-menu-list>button:hover{background:#ffffff12}.row-menu-list>button svg{color:var(--muted)}.row-menu-list>button.is-danger,.row-menu-list>button.is-danger svg{color:var(--danger)}.row-menu-confirm{gap:10px;padding:8px;display:grid}.row-menu-confirm p{color:var(--text);font-size:.84rem;line-height:1.45}.row-menu-confirm>div{justify-content:flex-end;gap:6px;display:flex}.btn-danger{color:#ffc4be;background:#ff8a8024;border-color:#ff8a8080}@media (width<=720px){.social-hero{align-items:stretch}.friend-code-card{width:100%}.social-tabs{border-radius:16px;flex-wrap:wrap;margin-top:24px;overflow:visible}.social-tabs button{border-radius:12px;flex:calc(50% - 4px);gap:5px;min-height:38px;padding:0 8px;font-size:.82rem}.social-tabs small{display:none}.social-panel{padding:4px 16px 16px}.add-grid{grid-template-columns:1fr;gap:8px}.person-row{gap:10px}.person-actions .btn-xs{padding:0 10px}}.community-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 32px;display:flex}.community-hero h1{font-size:clamp(2.4rem,6vw,3.8rem)}.community-hero p{max-width:52ch;margin-top:10px}.community-online{background:var(--surface-2);min-height:44px;color:var(--muted);white-space:nowrap;border:1px solid #c4f35b4d;border-radius:999px;align-items:center;gap:10px;padding:0 18px 0 16px;font-size:.9rem;display:inline-flex}.community-online strong{font:800 1.05rem var(--font-display);color:var(--text);font-variant-numeric:tabular-nums;margin-right:-4px}.community-online.is-idle{border-color:var(--line-strong)}.community-online.is-idle .live-dot{background:var(--slate)}.community-online.is-idle .live-dot:after{display:none}.community-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;margin-top:30px;display:grid}.community-side{top:calc(var(--header-h) + 16px);gap:18px;display:grid;position:sticky}.community-card{padding:18px 20px}.community-card h3{letter-spacing:-.01em;align-items:center;gap:8px;font-size:1rem;display:inline-flex}.community-card h3 svg{color:var(--lime)}.community-card-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.community-card-head a{color:var(--lilac);align-items:center;gap:3px;font-size:.8rem;font-weight:600;display:inline-flex}.community-card-head a:hover{text-underline-offset:3px;text-decoration:underline}.community-card-note{margin-top:8px;font-size:.86rem}.community-card .person-row{min-height:52px;padding:7px 0}.badge-guide{margin-top:10px;display:grid}.badge-guide li{border-bottom:1px solid var(--line);gap:6px;padding:10px 0;display:grid}.badge-guide li:last-child{border-bottom:0;padding-bottom:0}.badge-guide li>span:last-child{color:var(--muted);font-size:.84rem;line-height:1.45}.badge-guide li>span:last-child svg{display:none}.badge-guide a{color:var(--lilac);font-weight:600}.badge-guide a:hover{text-underline-offset:3px;text-decoration:underline}.chat-panel{height:clamp(520px, calc(100svh - var(--header-h) - 250px), 760px);flex-direction:column;padding:0;display:flex;overflow:hidden}.chat-panel-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 18px;display:flex}.chat-panel-head>div{flex:1;min-width:0;display:grid}.chat-panel-head h2{letter-spacing:-.02em;font-size:1.12rem}.chat-panel-head>div>span{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.chat-status{letter-spacing:.04em;text-transform:uppercase;color:var(--faint);align-items:center;gap:7px;font-size:.74rem;font-weight:700;display:inline-flex}.chat-status:before{content:"";background:var(--slate);border-radius:50%;width:7px;height:7px}.chat-status.is-live{color:var(--lime)}.chat-status.is-live:before{background:var(--lime);box-shadow:0 0 0 3px #c4f35b29}.chat-status.is-offline{color:var(--gold)}.chat-status.is-offline:before{background:var(--gold)}.chat-list-wrap{flex:1;min-height:0;position:relative}.chat-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent;height:100%;padding:10px 8px 14px;overflow-y:auto}.chat-list:focus-visible{outline-offset:-2px;outline:2px solid #c4f35b80}.chat-list ol{display:grid}.chat-row{animation:chat-in .28s var(--ease-out) both;border-radius:12px;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;margin-top:8px;padding:5px 10px;display:grid;position:relative}.chat-row.is-grouped{margin-top:0;padding-block:2px}.chat-row:hover{background:#ffffff06}.chat-row-avatar{justify-content:center;padding-top:2px;display:flex}.chat-row-gutter-time{color:var(--faint);opacity:0;font-variant-numeric:tabular-nums;padding-top:4px;font-size:.66rem;transition:opacity .15s}.chat-row:hover .chat-row-gutter-time{opacity:1}.chat-row-body{min-width:0}.chat-row-head{align-items:baseline;gap:8px;min-width:0;display:flex}.chat-row-head .person-name{flex-wrap:nowrap}.chat-row-head .person-name-text{font-size:.9rem;font-weight:700}.chat-row.is-mine .person-name-text{color:var(--lime)}.chat-row-head time{color:var(--faint);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.72rem}.chat-row-text{color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;font-size:.95rem;line-height:1.5}.chat-row-note{color:var(--muted);font-size:.88rem}.chat-row-remove{width:32px;height:32px;color:var(--faint);opacity:0;align-self:start;transition:opacity .15s,color .15s}.chat-row:hover .chat-row-remove,.chat-row-remove:focus-visible{opacity:1}.chat-row-remove:hover:not(:disabled){color:var(--danger)}@media (hover:none){.chat-row-remove{opacity:.55}}@keyframes chat-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.chat-invite{border:1px solid color-mix(in srgb, var(--game-accent) 50%, transparent);background:linear-gradient(115deg, color-mix(in srgb, var(--game-accent) 18%, transparent), transparent 62%), var(--surface-2);border-radius:16px;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:14px;max-width:540px;margin-top:8px;padding:9px 12px 9px 9px;transition:border-color .2s,filter .2s;display:grid}.chat-invite-art{aspect-ratio:3/2;background:color-mix(in srgb, var(--game-accent) 22%, var(--surface-3));border-radius:11px;place-items:center;display:grid;overflow:hidden}.chat-invite-art img{object-fit:cover;width:100%;height:100%;display:block}.chat-invite-glyph{color:var(--game-accent)}.chat-invite-text{gap:2px;min-width:0;display:grid}.chat-invite-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--game-accent);align-items:center;gap:6px;font-size:.68rem;font-weight:700;display:inline-flex}.chat-invite-text strong{font:800 1.08rem var(--font-display);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-invite-meta{color:var(--muted);flex-wrap:wrap;gap:0 5px;font-size:.8rem;display:flex}.chat-invite-meta>span{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.chat-invite code{letter-spacing:.08em;color:var(--text);font:700 .8rem ui-monospace,Cascadia Code,Menlo,Consolas,monospace}.chat-invite-error{color:var(--danger);font-size:.78rem}.chat-invite-join{min-width:92px}.chat-invite.is-shut{border-color:var(--line-strong);background:var(--surface-2)}.chat-invite.is-shut .chat-invite-art{filter:grayscale(.85)brightness(.7)}.chat-invite.is-shut .chat-invite-kicker{color:var(--faint)}.chat-invite.is-shut .chat-invite-join{background:var(--surface-3);color:var(--muted);opacity:1}.chat-new-pill{background:var(--lime);min-height:36px;color:var(--lime-ink);animation:pill-in .3s var(--ease-hop) both;border-radius:999px;align-items:center;gap:7px;padding:0 16px;font-size:.82rem;font-weight:700;display:inline-flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #00000073}@keyframes pill-in{0%{opacity:0;transform:translate(-50%,10px)scale(.9)}to{opacity:1;transform:translate(-50%)}}.chat-empty{text-align:center;place-content:center;justify-items:center;gap:8px;height:100%;padding:24px;display:grid}.chat-empty strong{font:800 1.2rem var(--font-display);letter-spacing:-.02em}.chat-empty p{max-width:34ch;font-size:.9rem}.chat-empty-bubbles{background:var(--surface-2);border:1px solid var(--line-strong);border-radius:20px 20px 20px 6px;gap:6px;margin-bottom:6px;padding:14px 18px;display:inline-flex}.chat-empty-bubbles i{background:var(--lime);border-radius:50%;width:8px;height:8px;animation:1.3s ease-in-out infinite chat-dot}@keyframes chat-dot{0%,60%,to{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}.chat-empty-bubbles i:nth-child(2){background:var(--lilac);animation-delay:.15s}.chat-empty-bubbles i:nth-child(3){background:var(--gold);animation-delay:.3s}.chat-composer{border-top:1px solid var(--line);background:#00000024;gap:10px;padding:12px 14px 14px;display:grid}.chat-share{text-align:left;width:100%;color:var(--lilac);background:#aba7f814;border:1px dashed #aba7f880;border-radius:14px;align-items:center;gap:10px;padding:8px 12px 8px 8px;transition:background .18s,border-color .18s;display:flex}.chat-share:hover:not(:disabled){background:#aba7f826;border-style:solid}.chat-share>span:nth-child(2){flex:1;min-width:0;line-height:1.3;display:grid}.chat-share strong{color:var(--text);font-size:.88rem}.chat-share small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;overflow:hidden}.chat-share-glyph{background:#aba7f829;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.chat-input{background:var(--bg-soft);border:1px solid var(--line-strong);border-radius:16px;align-items:center;gap:8px;padding:4px 4px 4px 16px;transition:border-color .18s,box-shadow .18s;display:flex}.chat-input:focus-within{border-color:#c4f35b8c;box-shadow:0 0 0 4px #c4f35b14}form.chat-composer .chat-input input{width:auto;min-width:0;min-height:44px;box-shadow:none;color:var(--text);background:0 0;border:0;border-radius:0;outline:none;flex:1;margin:0;padding:0;font-size:1rem}.chat-input input::placeholder{color:var(--faint)}.chat-count{color:var(--faint);font-variant-numeric:tabular-nums;text-align:right;min-width:2ch;font-size:.74rem}.chat-count.is-near{color:var(--gold)}.chat-count.is-over{color:var(--danger);font-weight:700}.chat-send{border-radius:12px;width:44px;min-height:44px;padding:0}.chat-guest{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.chat-guest p{font-size:.88rem}.cg-head .eyebrow{align-items:center;gap:6px;display:inline-flex}.cg-head h2{letter-spacing:-.02em;margin-top:10px;font-size:1.15rem;line-height:1.25}.cg-head p{margin-top:6px;font-size:.87rem}.cg-list{gap:10px;margin:16px 0;display:grid}.cg-card{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;padding:8px;display:grid}.cg-card-art{background:var(--surface-3);width:64px;height:48px;color:var(--lilac);border-radius:10px;place-items:center;display:grid;overflow:hidden}.cg-card-art img{object-fit:cover;width:100%;height:100%}.cg-card-text{gap:2px;min-width:0;display:grid}.cg-card-text strong{white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;overflow:hidden}.cg-card-text>span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.cg-card-text small{color:var(--faint);align-items:center;gap:4px;font-size:.72rem;display:inline-flex}.cg-ghost{background:#aba7f808;border-style:dashed;border-color:#aba7f838}.cg-ghost .cg-card-art{animation:2.4s ease-in-out infinite cg-shimmer;animation-delay:inherit;background:linear-gradient(110deg,#aba7f81a 30%,#aba7f838 50%,#aba7f81a 70%) 0 0/300% 100%}.cg-ghost .cg-card-text{gap:7px}.cg-ghost i{background:#f6f5ef14;border-radius:99px;height:8px;display:block}.cg-ghost i:first-child{background:#f6f5ef1f;width:62%;height:10px}.cg-ghost i:nth-child(2){width:88%}.cg-ghost i:nth-child(3){width:40%}@keyframes cg-shimmer{0%{background-position:100% 0}to{background-position:-50% 0}}@media (prefers-reduced-motion:reduce){.cg-ghost .cg-card-art,.chat-row,.chat-empty-bubbles i{animation:none}}.cg-foot{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.cg-link{color:var(--muted);align-items:center;gap:4px;font-size:.86rem;font-weight:600;display:inline-flex}.cg-link:hover{color:var(--text)}.cg-side{background:radial-gradient(120% 60% at 100% 0%, #aba7f81f, transparent 60%), var(--surface)}.cg-row{border-radius:var(--r-lg);background:radial-gradient(80% 120% at 0% 0%, #aba7f81a, transparent 60%), var(--bg-soft);border:1px dashed #aba7f852;grid-template-columns:minmax(0,330px) minmax(0,1fr);align-items:center;gap:20px 32px;margin-top:56px;padding:26px 28px;display:grid}.cg-row .cg-head h2{font-size:clamp(1.25rem,2.2vw,1.5rem)}.cg-row .cg-list{grid-row:span 2;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.cg-row .cg-foot{grid-column:1}@media (width<=980px){.community-grid{grid-template-columns:minmax(0,1fr)}.community-side{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;position:static}.cg-row{grid-template-columns:minmax(0,1fr)}.cg-row .cg-list{grid-row:auto}.cg-row .cg-foot{grid-column:auto}}@media (width<=720px){.community-hero{align-items:flex-start}.community-grid{margin-top:20px}.chat-panel{height:calc(100svh - var(--header-h) - 20px);border-radius:20px;min-height:460px}.chat-panel-head{padding:12px 14px}.chat-panel-head>div>span{display:none}.chat-list{padding-inline:2px}.chat-row{grid-template-columns:36px minmax(0,1fr) auto;gap:10px;padding-inline:8px}.chat-invite{grid-template-columns:64px minmax(0,1fr);gap:10px 12px}.chat-invite-art{aspect-ratio:1}.chat-invite-meta svg{display:none}.chat-invite-join{grid-column:1/-1;width:100%}.chat-composer{padding:10px;position:sticky;bottom:0}.cg-row{padding:20px}.cg-row .cg-list{grid-template-columns:minmax(0,1fr)}}.cg-card.cg-card-playable{grid-template-columns:64px minmax(0,1fr) auto}.cg-card .cg-play{gap:6px;padding-inline:12px}.locker-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px 24px;padding:4px 4px 0;display:flex}.locker.page{padding-top:16px}.locker-head h1{font-size:clamp(2rem,4vw,3rem)}.locker-head .lead{margin-top:8px;font-size:1rem}.locker-wallet{flex-wrap:wrap;gap:8px;display:flex}.locker-wallet .chip strong{color:var(--text);font-family:var(--font-display)}.locker-layout{grid-template:"stage head""stage panel"1fr/minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:16px;display:grid}.locker-head{grid-area:head}.locker-stage{grid-area:stage}.locker-panel{grid-area:panel}.locker-stage{top:calc(var(--header-h) + 16px);height:min(calc(100svh - var(--header-h) - 32px), 820px);border-radius:var(--r-xl);border:1px solid var(--line-strong);isolation:isolate;background:radial-gradient(55% 45% at 50% 36%,#aba7f857,#0000 72%),radial-gradient(70% 40% at 50% 100%,#c4f35b29,#0000 70%),linear-gradient(#252c4d 0%,#181d31 70%,#141822 100%);min-height:500px;position:sticky;overflow:hidden}.locker-stage:before{content:"";z-index:-1;background-image:radial-gradient(#f6f5ef12 1px,#0000 1.4px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 75%);mask-image:linear-gradient(#000 0%,#0000 75%)}.character-viewer{cursor:grab;outline-offset:-4px;position:absolute;inset:0}.character-viewer:active{cursor:grabbing}.character-canvas{width:100%;height:100%;display:block}.viewer-wait{color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:14px;padding:24px;font-size:.9rem;display:grid;position:absolute;inset:0}.viewer-spinner{border:3px solid #ffffff24;border-top-color:var(--lime);border-radius:50%;width:34px;height:34px;animation:.9s linear infinite locker-spin}@keyframes locker-spin{to{transform:rotate(360deg)}}.stage-hint{letter-spacing:.04em;color:#cfd4df;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0d1280;border:1px solid #ffffff1f;border-radius:999px;padding:5px 12px;font-size:.72rem;font-weight:600;position:absolute;top:16px;left:50%;transform:translate(-50%)}.stage-banner{color:var(--gold);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2b1c008c;border:1px solid #ffcd5773;border-radius:14px;align-items:center;gap:8px;padding:9px 14px;font-size:.82rem;font-weight:600;display:flex;position:absolute;top:54px;left:16px;right:16px}.stage-banner span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.stage-banner .text-btn{color:var(--gold);text-underline-offset:3px;font-size:.82rem;text-decoration:underline}.stage-bar{pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.stage-bar>*{pointer-events:auto}.emote-bar{flex-wrap:wrap;gap:6px;display:flex}.emote-btn{color:#e9ecf3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:38px;transition:background-color .18s, transform .3s var(--ease-hop), color .18s;background:#0a0d1294;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:.8rem;font-weight:600;display:inline-flex}.emote-btn:hover{background:#aba7f840}.emote-btn:active{transform:scale(.95)}.emote-btn.is-on{background:var(--lilac);color:var(--ink);border-color:#0000}.stage-actions{gap:8px;margin-left:auto;display:flex}.stage-actions .btn-ghost{color:#e9ecf3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0d1280}.locker-panel{padding:0;overflow:hidden}.locker-tabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:6px;padding:14px 14px 13px;display:flex;overflow-x:auto}.locker-tabs::-webkit-scrollbar{display:none}.locker-tabs button{border:1px solid var(--line);min-height:40px;color:var(--muted);border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 14px;font-size:.85rem;font-weight:600;transition:background-color .18s,color .18s;display:inline-flex}.locker-tabs button:hover:not(.active){color:var(--text);background:#ffffff0f}.locker-tabs button.active{background:var(--lime);color:var(--lime-ink);border-color:#0000}@media (hover:hover) and (pointer:fine){.locker-tabs{flex-wrap:wrap;overflow-x:visible}.locker-tabs button{min-height:36px;padding:0 12px}}@media not ((hover:hover) and (pointer:fine)){.locker-tabs{padding-right:36px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}}.locker-body{padding:20px 22px 24px}.locker-body-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.locker-body-head h2{font-size:1.35rem}.locker-note{color:var(--faint);align-items:center;gap:8px;margin-bottom:14px;font-size:.86rem;display:flex}.locker-note svg{color:var(--lime);flex:none}.tabs-sm{margin:-2px -4px 14px}.tabs-sm button{min-height:34px;padding:0 13px;font-size:.8rem}.locker-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px;display:grid}.locker-tile{--rar:#b8c4bd;background:linear-gradient(180deg, color-mix(in srgb, var(--rar) 13%, var(--surface-2)), var(--surface-2) 70%);border:1px solid color-mix(in srgb, var(--rar) 28%, transparent);border-radius:18px;flex-direction:column;min-width:0;transition:border-color .18s,box-shadow .25s;display:flex;position:relative}.locker-tile-main{border-radius:inherit;text-align:center;flex-direction:column;align-items:center;gap:2px;width:100%;padding:10px 10px 12px;display:flex}.locker-tile-main:hover .item-thumb{transform:translateY(-3px)scale(1.04)}.locker-tile.is-wearing{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime), 0 12px 32px #c4f35b24}.locker-tile strong{overflow-wrap:anywhere;margin-top:6px;font-size:.84rem;line-height:1.25}.locker-tile small{color:var(--faint);align-items:center;gap:4px;font-size:.72rem;display:inline-flex}.locker-tile.is-locked small{color:color-mix(in srgb, var(--rar) 70%, var(--muted))}.tile-buy{margin:-2px 10px 10px}.tile-badge{border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:8px;right:8px}.tile-badge-on{background:var(--lime);color:var(--lime-ink)}.tile-badge-lock{background:var(--surface-3);color:var(--muted);border:1px solid var(--line-strong)}.item-thumb{aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in srgb, var(--rar,#aba7f8) 24%, transparent), transparent);width:100%;max-width:124px;transition:transform .35s var(--ease-hop);border-radius:14px;place-items:center;display:grid;position:relative;overflow:hidden}.item-thumb img,.character-portrait img{object-fit:contain;-webkit-user-drag:none;width:100%;height:100%;animation:.35s both locker-thumb-in;display:block}.item-thumb-wait{width:100%;height:100%;color:var(--faint);border-radius:inherit;background:linear-gradient(100deg,#0000 30%,#ffffff0f 50%,#0000 70%) 0 0/220% 100%;place-items:center;animation:1.4s linear infinite locker-shimmer;display:grid}.item-none{color:var(--faint);border:1px dashed var(--line-strong);background:0 0}@keyframes locker-thumb-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes locker-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.colour-panel{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;gap:12px;margin-bottom:18px;padding:14px 16px;display:grid}.style-panel{gap:18px;display:grid}.swatch-row{grid-template-columns:112px minmax(0,1fr);align-items:center;gap:12px;display:grid}.swatch-label{color:var(--muted);font-size:.8rem;font-weight:600}.swatches{flex-wrap:wrap;gap:7px;display:flex}.swatch{background:var(--sw);width:30px;height:30px;transition:transform .3s var(--ease-hop);border:2px solid #ffffff24;border-radius:50%;position:relative;box-shadow:inset 0 0 0 1px #00000040}.swatch:hover{transform:scale(1.1)}.swatch.is-on{outline:2px solid var(--lime);outline-offset:2px}.swatch-custom{color:#fff;cursor:pointer;background:conic-gradient(#ff5b4f,#ffcd57,#c4f35b,#62cbff,#aba7f8,#ff4fa3,#ff5b4f);place-items:center;display:grid;overflow:hidden}.swatch-custom.is-on{background:var(--sw)}.swatch-custom svg{filter:drop-shadow(0 1px 1px #0009)}.swatch-custom input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.swatch-custom:focus-within{outline:2px solid var(--lime);outline-offset:2px}.choice-row{flex-wrap:wrap;gap:6px;display:flex}.choice-row button{border:1px solid var(--line-strong);min-height:36px;color:var(--muted);border-radius:999px;padding:0 14px;font-size:.82rem;font-weight:600;transition:background-color .18s,color .18s}.choice-row button:hover:not(.is-on){color:var(--text);background:#ffffff0f}.choice-row button.is-on{background:var(--text);color:var(--bg);border-color:#0000}.locker .fine-print{text-align:center;color:var(--faint);margin-top:18px;font-size:.84rem}.character-card{grid-template-columns:132px minmax(0,1fr);align-items:center;gap:8px 20px;display:grid;position:relative;overflow:hidden}.character-card-art{background:radial-gradient(60% 50% at 50% 40%,#aba7f84d,#0000 72%),linear-gradient(#252c4d,#181d31);place-items:end center;height:216px;margin:-24px 0 -24px -24px;transition:filter .3s;display:grid;position:relative;overflow:hidden}.character-card-art .character-portrait{width:100%;height:100%}.character-card-art .character-portrait img{object-fit:cover;transform:scale(1.06)translateY(2%)}.character-card-art .character-portrait .item-thumb-wait{background-color:#0000}.character-card-art:hover{filter:brightness(1.15)}.character-card h2{margin-bottom:4px;font-size:1.2rem}.character-card p{font-size:.88rem}.character-card-stats{flex-wrap:wrap;gap:6px;margin:12px 0 14px;display:flex}.character-card .cta-row{flex-wrap:wrap;gap:8px;margin:0;display:flex}.reward-art .item-thumb{border-radius:12px;width:64px;max-width:none;height:64px}.highlight-art .item-thumb{width:96px;max-width:none;height:96px}.next-rewards .reward-art .item-thumb{width:48px;height:48px}@media (width<=1000px){.locker-layout{grid-template:"head""stage""panel"/1fr}.locker-stage{top:var(--header-h);z-index:6;border-top:0;border-radius:0 0 28px 28px;height:min(46svh,440px);min-height:280px;margin-inline:-24px}}@media (width<=720px){.locker-head{flex-direction:column;align-items:stretch;gap:12px}.locker-head .lead{display:none}.locker-stage{margin-inline:-16px}.locker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.locker-tile-main{padding:8px 6px 10px}.locker-tile strong{font-size:.76rem}.tile-buy{margin:-2px 6px 8px;padding:0 8px}.locker-body{padding:16px 14px 20px}.swatch-row{grid-template-columns:1fr;gap:8px}.stage-bar{bottom:10px;left:10px;right:10px}.emote-btn{min-height:34px;padding:0 11px;font-size:.74rem}.stage-banner{top:48px;left:10px;right:10px}.character-card{grid-template-columns:104px minmax(0,1fr);gap:8px 16px}.character-card-art{align-self:stretch;height:auto;min-height:200px}}@media (width<=340px){.locker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.avatar-disc-character{background:radial-gradient(circle at 50% 30%,#3d4580,#1b2036 75%);overflow:hidden}.avatar-disc-character .character-portrait{width:100%;height:100%;display:block}.avatar-disc-character img{transform:scale(1.3)translateY(8%)}.reward-count{background:var(--surface-3);border:1px solid var(--line-strong);font:700 .66rem var(--font-body);color:var(--text);border-radius:999px;padding:1px 7px;position:absolute;bottom:-4px;left:-12px}.hero-reward .item-thumb.hero-thumb{background:0 0;width:88%;max-width:none;height:88%}.premium-showcase .item-thumb{width:56px;max-width:none;height:56px}.locker-loading{place-items:center;min-height:70vh;display:grid}.pf-page.page{padding-top:28px}.pf-hero{border-radius:var(--r-xl);border:1px solid var(--line-strong);background:var(--surface);isolation:isolate;grid-template-columns:minmax(280px,380px) minmax(0,1fr);grid-template-areas:"banner banner""stage info";display:grid;position:relative;overflow:hidden}.pf-hero>.banner-art{grid-area:banner;height:150px}.pf-hero>.banner-art:after{content:"";background:linear-gradient(#0000 40%,#1418228c);position:absolute;inset:0}.pf-stage{isolation:isolate;border:1px solid var(--line-strong);background:radial-gradient(55% 45% at 50% 38%, hsl(var(--hue,250) 80% 70% / .3), transparent 72%), radial-gradient(70% 40% at 50% 100%, #c4f35b2e, transparent 70%), linear-gradient(180deg, #252c4d 0%, #181d31 70%, #141822 100%);border-radius:28px;grid-area:stage;height:480px;margin:-112px 0 28px 28px;position:relative;overflow:hidden;box-shadow:0 24px 60px -24px #000000b3}.pf-stage:before{content:"";z-index:-1;background-image:radial-gradient(#f6f5ef12 1px,#0000 1.4px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 75%);mask-image:linear-gradient(#000 0%,#0000 75%)}.pf-stage .character-viewer{position:absolute;inset:0}.pf-tier{font:800 .82rem var(--font-display);color:var(--lime-ink);background:var(--lime);pointer-events:none;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;display:inline-flex;position:absolute;bottom:14px;left:14px;box-shadow:0 6px 18px -6px #c4f35b99}.pf-info{flex-direction:column;grid-area:info;gap:22px;min-width:0;padding:26px 32px 30px;display:flex}.pf-id{align-items:center;gap:18px;min-width:0;display:flex}.pf-id .avatar{flex-shrink:0}.pf-id-text{gap:6px;min-width:0;display:grid}.pf-id h1{letter-spacing:-.04em;overflow-wrap:anywhere;font-size:clamp(2rem,4.4vw,3.3rem)}.pf-tags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pf-tags .badge{padding:4px 10px;font-size:.72rem}.pf-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.pf-stats>div{background:var(--surface-2);border:1px solid var(--line);border-radius:18px;padding:12px 16px}.pf-stats dt{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-size:.74rem;font-weight:600}.pf-stats dd{font:800 1.15rem/1.2 var(--font-display);letter-spacing:-.02em;align-items:center;gap:7px;margin-top:4px;display:flex}.pf-stats dd svg{color:var(--lime)}.pf-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pf-friend{min-height:46px;color:var(--lime);background:var(--lime-soft);border:1px solid #c4f35b4d;border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-size:.95rem;font-weight:600;display:inline-flex}.pf-friend.is-pending{color:var(--muted);background:var(--surface-2);border-color:var(--line-strong)}.pf-action-error{color:var(--danger);flex-basis:100%;font-size:.84rem}.pf-hero{--heart:#ff7aa2}.pf-like{min-height:46px;color:var(--text);transition:background-color .18s, border-color .18s, transform .35s var(--ease-hop);background:#ff7aa214;border:1px solid #ff7aa259;border-radius:999px;align-items:center;gap:9px;padding:0 20px 0 16px;font-size:.95rem;font-weight:600;display:inline-flex}button.pf-like:hover{background:#ff7aa229;border-color:#ff7aa299}button.pf-like:active{transition-duration:80ms;transform:scale(.95)}.pf-like:focus-visible{outline:2px solid var(--heart);outline-offset:2px}.pf-like.is-liked{background:var(--heart);border-color:var(--heart);color:#2a0612}.pf-like.is-mine{cursor:default}.pf-like.is-mine svg{color:var(--heart)}.pf-heart{color:var(--heart);place-items:center;display:inline-grid;position:relative}.pf-like.is-liked .pf-heart{color:#2a0612;animation:pf-heart-pop .5s var(--ease-hop)}.pf-like-count{font:800 1.02rem var(--font-display);font-variant-numeric:tabular-nums;animation:pf-count-in .32s var(--ease-out)}.pf-like-label{opacity:.8}.pf-burst{pointer-events:none;position:absolute;inset:50% auto auto 50%}.pf-burst i{background:var(--heart);width:5px;height:5px;transform:rotate(var(--a)) translateY(0);animation:pf-spark .6s var(--ease-out) forwards;border-radius:50%;margin:-2.5px;position:absolute}.pf-burst i:nth-child(2n){background:var(--lime)}@keyframes pf-heart-pop{0%{transform:scale(1)}40%{transform:scale(1.45)}to{transform:scale(1)}}@keyframes pf-count-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pf-spark{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(1)}to{opacity:0;transform:rotate(var(--a)) translateY(-22px) scale(.4)}}.pf-hint{color:var(--muted);background:#aba7f81a;border:1px solid #aba7f847;border-radius:16px;align-items:flex-start;gap:10px;padding:12px 16px;font-size:.9rem;display:flex}.pf-hint>svg{color:var(--lilac);margin-top:3px}.pf-hint strong{color:var(--text)}.pf-hint .text-btn{min-height:0;color:var(--lilac);font-size:inherit;text-underline-offset:3px;font-weight:700;text-decoration:underline;display:inline}.pf-games{margin-top:40px}.pf-section-head h2{margin-top:8px;font-size:clamp(1.6rem,3vw,2.2rem)}.pf-game-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:20px;display:grid}.pf-game{background:var(--surface);border:1px solid var(--line);transition:transform .35s var(--ease-hop), border-color .2s;border-radius:22px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px 14px;padding:16px;display:grid}.pf-game:hover{border-color:#aba7f866;transform:translateY(-3px)}.pf-game-art{width:56px;height:56px;color:var(--ink);background:linear-gradient(135deg, var(--lilac), var(--lime));transform:rotate(calc(var(--i,0) * 7deg - 4deg));border-radius:16px;place-items:center;display:grid}.pf-game strong{font:800 1.08rem var(--font-display);letter-spacing:-.02em}.pf-game p{color:var(--muted);margin-top:2px;font-size:.86rem}.pf-game .chip{grid-column:1/-1;justify-self:start}.pf-achievements{margin-top:40px}.pf-achievements-count{color:var(--muted);margin-top:6px;font-size:.9rem}.pf-achievement-game{margin-top:22px}.pf-achievement-game h3{font:800 1.1rem var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere;align-items:center;gap:10px;display:flex}.pf-achievement-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-top:12px;display:grid}.pf-achievement{background:var(--surface);border:1px solid var(--line);border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;padding:14px;display:grid}.pf-achievement-icon{width:48px;height:48px;color:var(--gold-ink);background:var(--gold);border-radius:14px;place-items:center;display:grid;overflow:hidden}.pf-achievement-icon img{object-fit:cover;width:100%;height:100%}.pf-achievement strong{overflow-wrap:anywhere;font-weight:700;display:block}.pf-achievement p{color:var(--muted);overflow-wrap:anywhere;margin-top:2px;font-size:.84rem}.pf-achievement small{color:var(--faint);margin-top:6px;font-size:.76rem;display:block}.pf-edit-badge{width:52px;height:52px;color:var(--lime-ink);background:var(--lime);border-radius:16px;place-items:center;margin-bottom:16px;display:inline-grid;transform:rotate(-6deg)}.pf-field{color:var(--muted);gap:8px;font-size:.86rem;font-weight:600;display:grid;position:relative}.pf-field input{border:1px solid var(--line-strong);background:var(--surface-2);width:100%;min-height:52px;font:700 1.1rem var(--font-display);color:var(--text);border-radius:14px;padding:0 64px 0 16px}.pf-field input:focus{outline:2px solid var(--lime);outline-offset:1px;border-color:#0000}.pf-field input[aria-invalid=true]{border-color:#ff8a8099}.pf-count{color:var(--faint);font-variant-numeric:tabular-nums;font-size:.76rem;font-weight:500;position:absolute;bottom:16px;right:14px}.pf-field-help{min-height:1.5em;color:var(--faint);margin:8px 0 18px;font-size:.84rem}.pf-field-help.is-bad{color:var(--danger)}.pf-cooldown{color:var(--muted);background:var(--gold-soft);border:1px solid #ffcd574d;border-radius:14px;gap:10px;margin-bottom:18px;padding:14px 16px;font-size:.9rem;display:flex}.pf-cooldown>svg{color:var(--gold);flex-shrink:0;margin-top:3px}.pf-cooldown strong{color:var(--text)}.pf-edit-actions{justify-content:flex-end;gap:10px;display:flex}.pf-skel{background:linear-gradient(90deg, var(--surface-2) 0%, var(--surface-3) 50%, var(--surface-2) 100%) 0 0 / 200% 100%;animation:1.3s linear infinite pf-shimmer}.pf-hero.is-loading .pf-stage{box-shadow:none}.pf-skel-avatar{border-radius:50%;flex-shrink:0;width:76px;height:76px}.pf-skel-line{border-radius:6px;width:120px;height:12px}.pf-skel-title{border-radius:12px;width:min(320px,60vw);height:44px}.pf-skel-stats{border-radius:18px;height:72px;display:block}@keyframes pf-shimmer{to{background-position:-200% 0}}.pf-missing p{color:var(--muted);max-width:30em}.person-text>.person-name{font-size:inherit;color:inherit;overflow:hidden}.person-text .person-name-text{white-space:nowrap;text-overflow:ellipsis;font-size:.94rem;font-weight:600;overflow:hidden}.person-name a{min-width:0;overflow:hidden}.profile-name-link:hover{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:2px}@media (width<=820px){.pf-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"banner""stage""info"}.pf-hero>.banner-art{height:120px}.pf-stage{height:340px;margin:-84px 16px 0}.pf-info{gap:18px;padding:22px 18px 24px}.pf-id{gap:14px}.pf-id .avatar{--size:60px!important}}@media (width<=480px){.pf-actions>.btn,.pf-actions>.pf-like,.pf-actions>.pf-friend{flex:auto;justify-content:center}.pf-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.pf-like.is-liked .pf-heart,.pf-like-count,.pf-burst i,.pf-skel{animation:none}.pf-game:hover{transform:none}}.gift-art{filter:drop-shadow(0 14px 26px #f4b53b47);flex-shrink:0;place-items:center;display:inline-grid}.gift-art svg{display:block;overflow:visible}.gift-art.is-bouncy svg{animation:gift-hop 2.8s var(--ease-hop) infinite;transform-origin:50% 90%}@keyframes gift-hop{0%,62%,to{transform:none}70%{transform:translateY(-9px)rotate(-4deg)}78%{transform:translateY(0)rotate(3deg)scale(1.03,.97)}86%{transform:translateY(-3px)rotate(-1deg)}}.gift-modal .modal-body{position:relative}.gift-hero{background:radial-gradient(circle at 50% 120%, #ffcd574d, transparent 60%), radial-gradient(circle at 12% 30%, #aba7f82e, transparent 32%), radial-gradient(circle at 88% 24%, #c4f35b24, transparent 30%), var(--surface-2);border-bottom:1px solid #ffcd5738;border-radius:26px 26px 0 0;place-items:center;height:132px;margin:-30px -32px 22px;display:grid;position:relative;overflow:hidden}.gift-hero:before,.gift-hero:after{content:"";pointer-events:none;background-image:radial-gradient(circle, var(--gold) 2.5px, transparent 3px), radial-gradient(circle, var(--lilac) 2.5px, transparent 3px), radial-gradient(circle, var(--lime) 2px, transparent 2.5px), radial-gradient(circle, var(--paper) 1.5px, transparent 2px);opacity:.55;background-position:10px 12px,70px 48px,30px 60px,120px 20px;background-size:120px 90px,150px 110px,96px 74px,170px 120px;position:absolute;inset:0}.gift-hero:after{opacity:.35;transform:rotate(180deg)}.gift-hero .gift-art{z-index:1;position:relative}.gift-back{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#10131b99;border-radius:999px;min-height:34px;padding:0 12px;font-size:.84rem;position:absolute;top:14px;left:16px}.gift-dialog h2{font-size:1.8rem}.gift-lead{color:var(--muted);margin:12px 0 18px;font-size:.92rem;line-height:1.55}.gift-recipient{background:var(--bg-soft);border:1px solid var(--line);border-radius:16px;align-items:center;gap:12px;margin-top:18px;padding:12px 14px;display:flex}.gift-recipient>div{flex:1;gap:1px;min-width:0;display:grid}.gift-recipient small{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-size:.72rem;font-weight:600}.gift-recipient .gift-recipient-email{text-transform:none;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.gift-recipient .person-name-text{font:800 1.05rem var(--font-display);letter-spacing:-.01em}.gift-recipient .chip{flex-shrink:0}.gift-dialog .price-row{margin:18px 0 14px}.gift-field{color:var(--muted);gap:8px;margin-bottom:14px;font-size:.86rem;font-weight:600;display:grid;position:relative}.gift-field em{color:var(--faint);font-style:normal;font-weight:400}.gift-field textarea{border:1px solid var(--line-strong);background:var(--bg-soft);width:100%;color:var(--text);font:400 .95rem/1.45 var(--font-body);resize:none;border-radius:14px;padding:12px 14px 24px}.gift-field textarea:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:#0000}.gift-field textarea[aria-invalid=true]{border-color:#ff8a8099}.gift-count{color:var(--faint);font-size:.74rem;font-weight:500;position:absolute;bottom:8px;right:12px}.gift-count.is-bad{color:var(--danger)}.gift-blocked{color:var(--gold);background:var(--gold-soft);border:1px solid #ffcd5752;border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:.9rem;line-height:1.45;display:flex}.gift-blocked svg{margin-top:2px}.gift-loading{color:var(--muted);align-items:center;gap:8px;min-height:46px;font-size:.9rem;display:flex}.gift-error{margin:14px 0 0}.gift-sent{text-align:center}.gift-sent .gift-art{margin:6px auto 12px}.gift-link{width:100%;color:var(--gold);justify-content:center;margin-top:8px;font-weight:600;display:flex}.gift-link:hover{color:#ffe08a}.gift-picker .gift-hero{height:112px}.gift-search{background:var(--bg-soft);border:1px solid var(--line-strong);min-height:42px;color:var(--faint);border-radius:999px;align-items:center;gap:8px;margin:16px 0 4px;padding:0 14px;display:flex}.gift-search input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1}.gift-friends{overscroll-behavior:contain;max-height:340px;margin-top:10px;overflow-y:auto}.gift-none{color:var(--faint);padding:18px 0;font-size:.9rem}.gift-empty{text-align:center;border:1px dashed var(--line-strong);border-radius:16px;justify-items:center;gap:12px;margin-top:18px;padding:18px;display:grid}.gift-empty p{color:var(--muted);font-size:.9rem}.gift-btn-compact{background:var(--gold-soft);color:var(--gold);border:1px solid #ffcd5766}@media (hover:hover) and (pointer:fine){.gift-btn-compact:hover:not(:disabled){background:#ffcd5733;border-color:#ffcd57b3}}@media (width<=520px){.gift-btn-compact{padding:0 10px}}.gift-celebration{border-radius:var(--r-lg);background:radial-gradient(circle at 8% 50%, #ffcd5738, transparent 38%), radial-gradient(circle at 100% 0%, #aba7f829, transparent 40%), linear-gradient(120deg, #241f2a, var(--surface) 60%);animation:gift-land .6s var(--ease-hop) both;border:1px solid #ffcd5773;align-items:center;gap:28px;margin-bottom:16px;padding:28px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 70px #f4b53b1f}@keyframes gift-land{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}.gift-celebration-text{z-index:1;flex:1;min-width:0;position:relative}.gift-celebration h2{letter-spacing:-.02em;margin-top:10px;font-size:clamp(1.35rem,2.6vw,1.9rem);line-height:1.2}.gift-celebration h2 .person-name{vertical-align:baseline;display:inline-flex}.gift-celebration h2 .person-name-text{color:var(--gold)}.gift-celebration h2>span{font-weight:800}.gift-celebration p{max-width:58ch;color:var(--muted);margin-top:10px;font-size:.94rem}.gift-celebration .cta-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.gift-celebration .gift-art{z-index:1;position:relative}.gift-celebration-close{z-index:2;position:absolute;top:12px;right:12px}.gift-quote{max-width:60ch;color:var(--text);overflow-wrap:anywhere;background:#aba7f81f;border:1px solid #aba7f852;border-radius:4px 16px 16px;margin:14px 0 0;padding:12px 16px;font-size:1rem;line-height:1.5;position:relative}.gift-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.gift-confetti i{opacity:0;border-radius:2px;width:8px;height:13px;animation:3.6s linear infinite gift-fall;position:absolute;top:-12px}.gift-confetti i:nth-child(3n){background:var(--gold)}.gift-confetti i:nth-child(3n+1){background:var(--lilac)}.gift-confetti i:nth-child(3n+2){background:var(--lime);border-radius:50%;width:6px;height:6px}.gift-confetti i:first-child{animation-delay:.1s;left:4%}.gift-confetti i:nth-child(2){animation-delay:1.4s;left:11%}.gift-confetti i:nth-child(3){animation-delay:.7s;left:19%}.gift-confetti i:nth-child(4){animation-delay:2.2s;left:27%}.gift-confetti i:nth-child(5){animation-delay:.3s;left:35%}.gift-confetti i:nth-child(6){animation-delay:1.9s;left:43%}.gift-confetti i:nth-child(7){animation-delay:1s;left:51%}.gift-confetti i:nth-child(8){animation-delay:2.7s;left:59%}.gift-confetti i:nth-child(9){animation-delay:.5s;left:66%}.gift-confetti i:nth-child(10){animation-delay:1.6s;left:73%}.gift-confetti i:nth-child(11){animation-delay:2.4s;left:80%}.gift-confetti i:nth-child(12){animation-delay:.9s;left:87%}.gift-confetti i:nth-child(13){animation-delay:3s;left:93%}.gift-confetti i:nth-child(14){animation-delay:1.2s;left:98%}@keyframes gift-fall{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:.9}80%{opacity:.7}to{opacity:0;transform:translateY(260px)rotate(540deg)}}@media (prefers-reduced-motion:reduce){.gift-confetti,.gift-art.is-bouncy svg,.gift-celebration{animation:none}.gift-confetti{display:none}}@media (width<=640px){.gift-celebration{flex-direction:column;align-items:flex-start;gap:14px;padding:24px 20px}.gift-celebration .gift-art{width:84px!important;height:84px!important}.gift-celebration .gift-art svg{width:84px;height:84px}}.gift-list{display:grid}.gift-list li{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.gift-list li:last-child{border-bottom:0;padding-bottom:0}.gift-list li>div{flex:1;gap:2px;min-width:0;display:grid}.gift-list-icon{border-radius:11px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.gift-list-icon.is-from{background:var(--gold-soft);color:var(--gold)}.gift-list-icon.is-to{color:var(--lilac);background:#aba7f824}.gift-list-who{color:var(--muted);align-items:center;gap:6px;font-size:.9rem;display:flex}.gift-list-who em{color:var(--faint);font-style:normal}.gift-list-msg{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.gift-list small{color:var(--faint);font-size:.76rem}.gift-list .chip{white-space:normal;text-align:center;flex-shrink:0;max-width:46%}.social-toast.is-gift{background:linear-gradient(160deg, #ffcd5724, transparent 55%), var(--surface-3);border-color:#ffcd5780}.gift-toast-icon{background:var(--gold-soft)!important;color:var(--gold)!important}.gift-toast-msg{text-overflow:ellipsis;white-space:nowrap;font-style:italic;overflow:hidden;color:var(--muted)!important}.gift-admin-list li.is-unclaimed{background:linear-gradient(90deg, var(--gold-soft), transparent 70%);border-radius:12px;margin:0 -12px;padding-inline:12px}.gift-admin-list strong svg{color:var(--gold);vertical-align:-1px}.gift-admin-list code{font-size:.78rem}.gift-admin-side{flex-shrink:0;align-items:center;gap:8px;display:flex}@media (width<=640px){.gift-admin-list li{flex-direction:column;align-items:flex-start}}.nav-menu{position:relative}.nav-menu-trigger{white-space:nowrap;min-height:40px;color:var(--muted);font:600 .92rem/1 var(--font-body);border-radius:999px;align-items:center;gap:5px;padding:0 12px 0 14px;transition:color .18s,background-color .2s;display:inline-flex;position:relative}.nav-menu-trigger>svg{opacity:.6;transition:transform .25s var(--ease-out), opacity .2s}.nav-menu-trigger:hover,.nav-menu.is-open>.nav-menu-trigger{color:var(--text);background:#ffffff0f}.nav-menu.is-open>.nav-menu-trigger>svg{opacity:1;transform:rotate(180deg)}.nav-menu-trigger.active{color:var(--text)}.nav-menu-trigger.active:after{content:"";background:var(--lime);border-radius:3px;width:16px;height:3px;margin-left:-8px;position:absolute;bottom:-1px;left:50%}.nav-menu-trigger:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.nav-menu-trigger .notify-dot{margin:0 1px 0 2px}.nav-menu-panel{z-index:60;border:1px solid var(--line-strong);background:var(--surface-2);transform-origin:0 0;width:340px;animation:nav-menu-in .2s var(--ease-out);border-radius:20px;padding:8px;position:absolute;top:calc(100% + 10px);left:-8px;box-shadow:0 30px 80px #00000080}.nav-menu-panel:before{content:"";height:12px;position:absolute;top:-12px;left:0;right:0}.nav-menu-panel.is-wide{width:640px}.nav-menu-panel.is-right{transform-origin:100% 0;left:auto;right:-4px}.nav-menu-sep{background:var(--line);height:1px;margin:6px 4px}@keyframes nav-menu-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:none}}.nav-menu-list{align-content:start;gap:2px;display:grid}.nav-menu-label{font:700 .68rem/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);padding:8px 10px;display:block}.nav-item{text-align:left;width:100%;color:var(--text);border-radius:14px;align-items:center;gap:12px;padding:10px;transition:background-color .15s;display:flex}.nav-item:hover,.nav-item:focus-visible{background:#ffffff0f}.nav-item:focus-visible{outline:2px solid var(--lime);outline-offset:-2px}.nav-item-icon{background:var(--surface-3);width:38px;height:38px;color:var(--muted);border-radius:12px;flex:none;place-items:center;transition:background-color .15s,color .15s;display:grid}.nav-item:hover .nav-item-icon{color:var(--lime);background:#c4f35b24}.nav-item-copy{gap:2px;min-width:0;display:grid}.nav-item-copy strong{font:600 .92rem/1.3 var(--font-body);align-items:center;gap:8px;display:flex}.nav-item-copy small{color:var(--muted);font-size:.8rem;line-height:1.35}.nav-item-badge{font:700 .7rem/1 var(--font-body);background:var(--gold);color:var(--gold-ink,#1d1606);border-radius:99px;padding:3px 7px;font-style:normal}.nav-play{grid-template-columns:250px minmax(0,1fr);gap:8px;display:grid}.nav-play-games{border-left:1px solid var(--line);padding:0 4px 4px 12px}.nav-play-games ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.nav-play-games button{text-align:left;width:100%;color:var(--muted);gap:6px;padding:0;font-size:.78rem;font-weight:600;display:grid}.nav-play-games img{aspect-ratio:3/2;object-fit:cover;border:1px solid var(--line);width:100%;height:auto;transition:transform .3s var(--ease-out), border-color .2s;border-radius:10px;display:block}.nav-play-games button:hover{color:var(--text)}.nav-play-games button:hover img{border-color:#c4f35b8c;transform:translateY(-2px)}.nav-play-games button:focus-visible{outline:none}.nav-play-games button:focus-visible img{outline:2px solid var(--lime);outline-offset:2px}.nav-play-games span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (prefers-reduced-motion:reduce){.nav-menu-panel{animation:none}}:root[data-season=halloween]{--pumpkin:#ff8a1f;--hop-lime:var(--pumpkin);--lilac:#b996ff;--platform:#3b1d61;--bg:#0d0b11;--bg-soft:#0a080d;--surface:#17131d;--surface-2:#1e1926;--surface-3:#282131;--line:#ffe4c814;--line-strong:#ffe4c826;--text:#f5ede0;--muted:#bfb4a8;--faint:#9a8f85;--lime:var(--pumpkin);--lime-ink:#1c0d02;--lime-soft:#ff8a1f1f;--gold:#ffc35a}:root[data-season=halloween] .launcher{--hop-lime:#c4f35b;--lilac:#aba7f8;--platform:#2b3f8c;--bg:var(--ink);--bg-soft:#10131b;--surface:#1b2030;--surface-2:#222839;--surface-3:#2b3245;--line:#f6f5ef17;--line-strong:#f6f5ef2b;--text:var(--paper);--muted:#b4b8c4;--faint:#9198a8;--lime:var(--hop-lime);--lime-ink:var(--ink);--lime-soft:#c4f35b1f;--gold:#ffcd57}:root[data-season=halloween] ::selection{background:#ff8a1f59}:root[data-season=halloween] .site-header{background:#0d0b11cc;border-bottom-color:#ffa0501a}@media (hover:hover) and (pointer:fine){:root[data-season=halloween] .btn-primary:hover:not(:disabled){background:#ffa047;box-shadow:0 10px 30px #ff8a1f52}}:root[data-season=halloween] :is(.chip-lime,.badge-staff,.icon-tile,.form-ok){border-color:#ff8a1f52}:root[data-season=halloween] :is(.dot,.presence-dot.is-online,.connection.is-live i){box-shadow:0 0 0 4px #ff8a1f2e}:root[data-season=halloween] .lobby-code{border-color:#ff8a1f73}:root[data-season=halloween] .lang-choices button.is-on{background:#ff8a1f14;border-color:#ff8a1f80}:root[data-season=halloween] .hl-text{text-shadow:0 0 34px #ff8a1f66}:root[data-season=halloween] .hero{background:linear-gradient(to bottom, transparent 62%, var(--bg)), radial-gradient(50% 60% at 78% 42%, #682ca061, transparent 70%), radial-gradient(40% 50% at 8% 78%, #ff8a1f17, transparent 70%)}:root[data-season=halloween] .steps-stage{background:radial-gradient(55% 60% at 50% 40%, #682ca04d, transparent 72%), linear-gradient(to bottom, var(--bg-soft), #0b090f)}:root[data-season=halloween] .final-cta{background:radial-gradient(55% 90% at 82%,#ffb14f,#0000 70%),linear-gradient(135deg,#ff9634,#e9690c)}.hw-defs{width:0;height:0;position:absolute;overflow:hidden}.hw-pumpkin{display:block;overflow:visible}.hw-pumpkin.is-lit{filter:drop-shadow(0 0 16px #ff8a1f66)}.hw-pumpkin-shadow{fill:#00000073}.hw-pumpkin-stem{fill:#4c5a22;stroke:#2c3511;stroke-width:1.5px}.hw-pumpkin-rib{fill:none;stroke:#5a1e0059;stroke-width:2px;stroke-linecap:round}.hw-pumpkin-shine{fill:#fff0d229}.hw-pumpkin-face{animation:3.2s ease-in-out infinite hw-face;animation-delay:calc(var(--flicker-delay,0s) * -1)}@keyframes hw-face{0%,to{opacity:1}18%{opacity:.78}22%{opacity:.95}47%{opacity:.84}60%{opacity:1}78%{opacity:.72}82%{opacity:.92}}.hw-candle{display:block;overflow:visible}.hw-candle-drip{fill:#f7eedd}.hw-candle-wick{stroke:#2a1d12;stroke-width:2px;stroke-linecap:round}.hw-flame{animation:1.9s ease-in-out infinite alternate hw-flicker;animation-delay:calc(var(--flicker-delay,0s) * -1)}.hw-candle-halo{transform-box:fill-box;transform-origin:50%;animation:2.6s ease-in-out infinite alternate hw-halo;animation-delay:calc(var(--flicker-delay,0s) * -1)}@keyframes hw-flicker{0%{transform:scale(1)skew(0)}20%{transform:scale(.94,1.06)skew(2deg)}45%{transform:scale(1.04,.95)skew(-1.5deg)}70%{transform:scale(.97,1.08)skew(1deg)}to{transform:scale(1.02,.97)skew(-2deg)}}@keyframes hw-halo{0%{opacity:.75;transform:scale(.94)}to{opacity:1;transform:scale(1.06)}}.hw-sky{z-index:-1;pointer-events:none;background:radial-gradient(70% 45% at 82% 0,#58268c33,#0000 70%),radial-gradient(60% 40% at 10% 100%,#ff78140d,#0000 70%);position:fixed;inset:0;overflow:hidden}body.game-open .hw-sky{display:none}.hw-stars{opacity:.55;background-image:radial-gradient(1px 1px at 12% 18%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 27% 8%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 41% 26%,#ffe9c4 50%,#0000 51%),radial-gradient(1px 1px at 58% 12%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 66% 34%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 74% 6%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 88% 30%,#ffe9c4 50%,#0000 51%),radial-gradient(1px 1px at 94% 14%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 6% 40%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 35% 44%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 51% 52%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 19% 58%,#fff 50%,#0000 51%);animation:6s ease-in-out infinite alternate hw-twinkle;position:absolute;inset:0 0 45%;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}@keyframes hw-twinkle{0%{opacity:.35}to{opacity:.6}}.hw-moon{top:calc(var(--header-h) + 36px);aspect-ratio:1;opacity:.85;background:radial-gradient(circle at 36% 34%,#fffaf0,#f3e6c6 55%,#d8c497);border-radius:50%;width:clamp(64px,9vw,120px);position:absolute;right:max(64px,7vw);box-shadow:0 0 40px 8px #ffe8b429,0 0 140px 50px #ffc46e12}.hw-moon i{background:#96784624;border-radius:50%;position:absolute}.hw-moon i:first-child{width:22%;height:22%;top:24%;left:52%}.hw-moon i:nth-child(2){width:13%;height:13%;top:56%;left:28%}.hw-moon i:nth-child(3){width:9%;height:9%;top:64%;left:62%}.hw-web{top:var(--header-h);fill:none;stroke:#e8def529;stroke-width:1px;width:clamp(110px,13vw,190px);position:absolute;overflow:visible}.hw-web-l{left:0}.hw-web-r{right:0;transform:scaleX(-1)}.hw-web-l .hw-spider{display:none}.hw-spider{fill:#2d2436;stroke:#2d2436;animation:7s ease-in-out infinite hw-spider}.hw-spider path:not(.hw-spider-thread){fill:none;stroke-width:1.6px;stroke-linecap:round}.hw-spider-thread{stroke:#e8def538;stroke-width:.8px}@keyframes hw-spider{0%,to{transform:translateY(-30px)}45%,60%{transform:translateY(14px)}}.hw-bat{fill:#2e2339;offset-rotate:0deg;width:46px;animation:30s linear infinite hw-fly;position:absolute;left:0}.hw-bat-wing{transform-box:view-box;animation:.32s ease-in-out infinite alternate hw-flap}.hw-bat-wing-l{transform-origin:30px 12px}.hw-bat-wing-r{transform-origin:34px 12px;animation-name:hw-flap-r}.hw-bat-1{animation-delay:-4s;top:16%}.hw-bat-2{opacity:.8;width:32px;animation-duration:38s;animation-delay:-21s;top:30%}.hw-bat-3{opacity:.65;width:26px;animation-duration:46s;animation-delay:-33s;top:9%}.hw-bat-3 .hw-bat-wing{animation-duration:.26s}@keyframes hw-flap{0%{transform:rotate(-14deg)scaleY(1)}to{transform:rotate(16deg)scaleY(.55)}}@keyframes hw-flap-r{0%{transform:rotate(14deg)scaleY(1)}to{transform:rotate(-16deg)scaleY(.55)}}@keyframes hw-fly{0%{transform:translate(-8vw)}12%{transform:translate(20vw,-4vh)}24%{transform:translate(46vw,3vh)}36%{transform:translate(72vw,-3vh)}48%,to{transform:translate(108vw,2vh)}}.hw-embers i{bottom:-10px;left:calc(var(--i) * 11% + 4%);opacity:0;width:4px;height:4px;animation:hw-ember calc(11s + var(--i) * 1.7s) linear infinite;animation-delay:calc(var(--i) * -2.3s);background:#ffb347;border-radius:50%;position:absolute;box-shadow:0 0 8px 2px #ff8c1e99}.hw-embers i:nth-child(odd){width:3px;height:3px}@keyframes hw-ember{0%{opacity:0;transform:translate(0)}10%{opacity:.8}50%{opacity:.55;transform:translate(24px,-42vh)}to{opacity:0;transform:translate(-12px,-85vh)}}.hw-fog{height:38vh;position:absolute;inset:auto 0 0;-webkit-mask-image:linear-gradient(#0000,#000 70%);mask-image:linear-gradient(#0000,#000 70%)}.hw-fog i{background:radial-gradient(30% 60% at 20% 80%,#b4a0d212,#0000 70%),radial-gradient(25% 50% at 55% 90%,#b4a0d20f,#0000 70%),radial-gradient(30% 55% at 85% 75%,#b4a0d212,#0000 70%);animation:48s ease-in-out infinite alternate hw-fog;position:absolute;inset:0 -50%}.hw-fog i+i{opacity:.8;animation-duration:64s;animation-direction:alternate-reverse;transform:translate(-12%)}@keyframes hw-fog{0%{transform:translate(-14%)}to{transform:translate(14%)}}.hw-ledge{z-index:2;pointer-events:none;height:0;position:relative;overflow:clip visible}.hw-ledge-row{justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:-3px;left:0;right:0}.hw-ledge-group{align-items:flex-end;gap:6px;display:flex;position:relative}.hw-ledge-group:before{content:"";z-index:-1;background:radial-gradient(50% 50% at 50% 60%,#ff8c1e29,#0000 70%);height:90px;position:absolute;bottom:-30px;left:-30%;right:-30%}.hw-hero{z-index:2;pointer-events:none;animation:rise 1s .8s var(--ease-out) both;align-items:flex-end;gap:4px;display:flex;position:absolute;bottom:18px;left:50%}.hw-hero:before{content:"";z-index:-1;background:radial-gradient(50% 50% at 50% 55%,#ff8c1e29,#0000 70%);position:absolute;inset:-36px -60px -16px}@media (width<=900px){.hw-hero,.hw-ledge-group:first-child{display:none}.hw-ledge-row{justify-content:flex-end}.hw-ledge-group-r{transform-origin:100% 100%;transform:scale(.8)}.hw-bat-3,.hw-embers i:nth-child(n+6){display:none}}@media (prefers-reduced-motion:reduce){.hw-bat,.hw-embers{display:none}}.party-lobby{--pty-top:64px;--pty-bottom:92px;--pty-panel:400px;--pty-glass:#10131ba3;z-index:30;grid-template-rows:var(--pty-top) minmax(0, 1fr) var(--pty-bottom);color:var(--text);background:var(--ink);display:grid;position:fixed;inset:0;overflow:hidden}body.party-open{overflow:hidden}.pty-backdrop{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.pty-backdrop .pty-art{object-fit:cover;filter:blur(34px)saturate(1.25)brightness(.42);width:calc(100% + 120px);height:calc(100% + 120px);animation:pty-fade .8s var(--ease-out);position:absolute;inset:-60px;transform:scale(1.08)}@keyframes pty-fade{0%{opacity:0}}.pty-backdrop:after{content:"";background:radial-gradient(70% 55% at 42% 78%,#c4f35b1a,#0000 70%),radial-gradient(120% 90% at 50% 0,#0000 40%,#0a0c12bf 100%),linear-gradient(#14182259,#1418221a 30%,#141822d9);position:absolute;inset:0}.pty-floor{transform-origin:50% 100%;background-image:radial-gradient(#f6f5ef29 1.2px,#0000 1.6px);background-size:34px 34px;height:62%;position:absolute;bottom:-10%;left:-20%;right:-20%;transform:perspective(700px)rotateX(62deg);-webkit-mask-image:linear-gradient(#0000,#000 35% 70%,#0000);mask-image:linear-gradient(#0000,#000 35% 70%,#0000)}.party-lobby>:not(.pty-backdrop){z-index:1;position:relative}.pty-chip{background:var(--pty-glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:36px;font:600 13px var(--font-body);color:var(--muted);white-space:nowrap;border-radius:99px;align-items:center;gap:8px;padding:0 12px;transition:border-color .2s,color .2s;display:inline-flex}button.pty-chip:hover{border-color:var(--line-strong);color:var(--text)}.pty-chip.is-copied{color:var(--lime);border-color:#c4f35b80}.pty-icon-btn{background:var(--pty-glass);border:1px solid var(--line);width:40px;height:40px;color:var(--muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:color .2s, border-color .2s, transform .2s var(--ease-hop);border-radius:12px;flex:none;place-items:center;display:grid}.pty-icon-btn:hover{color:var(--text);border-color:var(--line-strong);transform:translateY(-1px)}.pty-link{color:var(--faint);font:600 13px var(--font-body);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:4px;text-decoration:underline}.pty-link:hover{color:var(--text)}.pty-top{align-items:center;gap:14px;min-width:0;padding:0 20px;display:flex}.pty-home{width:40px;height:40px;color:var(--lime);border-radius:12px;flex:none;place-items:center;display:grid}.pty-home svg{width:34px;height:34px}.pty-divider{background:var(--line-strong);flex:none;width:1px;height:26px}.pty-name{min-width:0;font:800 17px/1.1 var(--font-display);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pty-name small{font:600 11px/1.3 var(--font-body);color:var(--faint);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px;display:block}.pty-code{font:800 15px var(--font-display);letter-spacing:.14em;color:var(--text)}.pty-conn{color:var(--gold)}.pty-conn i{background:var(--gold);border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite pty-blink}@keyframes pty-blink{50%{opacity:.3}}.pty-grow{flex:1}.pty-leave{height:40px;color:var(--danger);font:600 14px var(--font-body);white-space:nowrap;background:#ff8a8014;border:1px solid #ff8a8033;border-radius:12px;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.pty-leave:hover:not(:disabled){background:#ff8a8024}.pty-main{grid-template-columns:minmax(0, 1fr) var(--pty-panel);gap:20px;min-height:0;padding:6px 20px 0;display:grid}.pty-stage{min-width:0;min-height:0;position:relative}.pty-hero{z-index:3;width:min(360px,44%);position:absolute;top:8px;left:0}.pty-eyebrow{font:600 12px var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--lime);align-items:center;gap:8px;margin-bottom:10px;display:inline-flex}.pty-eyebrow i{background:var(--lime);border-radius:50%;width:8px;height:8px;animation:2s infinite pty-ping}@keyframes pty-ping{0%{box-shadow:0 0 #c4f35b8c}70%,to{box-shadow:0 0 0 10px #c4f35b00}}.pty-art-card{aspect-ratio:16/10;border-radius:var(--r-lg);background:var(--surface);outline:1px solid var(--line-strong);outline-offset:-1px;position:relative;overflow:hidden;box-shadow:0 10px #00000047,0 30px 60px #00000073}.pty-art-card .game-art{object-fit:cover;width:100%;height:100%;animation:pty-swap .55s var(--ease-hop);display:block}@keyframes pty-swap{0%{opacity:0;transform:translateY(14px)scale(.96)}}.pty-art-embed{text-align:center;background:radial-gradient(circle at 50% 30%, #aba7f840, transparent 70%), var(--surface-2);place-content:center;justify-items:center;gap:8px;padding:20px;display:grid;position:absolute;inset:0}.pty-art-embed svg{color:var(--lilac)}.pty-art-embed strong{font:800 22px/1.1 var(--font-display)}.pty-art-embed small{color:var(--faint);overflow-wrap:anywhere}.pty-change{background:var(--lime);height:38px;color:var(--ink);font:700 14px var(--font-body);transition:transform .2s var(--ease-hop);border:0;border-radius:99px;align-items:center;gap:8px;padding:0 14px;display:inline-flex;position:absolute;bottom:12px;right:12px;box-shadow:0 6px 18px #00000059}.pty-change:hover{transform:translateY(-2px)scale(1.03)}.pty-hero-meta{margin-top:14px}.pty-hero-meta p{color:var(--muted);margin:0 0 12px}.pty-hero-meta .pty-byline{color:var(--faint);align-items:center;gap:6px;margin-bottom:8px;font-size:13px;display:flex}.pty-tags{flex-wrap:wrap;gap:6px;display:flex}.pty-tag{height:28px;color:var(--muted);font:600 12.5px var(--font-body);background:#f6f5ef12;border-radius:99px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.pty-host-note{color:var(--faint);align-items:center;gap:8px;margin-top:12px;font-size:13px;display:flex}.pty-host-note svg{color:var(--gold);flex:none}.pty-notice{z-index:4;pointer-events:none;justify-content:center;display:flex;position:absolute;top:8px;left:calc(min(360px,44%) + 24px);right:0}.pty-notice>*{pointer-events:auto;width:min(420px,100%)}.pty-card{border-radius:var(--r-lg);background:var(--pty-glass);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:pty-rise .4s var(--ease-hop);padding:18px 20px;box-shadow:0 20px 50px #0006}@keyframes pty-rise{0%{opacity:0;transform:translateY(12px)}}.pty-card h3{font:800 20px/1.15 var(--font-display);letter-spacing:-.02em;margin:10px 0 4px}.pty-card p{color:var(--muted);margin:0;font-size:14px}.pty-card .resume-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.pty-clock{align-items:baseline;gap:10px;margin:8px 0 4px;display:flex}.pty-clock strong{font:800 44px/1 var(--font-display);letter-spacing:-.04em;color:var(--lime);font-variant-numeric:tabular-nums}.pty-clock small{color:var(--faint);font-weight:600}.pty-seats{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex;margin:6px 0 8px!important}.pty-seats svg{vertical-align:-2px;margin-right:4px}.pty-notice .lobby-results{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);margin:0}.pty-party{justify-content:center;align-items:flex-end;gap:14px;display:flex;position:absolute;bottom:8px;left:0;right:0}.pty-party:before{content:"";pointer-events:none;background:radial-gradient(50% 60% at 50% 70%,#f6f5ef12,#0000 70%);height:70%;position:absolute;bottom:40px;left:10%;right:10%}.pty-seat{min-width:0;max-width:max(120px,62vh - 347.2px);transition:transform .5s var(--ease-hop);animation:pty-arrive .6s var(--ease-hop) backwards;flex-direction:column;flex:0 210px;align-items:center;display:flex;position:relative}@keyframes pty-arrive{0%{opacity:0;translate:0 30px}}.pty-stand{aspect-ratio:120/190;justify-content:center;align-items:flex-end;width:100%;display:flex;position:relative}.pty-slab{aspect-ratio:3;background:radial-gradient(60% 70% at 50% 35%,#323a52,#1d2232);border-radius:50%;transition:background .4s,box-shadow .4s;position:absolute;bottom:2%;left:6%;right:6%;box-shadow:0 9px #0e1118,0 26px 40px #0000008c}.pty-seat.is-ready .pty-slab{background:radial-gradient(60% 70% at 50% 35%,#e1ff94,#a6d63f);box-shadow:0 9px #5f7b1c,0 0 50px #c4f35b59,0 26px 40px #00000080}.pty-seat.is-me .pty-slab:after{content:"";border:2px dashed #f6f5ef59;border-radius:50%;position:absolute;inset:-9px}.pty-figure{z-index:1;width:100%;height:88%;animation:2.8s ease-in-out infinite pty-bob;animation-delay:var(--d,0s);transform-origin:50% 100%;justify-content:center;align-items:flex-end;padding-bottom:7%;display:flex;position:relative}@keyframes pty-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.pty-figure .character-portrait{width:100%;height:100%;display:block}.pty-figure .character-portrait img{object-fit:cover;object-position:50% 100%;filter:drop-shadow(0 8px 12px #0006);width:100%;height:100%}.pty-figure .character-portrait .item-thumb-wait{background:#f6f5ef12;border-radius:40% 40% 20% 20%;width:40%;height:55%;margin:auto auto 6%;display:block}.pty-seat.is-waiting .pty-figure img{filter:drop-shadow(0 8px 12px #0006)saturate(.75)brightness(.85)}.pty-seat.is-hop .pty-figure{animation:pty-hop .6s var(--ease-hop)}@keyframes pty-hop{0%{transform:translateY(0)}35%{transform:translateY(-26px)rotate(-3deg)}70%{transform:translateY(2px)scaleY(.96)}to{transform:none}}.pty-badge{z-index:2;height:26px;font:700 12px var(--font-body);white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:0 10px;display:inline-flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.pty-badge.is-ok{background:var(--lime);color:var(--ink);animation:pty-pop .45s var(--ease-hop)}.pty-badge.is-wait{color:var(--faint);border:1px solid var(--line);background:#10131bbf}@keyframes pty-pop{0%{opacity:0;transform:translate(-50%)scale(.4)}}.pty-plate{border-radius:var(--r-md);background:var(--pty-glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;width:100%;margin-top:14px;padding:9px 10px;position:relative}.pty-seat.is-me .pty-plate{border-color:#c4f35b59}.pty-plate .pty-nm{font:800 14.5px/1.25 var(--font-display);letter-spacing:-.01em;white-space:nowrap;justify-content:center;align-items:center;gap:5px;display:flex;overflow:hidden}.pty-plate .pty-nm span{text-overflow:ellipsis;overflow:hidden}.pty-plate .pty-nm svg{color:var(--gold);flex:none}.pty-plate .pty-sub{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;display:block;overflow:hidden}.pty-you{background:var(--lime);height:18px;color:var(--ink);font:800 10.5px/18px var(--font-display);letter-spacing:.08em;border-radius:99px;padding:0 8px;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.pty-more{width:26px;height:26px;color:var(--faint);opacity:0;background:0 0;border:0;border-radius:8px;place-items:center;transition:opacity .2s,background .2s;display:grid;position:absolute;top:5px;right:5px}.pty-seat:hover .pty-more,.pty-more:focus-visible,.pty-seat.is-menu .pty-more{opacity:1}.pty-more:hover{color:var(--text);background:#f6f5ef14}@media (hover:none){.pty-more{opacity:1}}.pty-seat.is-menu{z-index:10}.pty-seat.is-menu .pty-plate{z-index:3}.pty-menu{z-index:5;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line-strong);text-align:left;min-width:190px;animation:pty-menu-in .2s var(--ease-out);padding:6px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 20px 40px #00000080}@keyframes pty-menu-in{0%{opacity:0;translate:0 6px}}.pty-menu>button,.pty-menu .friend-action{width:100%;font:600 13.5px var(--font-body);color:var(--muted);text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:8px 10px;display:flex}.pty-menu>button:hover:not(:disabled),.pty-menu button.friend-action:hover:not(:disabled){color:var(--text);background:#f6f5ef0f}.pty-menu>button.is-danger{color:var(--danger)}.pty-menu>button.is-danger.is-confirm{background:#ff8a8024}.pty-canvas-host{z-index:0;pointer-events:none;position:absolute;inset:-120px 0 0}.pty-canvas-host canvas{display:block}.pty-party>.pty-seat{z-index:1}.pty-party>.pty-seat.is-menu{z-index:10}.pty-stand.is-live{cursor:grab;touch-action:pan-y}.pty-stand.is-live:active{cursor:grabbing}.pty-seat.is-empty{cursor:pointer;color:inherit;font:inherit;background:0 0;border:0;padding:0}.pty-seat.is-empty .pty-slab{box-shadow:none;background:0 0;border:2px dashed #f6f5ef29}.pty-ghost{aspect-ratio:1;width:46%;color:var(--faint);border:1px solid var(--line);transition:all .25s var(--ease-hop);background:#f6f5ef0a;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:30%;left:50%;transform:translate(-50%)}.pty-ghost strong{font:800 20px var(--font-display);color:var(--muted)}.pty-seat.is-empty:hover .pty-ghost,.pty-seat.is-empty:focus-visible .pty-ghost{color:var(--ink);background:var(--lime);border-color:var(--lime);transform:translate(-50%)translateY(-4px)scale(1.06)}.pty-seat.is-empty .pty-plate{-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--faint);font:600 13px var(--font-body);background:0 0;border-style:dashed;padding:10px}.pty-seat.is-overflow{cursor:default}.pty-panel{border-radius:var(--r-lg);background:var(--pty-glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-direction:column;min-height:0;margin-bottom:14px;display:flex;overflow:hidden}.pty-tabs{border-radius:var(--r-md);background:#00000040;flex:none;gap:4px;margin:10px 10px 0;padding:6px;display:flex}.pty-tabs button{height:36px;font:700 13.5px var(--font-body);color:var(--faint);background:0 0;border:0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;transition:background .2s,color .2s;display:inline-flex}.pty-tabs button:hover{color:var(--text)}.pty-tabs button[aria-selected=true]{background:var(--surface-3);color:var(--text);box-shadow:0 2px #00000040}.pty-count{background:var(--lime);min-width:18px;height:18px;color:var(--ink);border-radius:99px;padding:0 5px;font-size:11px;line-height:18px}.pty-panel-body{scrollbar-width:thin;overscroll-behavior:contain;flex:1;min-height:0;padding:16px 18px 18px;overflow:auto}.pty-panel-body.is-chat{flex-direction:column;padding-bottom:14px;display:flex;overflow:hidden}.pty-empty-note{color:var(--faint);margin:0;font-size:14px}.pty-panel .lobby-section{background:0 0;border:0;border-radius:0;margin:0 0 18px;padding:0}.pty-panel .lobby-section+.lobby-section{border-top:1px solid var(--line);padding-top:18px}.pty-panel .lobby-section-head{margin-bottom:12px;display:block}.pty-panel .lobby-section-head h2{font:800 18px/1.2 var(--font-display);margin:4px 0 0}.pty-panel .lobby-section-head p{margin:4px 0 0;font-size:13px}.pty-panel .lobby-columns{grid-template-columns:1fr;gap:12px}.pty-panel .lobby-advanced{margin-top:12px}.pty-panel .lobby-advanced>.lobby-columns{padding:0 12px 12px}.pty-panel .embed-notice{margin:0 0 14px}.pty-panel .hs-setup-cols{grid-template-columns:1fr;gap:16px}.pty-panel .lobby-section:has(.lobby-setup) .lobby-section-head :is(h2,p){display:none}.pty-panel .lobby-chat.is-panel{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.pty-panel .lobby-chat.is-panel .lobby-chat-lines{flex:1;align-content:start;max-height:none}.pty-panel .lobby-chat.is-panel .lobby-chat-empty{flex:1}.pty-look{border-radius:var(--r-md);border:1px solid var(--line);background:#00000038;align-items:center;gap:12px;margin-bottom:18px;padding:10px 12px;display:flex}.pty-look-mini{background:radial-gradient(circle at 50% 80%, #c4f35b40, transparent 70%), var(--surface-2);border-radius:14px;flex:none;width:52px;height:52px;overflow:hidden}.pty-look-mini .character-portrait,.pty-look-mini img{object-fit:cover;width:100%;height:100%;display:block}.pty-look>div{flex:1;min-width:0}.pty-look b{font:800 15px var(--font-display);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.pty-look small{color:var(--faint);font-size:12.5px;line-height:1.35;display:block}.pty-btn-sm{height:32px;font:700 12.5px var(--font-body);color:var(--text);background:#f6f5ef14;border:0;border-radius:99px;flex:none;align-items:center;gap:6px;padding:0 12px;text-decoration:none;display:inline-flex}.pty-btn-sm:hover{background:#f6f5ef24}.pty-bottom{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;padding:0 20px 6px;display:grid}.pty-invite{align-items:center;gap:12px;min-width:0;display:flex}.pty-invite .invite-friends-btn{border-radius:var(--r-md);background:var(--pty-glass);width:auto;height:46px;color:var(--text);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pty-invite .invite-friends-btn:hover:not(:disabled){border-color:var(--line-strong)}.pty-readiness{text-align:center;min-width:0}.pty-pips{justify-content:center;gap:6px;margin-bottom:6px;display:flex}.pty-pip{background:var(--surface-3);width:26px;height:8px;transition:background .35s, transform .35s var(--ease-hop);border-radius:99px}.pty-pip.is-on{background:var(--lime);transform:scaleY(1.2)}.pty-readiness b{font:800 15px var(--font-display)}.pty-readiness small{color:var(--faint);font-size:12.5px;display:block}.pty-readiness .form-error{margin:4px 0 0;font-size:12.5px}.pty-cta-wrap{justify-content:flex-end;align-items:center;gap:14px;min-width:0;display:flex}.pty-cta{min-width:240px;height:62px;font:800 20px var(--font-display);letter-spacing:-.02em;color:var(--ink);background:var(--lime);transition:transform .15s var(--ease-out), box-shadow .15s, background .3s;white-space:nowrap;border:0;border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:0 28px;display:inline-flex;position:relative;box-shadow:0 7px #7da22b,0 18px 40px #c4f35b40}.pty-cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 9px #7da22b,0 22px 50px #c4f35b52}.pty-cta:active:not(:disabled){transform:translateY(5px);box-shadow:0 2px #7da22b,0 10px 20px #c4f35b33}.pty-cta kbd{font:700 11px var(--font-body);background:#14182224;border-radius:6px;padding:2px 6px}.pty-cta.is-ready{background:var(--surface-2);color:var(--lime);box-shadow:0 7px #0c0f15,inset 0 0 0 2px #c4f35b8c}.pty-cta.is-ready:hover:not(:disabled){box-shadow:0 9px 0 #0c0f15, inset 0 0 0 2px var(--lime)}.pty-cta.is-waiting,.pty-cta:disabled{background:var(--surface-2);color:var(--muted);box-shadow:0 7px 0 #0c0f15, inset 0 0 0 1px var(--line-strong);cursor:default}.pty-picker{z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:pty-fade .25s var(--ease-out);background:#0a0c12b8;position:fixed;inset:0}.pty-sheet{background:var(--bg);border:1px solid var(--line-strong);animation:pty-sheet-in .4s var(--ease-hop);border-radius:28px;flex-direction:column;display:flex;position:absolute;inset:40px max(40px,50% - 620px);overflow:hidden;box-shadow:0 40px 100px #0009}@keyframes pty-sheet-in{0%{opacity:0;transform:translateY(30px)scale(.97)}}.pty-sheet-head{align-items:center;gap:16px;padding:22px 26px 16px;display:flex}.pty-sheet-head h2{font:800 30px/1 var(--font-display);letter-spacing:-.035em;margin:0}.pty-sheet-head p{color:var(--faint);margin:6px 0 0;font-size:14px}.pty-search{background:var(--surface);border:1px solid var(--line);width:280px;height:44px;color:var(--faint);border-radius:99px;align-items:center;gap:8px;margin-left:auto;padding:0 14px;display:flex}.pty-search input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1}.pty-search:focus-within{border-color:#c4f35b73}.pty-play .pty-sheet-head{padding-bottom:12px}.pty-online{height:30px;color:var(--green);font:700 12.5px var(--font-body);white-space:nowrap;background:#58d68d1a;border-radius:99px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.pty-online i{background:var(--green);border-radius:50%;width:7px;height:7px;animation:2s infinite pty-online;box-shadow:0 0 #58d68d80}@keyframes pty-online{70%,to{box-shadow:0 0 0 8px #58d68d00}}.pty-play-body{border-top:1px solid var(--line);flex:1;grid-template-columns:300px minmax(0,1fr);min-height:0;display:grid}.pty-play-games{border-right:1px solid var(--line);background:var(--bg-soft);flex-direction:column;gap:12px;min-height:0;padding:16px;display:flex}.pty-play-games .pty-search{width:100%;height:40px;margin:0}.pty-play-list{scrollbar-width:thin;flex:1;align-content:start;gap:4px;min-height:0;display:grid;overflow-y:auto}.pty-play-game{color:inherit;font:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:8px;transition:background .15s,border-color .15s;display:flex;position:relative}.pty-play-game:hover{background:#f6f5ef0d}.pty-play-game.is-on{background:var(--surface-2);border-color:#c4f35b73}.pty-play-thumb{background:var(--surface);border-radius:9px;flex:none;width:64px;height:40px;overflow:hidden}.pty-play-thumb .game-art{object-fit:cover;width:100%;height:100%;display:block}.pty-play-name{flex:1;min-width:0}.pty-play-name b{font:800 14px/1.2 var(--font-display);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.pty-play-name small{color:var(--faint);font-size:12px;display:block}.pty-play-pub{color:var(--lilac);place-items:center;display:grid}.pty-play-cur{background:var(--lime);width:20px;height:20px;color:var(--ink);border-radius:50%;flex:none;place-items:center;display:grid}.pty-play-main{flex-direction:column;min-height:0;display:flex;overflow-y:auto}.pty-play-banner{flex:none;height:190px;position:relative;overflow:hidden}.pty-play-banner .game-art{object-fit:cover;object-position:50% 35%;width:100%;height:100%;animation:pty-fade .5s var(--ease-out);position:absolute;inset:0}.pty-play-banner:after{content:"";background:linear-gradient(90deg, #141822f2 0%, #1418228c 55%, #1418221a), linear-gradient(0deg, var(--bg) 0%, transparent 45%);position:absolute;inset:0}.pty-play-banner>div{z-index:1;position:absolute;bottom:18px;left:26px;right:40%}.pty-play-banner h3{font:800 34px/1 var(--font-display);letter-spacing:-.035em;margin:0}.pty-play-banner p{color:var(--muted);margin:8px 0 0}.pty-modes{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;padding:8px 26px 18px;display:grid}.pty-mode{text-align:left;min-height:170px;color:inherit;font:inherit;background:var(--surface);border:2px solid var(--line);transition:border-color .2s, transform .2s var(--ease-hop), box-shadow .2s;border-radius:18px;flex-direction:column;gap:6px;padding:16px;display:flex;position:relative}.pty-mode:hover:not(:disabled){border-color:var(--line-strong);transform:translateY(-3px)}.pty-mode.is-on{border-color:var(--lime);box-shadow:0 0 0 4px #c4f35b24}.pty-mode:disabled{opacity:.5;cursor:not-allowed}.pty-mode-kind{font:700 11px var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);align-items:center;gap:6px;display:inline-flex}.pty-mode.is-public .pty-mode-kind{color:var(--lilac)}.pty-mode b{font:800 20px/1.1 var(--font-display);letter-spacing:-.02em}.pty-mode p{color:var(--muted);flex:1;margin:0;font-size:13.5px;line-height:1.4}.pty-mode-live{font:600 12px var(--font-body);color:var(--green);align-items:center;gap:6px;display:flex}.pty-mode-live i{background:var(--green);border-radius:50%;flex:none;width:6px;height:6px}.pty-mode-foot{font:600 12px var(--font-body);color:var(--faint);align-items:center;gap:6px;display:flex}.pty-modes-note{color:var(--faint);grid-column:1/-1;margin:0;font-size:14px}.pty-play-foot{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:14px;margin-top:auto;padding:16px 26px 22px;display:flex}.pty-play-foot .form-error{margin:0 auto 0 0}.pty-play-foot .pty-cta{min-width:200px;height:54px;font-size:18px}.pty-mode-chip{z-index:1;height:28px;font:700 12px var(--font-body);color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10131bc7;border-radius:99px;align-items:center;gap:6px;padding:0 11px;display:inline-flex;position:absolute;top:12px;left:12px}.pty-mode-chip.is-public{color:var(--lilac)}.pty-rules{gap:12px;display:grid}.pty-rules h2{font:800 20px/1.15 var(--font-display);margin:4px 0 0}.pty-rules p{color:var(--muted);margin:0;font-size:14px}.pty-rules ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.pty-rules li{color:var(--muted);align-items:flex-start;gap:10px;font-size:14px;display:flex}.pty-rules li svg{color:var(--lime);flex:none;margin-top:2px}.pty-rules-live{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pty-rules-live div{text-align:center;background:#00000038;border-radius:12px;padding:10px}.pty-rules-live b{font:800 18px var(--font-display);display:block}.pty-rules-live small{color:var(--faint);font-size:11.5px}.pty-searching{flex-direction:column;align-items:center;gap:2px;display:inline-flex}.pty-searching b{font:800 16px var(--font-display);align-items:center;gap:10px;display:inline-flex}.pty-searching b .pty-spin{border:2.5px solid #c4f35b40;border-top-color:var(--lime);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite pty-spin}@keyframes pty-spin{to{transform:rotate(360deg)}}.pty-searching .pty-clock-big{font:800 26px/1 var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--lime)}.pty-search-pill{height:36px;color:var(--lime);font:700 13px var(--font-body);font-variant-numeric:tabular-nums;white-space:nowrap;background:#c4f35b1f;border:1px solid #c4f35b59;border-radius:99px;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.pty-search-pill .pty-spin{border:2px solid #c4f35b40;border-top-color:var(--lime);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite pty-spin}.pty-cta.is-cancel{background:var(--surface-2);color:var(--text);box-shadow:0 7px 0 #0c0f15, inset 0 0 0 1px var(--line-strong)}.pty-cta.is-cancel:hover:not(:disabled){box-shadow:0 9px 0 #0c0f15, inset 0 0 0 1px var(--danger);color:var(--danger)}.pty-end-note{color:var(--gold);margin:4px 0 0;font-size:12.5px;font-weight:600}.pty-found{z-index:70;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:pty-fade .25s var(--ease-out);background:radial-gradient(60% 60% at 50% 45%,#c4f35b24,#0a0c12e0 70%);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.pty-found-card{text-align:center;width:min(440px,100%);animation:pty-found-in .5s var(--ease-hop)}@keyframes pty-found-in{0%{opacity:0;transform:scale(.85)}}.pty-found-ring{width:200px;height:200px;margin:0 auto 18px;position:relative}.pty-found-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.pty-found-ring circle{fill:none;stroke-width:8px}.pty-found-ring .track{stroke:#f6f5ef1a}.pty-found-ring .left{stroke:var(--lime);stroke-linecap:round;transition:stroke-dashoffset .25s linear}.pty-found-ring>div{place-content:center;display:grid;position:absolute;inset:0}.pty-found-ring .game-art{object-fit:cover;border-radius:50%;width:130px;height:130px}.pty-found-card .eyebrow{font-size:13px}.pty-found-card h2{font:800 44px/1 var(--font-display);letter-spacing:-.04em;margin:8px 0 4px}.pty-found-card>p{color:var(--muted);margin:0 0 20px}.pty-found-pips{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:22px;display:flex}.pty-found-pips span{width:14px;height:14px;transition:background .25s, transform .25s var(--ease-hop);background:#f6f5ef1f;border-radius:50%}.pty-found-pips span.is-on{background:var(--lime);transform:scale(1.15)}.pty-found-actions{gap:10px;display:grid}.pty-found-actions .pty-cta{width:100%;min-width:0}.pty-found-actions .pty-link{justify-self:center}.pty-close{background:var(--surface);border:1px solid var(--line);width:44px;height:44px;color:var(--text);border-radius:50%;flex:none;place-items:center;display:grid}.pty-close:hover{background:var(--surface-2)}.pty-sheet .form-error{margin:0 26px 12px}.party-lobby.pty-arrival{flex-direction:column;padding:72px 16px 24px;display:flex;overflow-y:auto}.pty-arrival-card{z-index:1;text-align:center;width:min(440px,100%);margin:auto;position:relative}.pty-hopper{width:96px;height:110px;margin:0 auto 20px;position:relative}.pty-hopper i{background:var(--lime);width:46px;height:18px;animation:pty-tile 1s var(--ease-hop) infinite;border-radius:6px;margin-left:-23px;position:absolute;left:50%}.pty-hopper b{background:#c4f35b2e;border-radius:50%;width:76px;height:26px;margin-left:-38px;animation:1s ease-in-out infinite pty-shadow;position:absolute;bottom:0;left:50%}@keyframes pty-tile{0%,to{top:72px;transform:scaleX(1.15)scaleY(.8)}45%{top:4px;transform:rotate(8deg)}55%{top:4px;transform:rotate(-4deg)}}@keyframes pty-shadow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.6)}}.pty-arrival-card h1{font:800 clamp(36px, 6vw, 60px)/1.02 var(--font-display);letter-spacing:-.035em;margin:10px 0 0}.pty-arrival-card>p{color:var(--muted);margin:12px 0 24px;font-size:17px}.pty-arrival-card form{text-align:left;gap:12px;display:grid}.pty-arrival-card label{color:var(--muted);gap:6px;font-size:14px;font-weight:600;display:grid}.pty-arrival-card input{border-radius:var(--r-md);border:1px solid var(--line-strong);height:52px;color:var(--text);font:600 17px var(--font-body);background:#0000004d;outline:none;padding:0 16px}.pty-arrival-card input:focus{border-color:#c4f35b8c}.pty-arrival-card .pty-cta{width:100%;min-width:0}.pty-arrival-card small{color:var(--faint);margin-top:18px;display:block}.pty-arrival-card .pty-back{position:fixed;top:20px;left:20px}.pty-symbol{width:64px;height:64px;color:var(--lime);background:#f6f5ef12;border-radius:20px;place-items:center;margin-bottom:8px;display:inline-grid}@media (width<=1180px){.party-lobby{--pty-panel:340px}.pty-hero{width:min(300px,46%)}.pty-notice{left:calc(min(300px,46%) + 20px)}}@media (width>=901px) and (height<=820px){.pty-hero{width:min(280px,40%);top:0}.pty-notice{top:0;left:calc(min(280px,40%) + 20px)}.pty-hero-meta{margin-top:10px}.pty-hero-meta>p,.pty-host-note{display:none}.pty-eyebrow{margin-bottom:6px}}@media (width<=900px){.party-lobby{display:block;position:fixed;overflow-y:auto}.pty-backdrop{position:fixed}.pty-top{flex-wrap:wrap;gap:10px;padding:12px 16px}.pty-top .pty-divider,.pty-top .pty-fullscreen{display:none}.pty-main{grid-template-columns:1fr;gap:20px;padding:0 16px}.pty-stage{flex-direction:column;gap:20px;display:flex}.pty-hero,.pty-notice,.pty-party{width:auto;position:static}.pty-hero{grid-template-columns:150px 1fr;align-items:start;gap:0 14px;display:grid}.pty-hero .pty-eyebrow{grid-column:1/-1}.pty-hero-meta{margin-top:0}.pty-change{height:30px;padding:0 10px;font-size:12px;bottom:6px;right:6px}.pty-party{flex-wrap:wrap;gap:8px;padding-top:24px;position:relative}.pty-canvas-host{top:0}.pty-party .pty-badge{top:-20px}.pty-seat{flex:0 calc(25% - 6px);max-width:none;transform:none!important}.pty-panel{min-height:420px;max-height:70vh}.party-lobby>.pty-bottom{z-index:5;padding:18px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(transparent, var(--ink) 22%);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"ready ready""invite cta";gap:10px;position:sticky;bottom:0}.pty-readiness{grid-area:ready}.pty-invite{grid-area:invite}.pty-invite .invite-friends-btn{height:56px}.pty-invite .invite-online{display:none}.pty-cta-wrap{grid-area:cta}.pty-cta{flex:1;min-width:0;height:56px;padding:0 16px;font-size:18px}.pty-seat.is-empty,.pty-cta kbd,.pty-leave-label{display:none}.pty-leave{padding:0 12px}.pty-sheet{inset:12px}.pty-sheet-head{flex-wrap:wrap}.pty-play-body{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.pty-play-games{border-right:0;border-bottom:1px solid var(--line);min-width:0;padding:12px}.pty-play-list{gap:6px;display:flex;overflow-x:auto}.pty-play-game{flex:none;width:200px}.pty-play-banner{height:130px}.pty-play-banner>div{left:16px;right:16px}.pty-play-banner h3{font-size:26px}.pty-modes{grid-template-columns:1fr;padding:8px 12px 12px}.pty-mode{min-height:0}.pty-play-foot{padding:12px}.pty-play-foot .pty-cta{flex:1}.pty-top .pty-search-pill{order:5}}@media (prefers-reduced-motion:reduce){.party-lobby *,.pty-picker *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.vc-dock{align-items:center;min-width:0;display:flex;position:relative}.vc-join{border-radius:var(--r-md);background:var(--pty-glass);height:46px;color:var(--text);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:700 14px var(--font-body);white-space:nowrap;transition:border-color .2s, transform .2s var(--ease-hop);align-items:center;gap:9px;padding:0 16px;display:inline-flex}.vc-join svg{color:var(--lime)}.vc-join:hover{border-color:var(--line-strong);transform:translateY(-1px)}.vc-paused{border-radius:var(--r-md);background:var(--pty-glass);border:1px dashed var(--line);height:46px;color:var(--muted);font:600 13px var(--font-body);white-space:nowrap;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.vc-bar{border-radius:var(--r-md);background:var(--pty-glass);border:1px solid color-mix(in srgb, var(--lime) 30%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:4px;height:46px;padding:0 4px 0 12px;transition:border-color .2s,box-shadow .2s;display:flex}.vc-dock.is-talking .vc-bar{border-color:color-mix(in srgb, var(--lime) 70%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--lime) 14%, transparent)}.vc-status{align-items:center;gap:9px;min-width:0;margin-right:6px;display:flex}.vc-status i{background:var(--faint);border-radius:50%;flex:none;width:8px;height:8px}.vc-status i.is-live{background:var(--lime);box-shadow:0 0 0 3px color-mix(in srgb, var(--lime) 20%, transparent)}.vc-status>span{min-width:0;line-height:1.15;display:grid}.vc-status b{font:800 13px var(--font-display);color:var(--text)}.vc-status small{font:600 11.5px var(--font-body);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.vc-btn{width:36px;height:36px;color:var(--muted);background:0 0;border:0;border-radius:10px;flex:none;place-items:center;transition:background .15s,color .15s;display:grid}.vc-btn:hover:not(:disabled){color:var(--text);background:#f6f5ef14}.vc-btn:disabled{opacity:.45}.vc-btn.is-off{color:var(--danger);background:#ff8a801a}.vc-btn.is-open{color:var(--text);background:#f6f5ef1a}.vc-btn.is-leave:hover{color:var(--danger);background:#ff8a801a}.vc-error,.vc-sound{z-index:6;max-width:min(340px,100vw - 32px);font:600 12.5px/1.35 var(--font-body);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0}.vc-error{background:var(--surface-2);color:var(--danger);border:1px solid #ff8a8059}.vc-error button{width:22px;height:22px;color:inherit;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;display:grid}.vc-sound{background:var(--lime);color:var(--ink);white-space:nowrap;border:0;font-weight:800}.vc-pop{z-index:7;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line-strong);width:300px;max-width:calc(100vw - 32px);animation:pty-menu-in .2s var(--ease-out);gap:14px;padding:14px;display:grid;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:0 20px 40px #00000080}.vc-field{gap:7px;display:grid}.vc-field>span{font:700 11.5px var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}.vc-field small{font:500 12px/1.4 var(--font-body);color:var(--muted)}.vc-field select{border:1px solid var(--line);height:38px;color:var(--text);font:600 13px var(--font-body);background:#f6f5ef0f;border-radius:10px;min-width:0;padding:0 10px}.vc-seg{border:1px solid var(--line);background:#f6f5ef0d;border-radius:11px;padding:3px;display:flex}.vc-seg button{height:32px;color:var(--muted);font:700 12.5px var(--font-body);white-space:nowrap;background:0 0;border:0;border-radius:8px;flex:1}.vc-seg button.is-on{background:var(--lime);color:var(--ink)}.vc-key{border:1px solid var(--line);height:32px;color:var(--muted);font:600 12.5px var(--font-body);background:0 0;border-radius:99px;justify-self:start;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.vc-key kbd{min-width:22px;color:var(--text);font:800 12px var(--font-body);text-align:center;background:#f6f5ef1a;border-radius:6px;padding:1px 6px}.vc-key.is-binding{border-color:var(--lime);color:var(--lime)}.vc-mark{width:20px;height:20px;color:var(--muted);background:#f6f5ef14;border-radius:50%;flex:none;place-items:center;display:inline-grid}.pty-plate .pty-nm .vc-mark svg{color:inherit}.vc-mark.is-off{color:var(--danger);background:#ff8a801f}.vc-mark.is-talking{background:var(--lime);color:var(--ink)}.pty-seat.is-talking .pty-plate{border-color:var(--lime);box-shadow:0 0 0 3px color-mix(in srgb, var(--lime) 22%, transparent), 0 0 24px color-mix(in srgb, var(--lime) 25%, transparent)}.vc-seat-ctl{border-bottom:1px solid var(--line);gap:2px;margin-bottom:6px;padding-bottom:6px;display:grid}.vc-seat-ctl label{color:var(--muted);align-items:center;gap:8px;padding:6px 10px;display:flex}.vc-seat-ctl input{min-width:0;accent-color:var(--lime);flex:1}.vc-seat-ctl output{text-align:right;width:36px;font:700 12px var(--font-body);font-variant-numeric:tabular-nums}.vc-seat-ctl button{width:100%;font:600 13.5px var(--font-body);color:var(--muted);text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:8px 10px;display:flex}.vc-seat-ctl button:hover{color:var(--text);background:#f6f5ef0f}@media (width<=900px){.vc-join span,.vc-status>span{display:none}.vc-join{height:56px;padding:0 16px}.vc-bar{height:56px;padding:0 4px 0 10px}.vc-status{margin-right:2px}}@media (width<=460px){.vc-bar .vc-btn{width:32px}}@media (prefers-reduced-motion:reduce){.vc-pop{animation:none}.vc-join:hover{transform:none}}