@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-opsz-normal-D9N6E8K1.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,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-opsz-normal-IcJDqblK.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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-opsz-normal-Cre6nC2_.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/figtree-latin-ext-400-normal-CXAzuTZb.woff2) format("woff2"),url(/assets/figtree-latin-ext-400-normal-Gbh-3PTk.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Figtree;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/figtree-latin-400-normal-g7Dtegnw.woff2) format("woff2"),url(/assets/figtree-latin-400-normal-BD4aNku5.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/figtree-latin-ext-600-normal-DJlfifZj.woff2) format("woff2"),url(/assets/figtree-latin-ext-600-normal-CQqsimlV.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Figtree;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/figtree-latin-600-normal-Cv_xCTDl.woff2) format("woff2"),url(/assets/figtree-latin-600-normal-BM_oTo4n.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/figtree-latin-ext-700-normal-CS4sQkGV.woff2) format("woff2"),url(/assets/figtree-latin-ext-700-normal-BoDi4KL2.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Figtree;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/figtree-latin-700-normal-th6qEP7c.woff2) format("woff2"),url(/assets/figtree-latin-700-normal-BCCt2T1q.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #0f1024;--deep: #14153a;--surface: #1b1d3a;--surface-2: #232650;--surface-3: #2c2f61;--line: #313468;--line-soft: rgba(160, 168, 230, .14);--text: #eef0ff;--muted: #a3a8d4;--faint: #6d72a3;--gold: #ffc83d;--gold-hi: #ffd86e;--gold-ink: #2a1d00;--red: #ff5a5f;--green: #3ddc84;--blue: #4da3ff;--violet: #9b7bff;--display: "Bricolage Grotesque Variable", "Bricolage Grotesque", "Figtree", system-ui, sans-serif;--body: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--r-card: 22px;--r-ctl: 14px;--r-pill: 999px;--shadow: 0 18px 40px -18px rgba(3, 4, 20, .85);--header-h: 68px;--bottom-h: 0px;--ease: cubic-bezier(.2, .8, .2, 1);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 85% -10%,rgba(155,123,255,.16),transparent 60%),radial-gradient(900px 500px at -10% 20%,rgba(77,163,255,.1),transparent 60%),var(--ink);background-attachment:fixed;color:var(--text);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}h1,h2,h3,h4{font-family:var(--display);line-height:1.08;margin:0;letter-spacing:-.01em}p{margin:0}:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.muted{color:var(--muted)}.faint{color:var(--faint)}.nowrap{white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.app{min-height:100%;display:flex;flex-direction:column}.main{flex:1;padding-bottom:calc(var(--bottom-h) + 32px)}.page{width:min(1200px,100% - 40px);margin:0 auto;padding-top:28px}.page-narrow{width:min(760px,100% - 32px)}.stack{display:flex;flex-direction:column;gap:var(--gap, 16px)}.row{display:flex;align-items:center;gap:var(--gap, 12px)}.wrap{flex-wrap:wrap}.spread{justify-content:space-between}.grow{flex:1;min-width:0}.page-title{font-size:clamp(30px,5vw,46px);font-weight:800}.page-sub{color:var(--muted);margin-top:8px;max-width:60ch}.section{margin-top:56px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px}.section-head h2{font-size:clamp(24px,3.4vw,32px);font-weight:700}.header{position:sticky;top:0;z-index:40;height:var(--header-h);background:#0f1024c7;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--line-soft)}.header-inner{width:min(1200px,100% - 40px);margin:0 auto;height:100%;display:flex;align-items:center;gap:28px}.logo{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:-.02em}.logo-mark{width:34px;height:34px;flex:none}.nav{display:flex;gap:4px}.nav a{padding:8px 12px;border-radius:10px;color:var(--muted);font-weight:600;font-size:15px;transition:color .15s,background .15s}.nav a:hover{color:var(--text);background:var(--surface)}.nav a.active{color:var(--text);background:var(--surface-2)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.header-user{display:flex;align-items:center;gap:10px;padding:4px 12px 4px 4px;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line-soft);font-weight:600}.header-user:hover{border-color:var(--line)}.bottom-nav{display:none}.show-mobile{display:none!important}@media(max-width:860px){:root{--header-h: 58px;--bottom-h: 68px}.nav,.header-actions .hide-mobile{display:none}.show-mobile{display:inline-flex!important}.page{width:calc(100% - 32px);padding-top:20px}.header-inner{width:calc(100% - 28px);gap:12px}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:40;height:calc(var(--bottom-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#14153af0;backdrop-filter:blur(14px);border-top:1px solid var(--line-soft)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--faint);font-size:11px;font-weight:600}.bottom-nav a svg{width:24px;height:24px}.bottom-nav a.active{color:var(--gold)}.bottom-nav a.play-tab{color:var(--gold-ink)}.bottom-nav a.play-tab .play-bubble{width:48px;height:48px;margin-top:-18px;border-radius:16px;background:var(--gold);display:grid;place-items:center;box-shadow:0 8px 20px -6px #ffc83d99}.bottom-nav a.play-tab span:last-child{color:var(--muted)}}body.in-game .bottom-nav,body.in-game .header{display:none}body.in-game{--bottom-h: 0px;overscroll-behavior:none}.btn{--bg: var(--surface-2);--fg: var(--text);--bd: var(--line);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:var(--r-ctl);border:1px solid var(--bd);background:var(--bg);color:var(--fg);font-weight:700;font-size:15px;cursor:pointer;white-space:nowrap;transition:transform .12s var(--ease),background .15s,border-color .15s,box-shadow .15s;user-select:none}.btn:hover{border-color:var(--faint)}.btn:active{transform:translateY(1px) scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn svg{width:18px;height:18px;flex:none}.btn-play{--bg: var(--gold);--fg: var(--gold-ink);--bd: transparent;box-shadow:0 10px 24px -12px #ffc83de6,inset 0 -3px #00000024}.btn-play:hover{--bg: var(--gold-hi);border-color:transparent}.btn-ghost{--bg: transparent;--bd: var(--line)}.btn-subtle{--bg: var(--surface);--bd: transparent}.btn-subtle:hover{--bg: var(--surface-2);border-color:transparent}.btn-danger{--bg: rgba(255, 90, 95, .14);--fg: #ff8a8e;--bd: rgba(255, 90, 95, .3)}.btn-lg{min-height:54px;padding:0 26px;font-size:17px;border-radius:16px}.btn-sm{min-height:36px;padding:0 12px;font-size:14px;border-radius:11px}.btn-icon{width:44px;padding:0}.btn-icon.btn-sm{width:36px}.btn-block{width:100%}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--muted);font-size:13px;font-weight:600;white-space:nowrap}.chip svg{width:14px;height:14px}.chip-live{background:#3ddc8424;color:var(--green)}.chip-live:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px #3ddc8440}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:14px;font-weight:600;color:var(--muted)}.input,.select{min-height:46px;padding:0 14px;border-radius:var(--r-ctl);background:var(--deep);border:1px solid var(--line);outline:none;transition:border-color .15s,box-shadow .15s;width:100%}.input:focus,.select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #ffc83d2e}.input::placeholder{color:var(--faint)}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23A3A8D4' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.code-input{font-family:var(--display);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:20px;text-align:center;min-width:0}.code-input::placeholder{letter-spacing:0;text-transform:none;font-size:16px;font-weight:600;font-family:var(--body)}.form-error{color:#ff8a8e;font-size:14px;font-weight:600}.seg{display:inline-flex;padding:4px;gap:4px;background:var(--deep);border:1px solid var(--line-soft);border-radius:14px;flex-wrap:wrap}.seg button{border:0;background:transparent;padding:8px 14px;border-radius:10px;font-weight:600;color:var(--muted);cursor:pointer;min-height:38px}.seg button[aria-pressed=true]{background:var(--surface-3);color:var(--text);box-shadow:0 2px #00000040}.switch{position:relative;width:50px;height:30px;flex:none}.switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.switch span{position:absolute;inset:0;border-radius:99px;background:var(--surface-3);transition:background .2s;pointer-events:none}.switch span:after{content:"";position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s var(--ease)}.switch input:checked+span{background:var(--green)}.switch input:checked+span:after{transform:translate(20px)}.switch input:focus-visible+span{outline:3px solid var(--gold);outline-offset:2px}input[type=range]{accent-color:var(--gold);width:100%}.panel{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-card);padding:22px}.panel-tight{padding:16px}.panel h3{font-size:20px;font-weight:700}.hero{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:24px;align-items:center;min-height:520px;padding:24px 0 8px}.hero h1{font-size:clamp(46px,7.4vw,92px);font-weight:800;letter-spacing:-.035em;line-height:.96}.hero h1 .line{display:block}.hero h1 .line:nth-child(1){color:var(--text)}.hero h1 .line:nth-child(2){color:#c9c3ff}.hero h1 .line:nth-child(3){color:var(--gold)}.hero-sub{margin-top:20px;font-size:clamp(17px,2vw,20px);color:var(--muted);max-width:32ch}.hero-cta{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap}.hero-meta{margin-top:26px;display:flex;gap:10px;flex-wrap:wrap}.fan{position:relative;height:470px;--fan-k: .78}.fan-card{--rot: 0deg;--x: 0px;--y: 0px;position:absolute;left:50%;top:50%;width:214px;aspect-ratio:3 / 4.1;margin:-146px 0 0 -107px;border-radius:22px;overflow:hidden;background:var(--surface-2);border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 50px -24px #000000e6;transform:translate(var(--x),var(--y)) rotate(var(--rot));transform-origin:50% 120%;transition:transform .35s var(--ease),box-shadow .3s;cursor:pointer;animation:deal .7s var(--ease) both;animation-delay:calc(var(--i) * 70ms)}.fan-card img{width:100%;height:62%;object-fit:cover}.fan-card .fan-body{padding:14px 16px}.fan-card .fan-name{font-family:var(--display);font-weight:700;font-size:20px}.fan-card .fan-tag{color:var(--muted);font-size:13px;margin-top:4px;line-height:1.35}.fan-card:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 2px var(--accent);opacity:0;transition:opacity .2s}.fan:hover .fan-card{--spread: 1.18}.fan-card:hover,.fan-card:focus-visible{transform:translate(var(--x),calc(var(--y) - 34px)) rotate(var(--rot)) scale(1.04);z-index:10}.fan-card:hover:after,.fan-card:focus-visible:after{opacity:1}@keyframes deal{0%{transform:translateY(160px) rotate(0);opacity:0}}@media(max-width:960px){.hero{grid-template-columns:1fr;min-height:0}.fan{height:330px;margin-top:8px}.fan-card{width:160px;margin:-110px 0 0 -80px}.fan-card .fan-name{font-size:16px}.fan-card .fan-tag{display:none}}@media(max-width:520px){.fan{height:270px}.fan-card{width:128px;margin:-90px 0 0 -64px;border-radius:16px}.fan-card .fan-body{padding:10px}}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.game-grid.featured{grid-template-columns:repeat(3,1fr)}@media(max-width:1020px){.game-grid.featured{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.game-grid,.game-grid.featured{grid-template-columns:1fr;gap:14px}}.game-card{position:relative;display:flex;flex-direction:column;border-radius:var(--r-card);overflow:hidden;background:var(--surface);border:1px solid var(--line-soft);transition:border-color .2s,transform .25s var(--ease)}.game-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent);transform:translateY(-3px)}.game-card .thumb{position:relative;aspect-ratio:16 / 10;background:var(--deep);overflow:hidden}.game-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.game-card:hover .thumb img{transform:scale(1.04)}.game-card .thumb .live{position:absolute;top:12px;left:12px}.game-card .body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px;flex:1}.game-card h3{font-size:23px;font-weight:700;display:flex;align-items:center;gap:10px}.game-card h3:before{content:"";width:10px;height:10px;border-radius:3px;background:var(--accent);transform:rotate(45deg);flex:none}.game-card .tag{color:var(--muted)}.game-card .meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.game-card .actions{margin-top:auto;padding-top:8px;display:flex;gap:10px}.game-card .actions .btn-play{flex:1}.game-card.compact .body{padding:14px 16px 16px}.game-card.compact h3{font-size:20px}@media(max-width:620px){.game-card.row-mobile{flex-direction:row}.game-card.row-mobile .thumb{width:38%;aspect-ratio:auto;flex:none}.game-card.row-mobile .body{padding:14px;gap:6px}.game-card.row-mobile h3{font-size:19px}.game-card.row-mobile .tag{font-size:14px;line-height:1.35}.game-card.row-mobile .meta .chip:nth-child(n+2){display:none}}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:22px 0}.search{position:relative;flex:1 1 280px}.search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--faint)}.search .input{padding-left:42px}.filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;margin:0 -20px;padding-left:20px;padding-right:20px}.filters::-webkit-scrollbar{display:none}.filter{border:1px solid var(--line);background:transparent;color:var(--muted);padding:8px 14px;border-radius:var(--r-pill);font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap;min-height:38px}.filter:hover{color:var(--text)}.filter[aria-pressed=true]{background:var(--text);color:var(--ink);border-color:var(--text)}.empty{text-align:center;padding:60px 20px;color:var(--muted)}.empty h3{color:var(--text);font-size:22px;margin-bottom:8px}.detail{display:grid;grid-template-columns:1.1fr 1fr;grid-template-areas:"art modes" "info modes";gap:20px 28px;align-items:start}.detail-modes{grid-area:modes}.detail-info{grid-area:info}.detail .detail-art{grid-area:art}@media(max-width:900px){.detail{grid-template-columns:1fr;grid-template-areas:"info" "modes" "art"}.detail .detail-art img{aspect-ratio:16 / 8}.detail-info .controls{display:none}}.detail-art{border-radius:var(--r-card);overflow:hidden;border:1px solid var(--line-soft)}.detail-art img{width:100%;aspect-ratio:16/10;object-fit:cover}.mode-list{display:flex;flex-direction:column;gap:12px}.mode-card{display:flex;align-items:center;gap:16px;width:100%;padding:16px 18px;border-radius:18px;background:var(--surface);border:1px solid var(--line-soft);text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.mode-card:hover{border-color:var(--line);background:var(--surface-2)}.mode-card[aria-pressed=true]{border-color:var(--gold);background:var(--surface-2)}.mode-card .mode-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--surface-3);flex:none}.mode-card .mode-icon svg{width:24px;height:24px}.mode-card strong{display:block;font-family:var(--display);font-size:19px}.mode-card small{color:var(--muted);font-size:14px}.setup{margin-top:18px;display:flex;flex-direction:column;gap:16px}.setup-row{display:flex;flex-direction:column;gap:8px}.setup-row>label{font-weight:600;color:var(--muted);font-size:14px}.setup-row>.seg{align-self:flex-start}.local-names{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.avatar{--s: 40px;width:var(--s);height:var(--s);border-radius:30%;display:grid;place-items:center;flex:none;background:var(--av, var(--surface-3));font-size:calc(var(--s) * .55);line-height:1;position:relative}.avatar svg{width:72%;height:72%}.avatar .dot{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border-radius:50%;border:2px solid var(--surface);background:var(--green)}.avatar .dot.off{background:var(--faint)}.avatar-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.avatar-picker button{border:2px solid transparent;background:none;padding:4px;border-radius:16px;cursor:pointer;display:grid;place-items:center}.avatar-picker button[aria-pressed=true]{border-color:var(--gold)}.mp-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}@media(max-width:900px){.mp-grid{grid-template-columns:1fr}}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:520px){.quick-grid{grid-template-columns:repeat(2,1fr)}}.quick-tile{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;min-height:110px;padding:14px;border-radius:18px;border:1px solid var(--line-soft);background:linear-gradient(180deg,transparent 30%,rgba(15,16,36,.92)),var(--img) center/cover;cursor:pointer;text-align:left;transition:transform .2s var(--ease),border-color .2s}.quick-tile:hover{transform:translateY(-2px);border-color:var(--accent)}.quick-tile strong{font-family:var(--display);font-size:18px}.quick-tile small{color:var(--muted);font-size:13px}.room-list{display:flex;flex-direction:column;gap:8px}.room-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--deep);border:1px solid var(--line-soft)}.room-row img{width:54px;height:36px;border-radius:8px;object-fit:cover}.lobby{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:start}@media(max-width:900px){.lobby{grid-template-columns:1fr}}.room-code{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 18px;border-radius:18px;background:var(--deep);border:1px dashed var(--line)}.room-code>.grow{flex:1 1 220px}.room-code .code{font-family:var(--display);font-weight:800;font-size:clamp(26px,5vw,36px);letter-spacing:.06em}.player-list{display:flex;flex-direction:column;gap:8px}.player-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--deep);border:1px solid var(--line-soft);min-height:62px}.player-row.empty-seat{border-style:dashed;color:var(--faint);justify-content:center}.player-row .name{font-weight:700;display:flex;align-items:center;gap:8px;min-width:0}.player-row .name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{font-size:12px;font-weight:700;padding:2px 8px;border-radius:99px;background:var(--surface-3);color:var(--muted)}.badge-host{background:#ffc83d29;color:var(--gold)}.badge-ready{background:#3ddc8429;color:var(--green)}.badge-wait{background:#a3a8d41f}.countdown-big{font-family:var(--display);font-weight:800;font-size:64px;color:var(--gold);line-height:1}.table{width:100%;border-collapse:separate;border-spacing:0 6px}.table th{text-align:left;font-size:13px;color:var(--faint);font-weight:600;padding:0 14px}.table td{background:var(--surface);padding:12px 14px}.table td:first-child{border-radius:12px 0 0 12px;width:64px}.table td:last-child{border-radius:0 12px 12px 0}.table .num{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.rank{font-family:var(--display);font-weight:800;font-size:20px;color:var(--faint)}.rank-1{color:var(--gold)}.rank-2{color:#d9dcf2}.rank-3{color:#ff9b5e}.table tr.me td{background:var(--surface-2)}.profile-head{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.profile-head>.grow{flex:1 1 220px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:700px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat{padding:16px 18px;border-radius:18px;background:var(--surface);border:1px solid var(--line-soft)}.stat b{display:block;font-family:var(--display);font-size:30px;font-weight:800;line-height:1.1}.stat span{color:var(--muted);font-size:14px}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.ach{display:flex;gap:12px;align-items:center;padding:12px;border-radius:14px;background:var(--deep);border:1px solid var(--line-soft)}.ach .medal{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--surface-3);color:var(--faint);flex:none}.ach.unlocked .medal{background:#ffc83d29;color:var(--gold)}.ach:not(.unlocked){opacity:.6}.ach strong{display:block;font-size:15px}.ach small{color:var(--muted)}.match-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--deep)}.outcome{font-weight:800;font-size:13px;padding:3px 9px;border-radius:8px}.outcome.win{background:#3ddc8429;color:var(--green)}.outcome.loss{background:#ff5a5f24;color:#ff8a8e}.outcome.draw{background:#a3a8d424;color:var(--muted)}.modal-back{position:fixed;inset:0;z-index:100;background:#060714a8;backdrop-filter:blur(6px);display:grid;place-items:center;padding:16px;animation:fade .18s ease both}.modal{width:min(460px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow);animation:pop .22s var(--ease) both}.modal h2{font-size:26px;font-weight:800;margin-bottom:6px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;flex-wrap:wrap}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.97)}}@media(max-width:520px){.modal-back{place-items:end center;padding:0}.modal{width:100%;border-radius:24px 24px 0 0;padding-bottom:calc(24px + env(safe-area-inset-bottom))}}.toasts{position:fixed;z-index:200;top:calc(var(--header-h) + 10px);right:16px;display:flex;flex-direction:column;gap:8px;pointer-events:none}@media(max-width:860px){.toasts{left:12px;right:12px;top:10px;align-items:center}}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;background:var(--surface-3);border:1px solid var(--line);box-shadow:var(--shadow);font-weight:600;font-size:14px;animation:slidein .25s var(--ease) both;max-width:380px}.toast.error{border-color:#ff5a5f80}.toast.success{border-color:#3ddc8480}@keyframes slidein{0%{opacity:0;transform:translateY(-8px)}}.game-shell{position:fixed;inset:0;display:flex;flex-direction:column;background:var(--ink);z-index:30}.game-bar{height:56px;flex:none;display:flex;align-items:center;gap:8px;padding:0 10px;padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--line-soft);background:#14153ae6}.game-bar .title{font-family:var(--display);font-weight:700;font-size:18px;display:flex;align-items:center;gap:8px;min-width:0}.game-bar .title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-bar .spacer{flex:1}.game-stage{flex:1;min-height:0;position:relative;display:flex;overflow:hidden}.game-pause{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:#060714b3;backdrop-filter:blur(4px)}.board-layout{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;padding:16px;min-height:0}.board-area{display:grid;place-items:center;min-height:0;min-width:0;position:relative}.side-panel{display:flex;flex-direction:column;gap:12px;min-height:0;overflow:auto}@media(max-width:900px),(max-aspect-ratio:1/1){.board-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;padding:10px;gap:10px;overflow:auto}.side-panel{overflow:visible}}.turn-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--line-soft);font-weight:700}.turn-banner .swatch{width:14px;height:14px;border-radius:4px;flex:none}.turn-banner.mine{border-color:var(--gold);box-shadow:0 0 0 3px #ffc83d1f}.seat-list{display:flex;flex-direction:column;gap:6px}.seat{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--surface);border:1px solid transparent}.seat.active{border-color:var(--seat, var(--gold));background:var(--surface-2)}.seat .swatch{width:12px;height:12px;border-radius:50%;flex:none;background:var(--seat)}.seat .nm{font-weight:700;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat .val{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:700;font-size:14px}.die{--size: 76px;width:var(--size);height:var(--size);border-radius:22%;background:linear-gradient(145deg,#fff,#e6e6f2);box-shadow:inset 0 -5px #0000001f,0 10px 22px -10px #000c;display:grid;grid-template:repeat(3,1fr) / repeat(3,1fr);padding:14%;border:0;cursor:pointer;flex:none}.die i{display:block;width:calc(var(--size) * .17);height:calc(var(--size) * .17);border-radius:50%;background:#1b1d3a;place-self:center;visibility:hidden}.die.rolling{animation:shake .5s ease both}.die:disabled{cursor:default;filter:saturate(.6) brightness(.85)}.die.ready{box-shadow:inset 0 -5px #0000001f,0 0 0 4px var(--gold),0 0 22px #ffc83d73;animation:pulse 1.6s ease-in-out infinite}@keyframes shake{0%{transform:rotate(0)}20%{transform:rotate(-18deg) translateY(-8px)}45%{transform:rotate(14deg) translateY(-12px)}70%{transform:rotate(-8deg)}to{transform:rotate(0)}}@keyframes pulse{50%{transform:scale(1.05)}}.result-back{position:absolute;inset:0;z-index:25;display:grid;place-items:center;padding:16px;background:#060714b8;backdrop-filter:blur(5px);animation:fade .25s ease both;overflow:auto}.result-card{width:min(480px,100%);background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:26px;text-align:center;position:relative;animation:pop .35s var(--ease) both}.result-card .trophy{width:72px;height:72px;margin:0 auto 10px;border-radius:22px;display:grid;place-items:center;background:#ffc83d29;color:var(--gold)}.result-card .trophy svg{width:40px;height:40px}.result-card h2{font-size:clamp(30px,6vw,40px);font-weight:800}.result-card .reason{color:var(--muted);margin-top:4px}.result-list{margin:20px 0 6px;display:flex;flex-direction:column;gap:6px;text-align:left}.result-list .r{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--deep)}.result-list .r.win{background:#ffc83d1f}.result-list .r .score{margin-left:auto;font-family:var(--display);font-weight:800;font-size:20px}.result-actions{display:grid;gap:10px;margin-top:18px}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit}.confetti i{position:absolute;top:-12px;width:8px;height:14px;border-radius:2px;animation:fall 1.8s ease-in forwards;opacity:.95}@keyframes fall{to{transform:translateY(560px) rotate(540deg);opacity:0}}.stick{position:absolute;bottom:calc(24px + env(safe-area-inset-bottom));width:132px;height:132px;border-radius:50%;background:#ffffff0f;border:2px solid rgba(255,255,255,.14);touch-action:none;z-index:10}.stick .knob{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#ffffff38;border:2px solid rgba(255,255,255,.4)}.stick.left{left:calc(24px + env(safe-area-inset-left))}.stick.right{right:calc(24px + env(safe-area-inset-right))}.stick.fire .knob{background:#ff7a4573;border-color:#ff7a45e6}.touch-btn{position:absolute;z-index:10;width:60px;height:60px;border-radius:50%;border:2px solid rgba(255,255,255,.18);background:#ffffff14;color:var(--text);font-weight:800;display:grid;place-items:center;touch-action:none}.canvas-wrap{position:relative;flex:1;min-width:0;min-height:0;display:grid;place-items:center}.canvas-wrap canvas{display:block;touch-action:none}.hud{position:absolute;z-index:5;pointer-events:none}.hud-top{top:10px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.hud-pill{pointer-events:auto;padding:6px 12px;border-radius:12px;background:#0f1024c7;border:1px solid var(--line-soft);font-weight:700;font-variant-numeric:tabular-nums;backdrop-filter:blur(6px)}.hud-big{font-family:var(--display);font-size:22px;font-weight:800}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-2) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:12px}@keyframes shimmer{to{background-position:-200% 0}}.footer{margin-top:80px;padding:28px 0 40px;border-top:1px solid var(--line-soft);color:var(--faint);font-size:14px}.footer .page{padding-top:0;display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap}.kbd{display:inline-block;padding:1px 7px;border-radius:6px;background:var(--surface-3);border-bottom:2px solid var(--line);font-size:13px;font-weight:700}.ways-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line-soft);border-radius:var(--r-card);overflow:hidden;background:var(--surface)}.way{padding:26px;display:flex;flex-direction:column;gap:10px}.way+.way{border-left:1px solid var(--line-soft)}.way h3{font-size:22px}.way-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center}.way-icon svg{width:26px;height:26px}@media(max-width:760px){.ways-grid{grid-template-columns:1fr}.way+.way{border-left:0;border-top:1px solid var(--line-soft)}}.account-cta{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px 26px;border-radius:var(--r-card);background:linear-gradient(120deg,#ffc83d24,#9b7bff1f);border:1px solid rgba(255,200,61,.25)}.account-cta h3{font-size:22px;margin-bottom:4px}.account-cta p{max-width:60ch}@media(max-width:960px){.fan{--fan-k: .62}}@media(max-width:520px){.fan{--fan-k: .42}}.handoff{position:absolute;inset:0;z-index:24;display:grid;place-items:center;padding:16px;background:radial-gradient(circle at 50% 35%,#2a2d66,#0c0d22 70%);animation:fade .2s ease both}.handoff-card{width:min(420px,100%);display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:28px;border-radius:26px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.handoff-card h2{font-size:clamp(26px,5vw,34px);font-weight:800}.site-footer .footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:24px;justify-content:initial}.site-footer nav,.footer-brand{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.site-footer strong{color:var(--text);font-size:14px}.site-footer a,.linklike{color:var(--muted);text-decoration:none}.site-footer a:hover,.linklike:hover{color:var(--text);text-decoration:underline}.linklike{background:none;border:0;padding:0;font:inherit;cursor:pointer;text-align:left}.prose .linklike{color:var(--gold);text-decoration:underline}@media(max-width:720px){.site-footer .footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}}.prose{line-height:1.65;padding-bottom:24px}.prose h2{font-size:24px;margin:34px 0 10px}.prose h3{font-size:18px;margin:22px 0 6px}.prose p,.prose li{color:var(--muted)}.prose p{margin:10px 0}.prose ul,.prose ol{padding-left:22px;margin:8px 0}.prose li{margin:4px 0}.prose a{color:var(--gold)}.prose-games{columns:2 260px}.guide{margin-top:48px;padding:clamp(18px,3vw,32px);border-radius:24px;background:var(--surface);border:1px solid var(--line-soft);line-height:1.65}.guide h2{font-size:clamp(22px,3vw,28px);margin-bottom:8px}.guide h3{font-size:18px;margin:18px 0 8px}.guide p{color:var(--muted);margin:8px 0;max-width:75ch}.guide ol,.guide ul{padding-left:22px;color:var(--muted)}.guide li{margin:6px 0}.guide-cols{display:grid;grid-template-columns:1.3fr 1fr;gap:28px}.faq{display:flex;flex-direction:column;gap:8px}.faq details{border:1px solid var(--line-soft);border-radius:14px;padding:12px 16px;background:#ffffff05}.faq summary{cursor:pointer;font-weight:700;color:var(--text)}.faq details p{margin:8px 0 0}@media(max-width:760px){.guide-cols{grid-template-columns:1fr;gap:4px}}.ad-slot{margin:40px auto 0;min-height:120px;max-width:970px;display:flex;flex-direction:column;gap:6px}.ad-slot .ad-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);text-align:center}.ad-slot ins{min-height:100px}.noscript{max-width:760px;margin:40px auto;padding:0 20px;line-height:1.6}