@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080a0d;--bg-soft:#0c0f13;--surface:#11151b;--surface-2:#171c24;--surface-3:#1f2530;--line:#ffffff14;--line-strong:#ffffff29;--text:#f1f4f0;--muted:#a4aebb;--faint:#8791a0;--lime:#c8f25c;--lime-ink:#142006;--lime-soft:#c8f25c1f;--gold:#ffcd57;--gold-ink:#2b1c00;--gold-soft:#ffcd571f;--sky:#62cbff;--violet:#bb8dff;--green:#58d68d;--danger:#ff8a80;--r-sm:10px;--r-md:16px;--r-lg:22px;--r-xl:32px;--font-display:"Bricolage Grotesque Variable", "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-body:"Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--header-h:68px}*,: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:-.03em;font-weight:700;line-height:1.06}h1{letter-spacing:-.04em;font-size:clamp(2.5rem,6vw,4.6rem);line-height:1}h2{font-size:clamp(1.8rem,3.6vw,2.8rem)}h3{letter-spacing:-.02em;font-size:1.2rem}:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:8px}.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}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.page-wrap{animation:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.eyebrow{font:600 .74rem/1.4 var(--font-body);letter-spacing:.14em;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;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:0 22px;font-size:.92rem;font-weight:600;line-height:1;transition:background-color .18s,border-color .18s,transform .18s,box-shadow .18s,color .18s;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)scale(.99)}.btn-primary{background:var(--lime);color:var(--lime-ink)}.btn-secondary{background:var(--surface-2);border-color:var(--line-strong);color:var(--text)}.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:54px;padding:0 28px;font-size:1rem}.btn-sm{gap:8px;min-height:38px;padding:0 16px;font-size:.84rem}.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:#d8ff72;transform:translateY(-1px);box-shadow:0 8px 30px #c8f25c47}.btn-secondary:hover:not(:disabled){background:var(--surface-3);border-color:#ffffff47}.btn-ghost:hover:not(:disabled){color:var(--text)}.btn-google:hover:not(:disabled){background:#f4f6fb;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:#c8f25c59}.chip-gold{color:var(--gold);background:var(--gold-soft);border-color:#ffcd5766}.chip-mono{letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-size:.66rem}.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 #c8f25c2e}.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 #c8f25c38;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), #8ee04a);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)}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-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:#c8f25c80}.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}@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}.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:#080a0dcc;position:sticky;top:0}.header-inner{height:var(--header-h);align-items:center;gap:20px;display:flex}.brand{font:700 1.4rem/1 var(--font-display);letter-spacing:-.04em;white-space:nowrap;align-items:center;gap:10px;display:inline-flex}.brand-word b{font-weight:500}.brand-badge{font:600 .6rem/1 var(--font-body);letter-spacing:.12em;border:1px solid var(--line-strong);color:var(--faint);border-radius:6px;padding:3px 6px}.main-nav{gap:2px;margin-left:14px;display:flex}.main-nav a{color:var(--muted);border-radius:999px;align-items:center;padding:8px 14px;font-size:.92rem;font-weight:500;transition:color .18s,background-color .18s;display:inline-flex}.main-nav a:hover{color:var(--text);background:#ffffff0d}.main-nav a.active{color:var(--text);background:#ffffff17}.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);border-radius:20px;width:280px;padding:8px;animation:.2s modal-in;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 30px 80px #0000008c}.account-menu-head{border-bottom:1px solid var(--line);justify-items:start;gap:4px;margin-bottom:6px;padding:12px 12px 14px;display:grid}.account-menu-head>span:not(.chip){color:var(--muted);overflow-wrap:anywhere;font-size:.82rem}.account-menu-head .chip{margin-top:8px}.account-menu a,.account-menu button{width:100%;min-height:44px;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: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 svg{color:var(--muted)}.mobile-panel{display:none}.mobile-panel a{min-height:52px;font:600 1.15rem var(--font-display);border-bottom:1px solid var(--line);align-items:center;gap:8px;display:flex}.mobile-panel a.active{color:var(--lime)}.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));padding:6px 0 24px;display:block;overflow-y:auto}}@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:56px;padding-bottom:env(safe-area-inset-bottom,0px)}.footer-grid{grid-template-columns:1.3fr .8fr .8fr 1.4fr;gap:40px;display:grid}.footer-brand p{margin-top:14px;font-size:.92rem}.site-footer nav{align-content:start;gap:4px;display:grid}.site-footer nav h2{font:600 .74rem var(--font-body);letter-spacing:.14em;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:44px;padding-block:22px 28px;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}}.hero{background:radial-gradient(55% 55% at 82% 8%,#c8f25c1c,#0000 70%),radial-gradient(45% 60% at 0 45%,#bb8dff1a,#0000 70%);padding:72px 0 96px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 25%,#000 15%,#0000 70%);mask-image:radial-gradient(at 50% 25%,#000 15%,#0000 70%)}.hero-grid{z-index:1;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:64px;display:grid;position:relative}.hero h1{margin:24px 0 22px;font-size:clamp(2.9rem,6.6vw,5.6rem)}.hl{color:var(--lime);white-space:nowrap;position:relative}.hl svg{fill:none;width:100%;height:.2em;stroke:var(--lime);stroke-width:3px;stroke-linecap:round;opacity:.75;position:absolute;bottom:-.14em;left:0}.hl svg path{vector-effect:non-scaling-stroke}.cta-row{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.assurances{color:var(--faint);flex-wrap:wrap;gap:8px 22px;margin-top:26px;font-size:.86rem;display:flex}.assurances li{align-items:center;gap:7px;display:flex}.assurances svg{color:var(--lime)}.hero-mock{position:relative}.window{border:1px solid var(--line-strong);background:var(--surface);border-radius:22px;overflow:hidden;box-shadow:0 50px 120px #0009,0 0 80px #c8f25c0f}@media (width>=1001px){.window{transition:transform .5s;transform:perspective(1800px)rotateY(-6deg)rotateX(2deg)}.hero-mock:hover .window{transform:none}}.window-bar{background:var(--surface-2);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 16px;display:flex}.window-dots{gap:6px;display:flex}.window-dots i{background:#394150;border-radius:50%;width:10px;height:10px}.window-url{background:var(--bg-soft);min-width:0;color:var(--faint);white-space:nowrap;border-radius:99px;flex:1;justify-content:center;align-items:center;gap:6px;padding:5px 12px;font-size:.72rem;display:flex;overflow:hidden}.window-body{grid-template-columns:1.55fr 1fr;display:grid}.window-stage{background:radial-gradient(at 50% 90%,#8fb06a52,#0000 70%),#111812;padding:16px}.window-stage-head{font:600 .86rem var(--font-body);justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.window-stage-head>span:first-child{align-items:center;gap:8px;display:inline-flex}.window-stage .game-art{width:100%;height:auto}.window-side{border-left:1px solid var(--line);flex-direction:column;gap:10px;padding:16px;display:flex}.window-side-head{justify-content:space-between;align-items:center;margin-bottom:4px;font-size:.9rem;display:flex}.window-side-head span{color:var(--faint);border:1px solid var(--line-strong);border-radius:6px;padding:1px 7px;font-size:.72rem}.window-side ul{gap:2px;display:grid}.window-side li{align-items:center;gap:10px;padding:7px 0;display:flex}.window-side li strong{font-size:.8rem;line-height:1.3;display:block}.window-side li small{color:var(--faint);font-size:.68rem;display:block}.window-side .host-crown{color:var(--gold);margin-left:auto}.window-side .host-crown+.ready{margin-left:4px}.window-side .ready{color:var(--lime);margin-left:auto}.window-side .pending{border:2px dashed var(--faint);border-radius:50%;width:14px;height:14px;margin-left:auto}.seat-empty span{border:1.5px dashed var(--line-strong);width:34px;height:34px;color:var(--faint);border-radius:50%;place-items:center;display:grid}.seat-empty small{color:var(--faint);font-size:.74rem}.window-btn{border:1px solid var(--line-strong);background:var(--surface-2);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.76rem;font-weight:600;display:flex}.window-btn-primary{background:var(--lime);color:var(--lime-ink);border-color:#0000;margin-top:auto}.float-card{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#171c24f0;border-radius:18px;align-items:center;gap:12px;padding:12px 18px 12px 12px;animation:7s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 24px 60px #00000080}.float-card strong{font-size:.88rem;line-height:1.25;display:block}.float-card small{color:var(--muted);font-size:.72rem;display:block}.float-icon{background:var(--lime);width:40px;height:40px;color:var(--lime-ink);border-radius:12px;place-items:center;display:grid}.float-art{background:color-mix(in srgb, var(--rar) 14%, var(--surface-3));border:1px solid color-mix(in srgb, var(--rar) 45%, transparent);border-radius:14px;place-items:center;width:50px;height:50px;display:grid}.float-xp{bottom:44px;left:-34px}.float-reward{animation-delay:-3.5s;top:-26px;right:-14px}@keyframes float{0%,to{translate:0}50%{translate:0 -8px}}@media (prefers-reduced-motion:reduce){.float-card{animation:none}}.features{border-block:1px solid var(--line);background:var(--bg-soft)}.features-grid{grid-template-columns:repeat(4,1fr);display:grid}.feature{padding:34px 28px 34px 0}.feature+.feature{border-left:1px solid var(--line);padding-left:28px}.feature .icon-tile{margin-bottom:18px}.feature h3{font-size:1.05rem}.feature p{margin-top:8px;font-size:.88rem;line-height:1.55}.section{padding-block:84px 0}.section:last-of-type{padding-bottom:96px}.section-head{max-width:640px;margin-bottom:38px}.section-head p{margin-top:16px;font-size:1.05rem;line-height:1.65}.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:26px;padding-top:22px;display:flex}.section-foot p{font-size:.9rem}.section-tight{margin-top:56px}.bento{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.bento .is-featured{grid-area:span 2/span 2}.bento-few{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);flex-direction:column;display:flex;overflow:hidden}.step-visual{background:radial-gradient(ellipse at 50% 120%, #c8f25c1a, transparent 70%), var(--surface-2);border-bottom:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;gap:12px;height:190px;padding:20px;display:flex}.step-text{padding:22px 24px 26px;position:relative}.step-text h3{align-items:center;gap:10px;font-size:1.15rem;display:flex}.step-text h3 svg{color:var(--lime)}.step-text p{margin-top:10px;font-size:.92rem;line-height:1.6}.step-number{font:600 .78rem var(--font-body);letter-spacing:.14em;color:var(--faint);position:absolute;top:24px;right:24px}.pick{border:1px solid var(--line);background:var(--bg-soft);width:100%;max-width:230px;color:var(--muted);border-radius:12px;align-items:center;gap:10px;padding:8px 14px;font-size:.82rem;font-weight:500;display:flex}.pick.is-picked{background:var(--lime-soft);color:var(--text);border-color:#c8f25c8c}.pick.is-picked svg:last-child{color:var(--lime);margin-left:auto}.link-chip{border:1px solid var(--line-strong);background:var(--bg-soft);color:var(--muted);border-radius:12px;align-items:center;gap:10px;max-width:100%;padding:10px 16px;font-size:.8rem;display:inline-flex}.link-chip code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.link-copied{background:var(--lime-soft);color:var(--lime);border-radius:99px;align-items:center;gap:6px;padding:5px 12px;font-size:.76rem;font-weight:600;display:inline-flex}.ready-row{gap:10px;display:flex}.ready-avatar{position:relative}.ready-avatar>svg{box-sizing:content-box;border:2px solid var(--surface-2);background:var(--lime);width:11px;height:11px;color:var(--lime-ink);border-radius:50%;padding:3px;position:absolute;bottom:-4px;right:-4px}.start-chip{background:var(--lime);color:var(--lime-ink);border-radius:99px;align-items:center;gap:8px;padding:9px 18px;font-size:.82rem;font-weight:700;display:inline-flex}.showcase-top{grid-template-columns:1fr 1fr;align-items:center;gap:56px;margin-bottom:36px;display:grid}.showcase-copy h2{margin:14px 0 18px}.showcase-copy>p{font-size:1.05rem;line-height:1.65}.showcase-profile{position:relative}.mock-tag{z-index:3;background:var(--bg);position:absolute;top:-12px;right:18px}.pass-panel{padding:22px}.pass-panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.pass-panel-head h3{margin-top:6px;font-size:1.4rem}.final-cta{text-align:center;border-radius:var(--r-xl);border:1px solid var(--line-strong);background:radial-gradient(60% 110% at 50% 125%, #c8f25c33, transparent 70%), var(--surface);padding:84px 24px}.final-cta h2{margin:16px 0 10px;font-size:clamp(2.4rem,5.4vw,4rem)}.final-cta p{font-size:1.1rem}.final-cta .btn{margin-top:28px}.final-cta small{color:var(--faint);margin-top:24px;font-size:.8rem;display:block}@media (width<=1000px){.hero{padding:48px 0 72px}.hero-grid{grid-template-columns:1fr;gap:56px}.float-xp{left:-8px}.float-reward{right:-6px}.features-grid{grid-template-columns:1fr 1fr}.feature,.feature+.feature{border-left:0;padding:26px 20px}.feature:nth-child(2n){border-left:1px solid var(--line)}.feature:nth-child(n+3){border-top:1px solid var(--line)}.bento{grid-template-columns:1fr 1fr}.bento .is-featured{grid-area:auto/1/auto/-1}.steps{grid-template-columns:1fr}.step{flex-direction:row}.step-visual{border-bottom:0;border-right:1px solid var(--line);flex:0 0 42%;height:auto}.showcase-top{grid-template-columns:1fr;gap:44px}}@media (width<=720px){.section{padding-top:60px}.hero h1{margin:20px 0 18px}.cta-row .btn-lg{flex:100%}.window-body{grid-template-columns:1fr}.window-side{border-left:0;border-top:1px solid var(--line)}.window-side .window-btn{display:none}.float-card{padding:9px 14px 9px 9px}.float-xp{bottom:-22px;left:8px}.float-reward{top:-22px;right:8px}.bento{grid-template-columns:1fr}.step{flex-direction:column}.step-visual{border-right:0;border-bottom:1px solid var(--line);flex:none;height:190px}.section-foot{flex-direction:column;align-items:flex-start;gap:10px}.final-cta{border-radius:26px;padding:60px 20px}}@media (width<=480px){.features-grid{grid-template-columns:1fr}.feature:nth-child(2n){border-left:0}.feature:nth-child(n+2){border-top:1px solid var(--line)}}.game-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);flex-direction:column;min-width:0;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;overflow:hidden}@media (hover:hover) and (pointer:fine){.game-card:hover{border-color:color-mix(in srgb, var(--game-accent) 60%, transparent);transform:translateY(-3px);box-shadow:0 24px 60px #0000006b}.game-card:hover .game-art{transform:scale(1.04)}}.game-art-btn{aspect-ratio:3/2;border-bottom:1px solid var(--line);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));justify-content:center;align-items:center;width:100%;padding:22px 18px 14px;display:flex;position:relative;overflow:hidden}.game-art-btn .game-art{width:100%;height:100%;transition:transform .45s;display:block}.game-art-btn .chip{z-index:1;position:absolute;top:14px}.game-art-btn .chip:first-child{left:14px}.game-art-btn .chip:nth-child(2){right:14px}.chip-status i{background:var(--faint);border-radius:50%;width:6px;height:6px}.chip-status.is-preview i{background:var(--lime);box-shadow:0 0 0 3px #c8f25c33}.game-card-body{flex-direction:column;flex:none;gap:10px;padding:20px 22px 22px;display:flex}.game-card-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.game-card-title h3{font-size:1.35rem}.genre-tag{color:var(--game-accent);filter:brightness(1.35);align-items:center;gap:6px;font-size:.78rem;font-weight:500;display:inline-flex}.game-card-body>p{font-size:.92rem;line-height:1.55}.game-meta{border-top:1px solid var(--line);color:var(--faint);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:8px;padding-top:16px;font-size:.8rem;display:flex}.game-meta>span{align-items:center;gap:6px;display:inline-flex}.game-meta .btn{margin-left:auto}.game-card.is-featured .game-art-btn{aspect-ratio:auto;flex:1;min-height:340px;padding:36px 28px 18px}.game-card.is-featured .game-card-title h3{font-size:2rem}.game-card.is-featured .game-card-body>p{max-width:46ch;font-size:1.02rem}.bento-solo,.games-grid.is-solo{grid-template-columns:1fr}.bento-solo .is-featured{grid-area:auto}.bento-solo .game-card,.is-solo .game-card{grid-template-columns:1.2fr 1fr;display:grid}.bento-solo .game-art-btn,.is-solo .game-art-btn{aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--line);min-height:380px;padding:32px}.bento-solo .game-card-body,.is-solo .game-card-body{justify-content:center;padding:40px}@media (width<=800px){.bento-solo .game-card,.is-solo .game-card{grid-template-columns:1fr}.bento-solo .game-art-btn,.is-solo .game-art-btn{aspect-ratio:3/2;border-right:0;border-bottom:1px solid var(--line);min-height:0;padding:22px 18px 14px}.bento-solo .game-card-body,.is-solo .game-card-body{padding:22px}}.page-head{margin-bottom:40px;position:relative}.page-head p{margin-top:16px;font-size:1.1rem}.page-head-tag{position:absolute;top:4px;right:0}.toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-bottom:22px;display:flex}.genre-tabs{flex-wrap:wrap;gap:6px;display:flex}.genre-tabs button{min-height:40px;color:var(--muted);border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:.88rem;font-weight:500;transition:background-color .18s,color .18s;display:inline-flex}.genre-tabs button:hover:not(.active){color:var(--text);background:#ffffff0f}.genre-tabs button.active{background:var(--lime);color:var(--lime-ink);font-weight:600}.search-field{background:var(--surface);border:1px solid var(--line-strong);width:280px;min-height:44px;color:var(--faint);border-radius:999px;align-items:center;gap:10px;padding:0 8px 0 16px;display:flex}.search-field:focus-within{border-color:#c8f25c99}.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)}.results-head{color:var(--faint);justify-content:space-between;align-items:center;gap:12px;margin:22px 0;font-size:.84rem;display:flex}.sort-label{color:var(--muted);align-items:center;gap:8px;display:inline-flex}.sort-label select{color:var(--muted);cursor:pointer;background:0 0;border:0;padding-right:4px;font-size:.84rem}.games-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.page-foot{text-align:center;color:var(--faint);margin-top:56px;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}}@media (width<=720px){.games-grid{grid-template-columns:1fr}.page-head-tag{margin-top:18px;display:inline-flex;position:static}.toolbar{flex-direction:column;align-items:stretch}.genre-tabs{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-16px;padding-inline:16px;overflow-x:auto}.genre-tabs button{flex:none}.search-field{width:100%}.game-card.is-featured .game-art-btn{aspect-ratio:3/2;min-height:0;padding:22px 18px 14px}}.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 #c8f25c2e}.lobby-heading{justify-content:space-between;align-items:center;gap:24px;margin:32px 0 28px;display:flex}.lobby-heading h1{font-size:clamp(2.2rem,5vw,3.6rem)}.lobby-heading p{margin-top:12px}.lobby-code{background:var(--lime-soft);text-align:center;border:1px dashed #c8f25c73;border-radius:18px;min-width:160px;padding:14px 22px}.lobby-code span{font:600 .66rem var(--font-body);letter-spacing:.16em;color:var(--faint);display:block}.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:radial-gradient(at 50% 100%,#8fb06a42,#0000 70%),#111812;height:400px;position:relative;overflow:hidden}.scene-container>.game-art{width:100%;max-width:640px;height:100%;margin:auto}.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-start;gap:20px;padding:20px 24px;display:flex}.stage-foot p{max-width:60ch;font-size:.92rem;line-height:1.65}.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}.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 #c8f25c40;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}}.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;flex-direction:column;gap:2px;padding:18px 20px;display:flex}.stat svg{color:var(--lime);margin-bottom:10px}.stat strong{font:700 1.8rem/1.1 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);justify-content:space-between;align-items:center;gap:18px;padding:14px 0;display:flex}.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{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.quest-count{font:600 .78rem var(--font-body);color:var(--muted)}.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 #c8f25c1f}.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-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-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{flex-direction:column;align-items:flex-start;gap:12px}.quest-side{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.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 strong{font-size:1.5rem}.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{pointer-events:auto}.game-bar{z-index:6;pointer-events:none;padding:calc(14px + env(safe-area-inset-top)) 20px 40px;background:linear-gradient(#05070ad1,#0000);justify-content:space-between;align-items:center;gap:16px;animation:.6s cubic-bezier(.2,.8,.2,1) both bar-in;display:flex;position:absolute;inset:0 0 auto}@keyframes bar-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}.game-bar>*{pointer-events:auto}.game-bar-left{align-items:center;gap:12px;min-width:0;display:flex}.game-bar-left strong{font:700 1rem/1.2 var(--font-display);letter-spacing:-.02em;display:block}.game-bar-left span{color:var(--muted);font-size:.76rem;display:block}.game-bar-right{align-items:center;gap:8px;display:flex}.game-bar .icon-btn{background:#ffffff12}.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%, #c8f25c24, 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 #c8f25ca6)}.ring-orbit{stroke:#c8f25c47;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 #c8f25c52);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, #8ee04a, var(--lime));height:100%;display:block;position:relative;overflow:hidden;box-shadow:0 0 18px #c8f25c8c}.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(34px + 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}.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;bottom:calc(10px + env(safe-area-inset-bottom));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 #c8f25c66;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}.resume-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}@media (width<=640px){.game-panel{bottom:calc(28px + env(safe-area-inset-bottom));grid-template-columns:1fr;justify-items:center;padding:12px 14px}.game-columns{width:100%}.game-note{display:none}.game-result{top:calc(62px + env(safe-area-inset-top))}.game-bar{padding-inline:14px}.game-bar-left span,.game-bar .btn-ghost{display:none}}