@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.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:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-ext-wght-normal-DdQaqQDo.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:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-wght-normal-Bc-8i84L.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{--bg:#0e0d16;--bg-2:#15131f;--ink:#f6f1e7;--ink-2:#cfc8d9;--muted:#9a94ab;--faint:#6c6680;--line:#ffffff17;--line-2:#ffffff29;--glass:#ffffff0e;--glass-2:#ffffff17;--gold:#f2c14e;--gold-2:#ffd977;--rose:#e5566d;--mint:#5cc98b;--sky:#4ea8de;--violet:#b07cf2;--accent:var(--gold);--font-ui:"Outfit Variable", "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Fraunces Variable", "Fraunces", Georgia, serif;--r-sm:10px;--r:16px;--r-lg:24px;--shadow-1:0 1px 2px #0000004d, 0 4px 14px #00000040;--shadow-2:0 2px 6px #00000059, 0 18px 40px #00000073;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--topbar-h:52px;--tabbar-h:64px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-ui);color:var(--ink);background:radial-gradient(1100px 700px at 8% -12%, #7c5cff33, transparent 60%), radial-gradient(900px 640px at 105% 0%, #ff8a5421, transparent 62%), radial-gradient(900px 900px at 50% 120%, #2ec4b614, transparent 60%), var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background-attachment:fixed;margin:0;font-size:16px;line-height:1.45}body:before{content:"";pointer-events:none;z-index:0;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;position:relative}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;font-variation-settings:"SOFT" 50, "WONK" 0;margin:0;font-weight:650;line-height:1.1}p{margin:0}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}::selection{background:#f2c14e59}.display{font-family:var(--font-display)}.muted{color:var(--muted)}.tiny{font-size:12px}.small{font-size:14px}.row{align-items:center;gap:10px;display:flex}.col{flex-direction:column;gap:10px;display:flex}.grow{flex:1;min-width:0}.center{place-items:center;display:grid}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.btn{--btn-bg:var(--glass-2);--btn-ink:var(--ink);background:var(--btn-bg);min-height:44px;color:var(--btn-ink);letter-spacing:.01em;border:1px solid var(--line-2);transition:transform .15s var(--ease-out), background .2s, box-shadow .2s, opacity .2s;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:600;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff14}.btn:hover{background:#ffffff21}.btn:active{transform:translateY(1px)scale(.98)}.btn:disabled{opacity:.45;pointer-events:none}.btn.primary{--btn-ink:#2a1a00;background:linear-gradient(#ffe08a,#f2b632 60%,#e0a21f);border-color:#ffe6a0b3;box-shadow:inset 0 1px #fff9,0 6px 18px #f2b63247}.btn.primary:hover{filter:brightness(1.06)}.btn.accent{--btn-ink:#fff;background:linear-gradient(180deg, color-mix(in oklab, var(--accent) 88%, white), var(--accent));border-color:color-mix(in oklab, var(--accent) 60%, white);box-shadow:inset 0 1px 0 #ffffff59, 0 6px 18px color-mix(in oklab, var(--accent) 35%, transparent);text-shadow:0 1px 1px #00000040}.btn.danger{color:#ffc3cd;background:#e5566d29;border-color:#e5566d73}.btn.ghost{box-shadow:none;background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--glass)}.btn.sm{border-radius:11px;min-height:34px;padding:0 12px;font-size:13px}.btn.lg{border-radius:17px;min-height:54px;padding:0 26px;font-size:17px}.btn.block{width:100%}.btn.icon{width:44px;padding:0}.btn.icon.sm{width:34px}.panel{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);-webkit-backdrop-filter:blur(14px);background:linear-gradient(#ffffff12,#ffffff09)}.chip{background:var(--glass-2);border:1px solid var(--line);height:26px;color:var(--ink-2);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;font-weight:600;display:inline-flex}.chip.gold{color:var(--gold-2);background:#f2c14e24;border-color:#f2c14e59}.input{border:1px solid var(--line-2);background:#00000047;border-radius:14px;outline:none;width:100%;height:48px;padding:0 16px;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:#f2c14e99;box-shadow:0 0 0 4px #f2c14e1f}.input::placeholder{color:var(--faint)}label.field{color:var(--ink-2);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.seg{border:1px solid var(--line);background:#0000004d;border-radius:13px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.seg button{min-height:34px;color:var(--muted);border-radius:10px;padding:0 12px;font-size:13.5px;font-weight:600;transition:background .2s,color .2s}.seg.full{width:100%;display:flex}.seg.full button{flex:1}.seg button[aria-pressed=true]{background:var(--glass-2);color:var(--ink);box-shadow:inset 0 1px #ffffff14,0 1px 3px #0000004d}.avatar{--c:var(--gold);--size:40px;width:var(--size);height:var(--size);font-size:calc(var(--size) * .55);background:radial-gradient(circle at 32% 28%, #ffffff73, transparent 45%), radial-gradient(circle at 50% 60%, color-mix(in oklab, var(--c) 70%, #1a1530), color-mix(in oklab, var(--c) 35%, #0d0b18));box-shadow:0 0 0 2px color-mix(in oklab, var(--c) 85%, white), 0 3px 10px #00000073;border-radius:50%;flex:none;place-items:center;line-height:1;display:grid;position:relative}.avatar.active:after{content:"";border:2px solid var(--c);animation:pulse-ring 1.6s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:-6px}.avatar .bot-badge{border:1px solid var(--line-2);background:#221d33;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;display:grid;position:absolute;bottom:-4px;right:-4px}.avatar .off-dot{border:2px solid var(--bg);background:#6c6680;border-radius:50%;width:11px;height:11px;position:absolute;top:-2px;right:-2px}.avatar .on-dot{background:var(--mint);border:2px solid var(--bg);border-radius:50%;width:12px;height:12px;position:absolute;bottom:-1px;right:-1px}@keyframes pulse-ring{0%{opacity:.9;transform:scale(.92)}to{opacity:0;transform:scale(1.25)}}.scrim{z-index:100;-webkit-backdrop-filter:blur(6px);animation:fade-in .2s var(--ease-out);background:#06050c99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.sheet{border:1px solid var(--line-2);width:min(560px,100%);max-height:min(86dvh,900px);box-shadow:var(--shadow-2);animation:sheet-in .32s var(--ease-out);background:linear-gradient(#221e33,#17141f);border-radius:26px;padding:22px;position:relative;overflow:auto}.sheet.wide{width:min(820px,100%)}@media (width<=640px){.scrim{align-items:flex-end;padding:0}.sheet{width:100%;padding:18px 18px calc(18px + var(--safe-bottom));max-height:90dvh;animation:sheet-up .34s var(--ease-out);border-radius:26px 26px 0 0}.sheet:before{content:"";background:var(--line-2);border-radius:9px;width:44px;height:5px;margin:-6px auto 12px;display:block}}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-in{0%{opacity:0;transform:translateY(14px)scale(.98)}}@keyframes sheet-up{0%{transform:translateY(100%)}}.toasts{z-index:200;left:50%;top:calc(12px + var(--safe-top));pointer-events:none;flex-direction:column;gap:8px;width:min(420px,100% - 24px);display:flex;position:fixed;transform:translate(-50%)}.toast{pointer-events:auto;border:1px solid var(--line-2);box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:toast-in .35s var(--ease-spring);background:#221e33eb;border-radius:16px;padding:12px 16px;font-size:14.5px}.toast.error{border-color:#e5566d80}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)scale(.96)}}.rules h1{margin-bottom:12px;font-size:28px}.rules h2{color:var(--gold-2);margin:20px 0 8px;font-size:19px}.rules p{color:var(--ink-2);margin:6px 0}.rules ul{color:var(--ink-2);margin:6px 0;padding-left:20px}.rules li{margin:4px 0}.rules strong{color:var(--ink)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pop{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}.skeleton{background:linear-gradient(90deg, var(--glass) 25%, var(--glass-2) 37%, var(--glass) 63%);border-radius:var(--r);background-size:400% 100%;animation:1.4s infinite shimmer}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--gold-2);outline-offset:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{touch-action:manipulation}.gf,.gf *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.gf input,.gf textarea,.gf [contenteditable]{-webkit-user-select:text;user-select:text}.gf-board{overscroll-behavior:contain;touch-action:manipulation}.gf,.scrim{touch-action:pan-x pan-y}.gf img,.gf svg{-webkit-user-drag:none}@media (pointer:coarse){.btn.sm{min-height:40px}.btn.icon.sm{width:40px}}@media (hover:none){.gcard:hover,.tcard:hover,.btn:hover{transform:none}}.gf{z-index:10;background:#0b0a12;flex-direction:column;display:flex;position:fixed;inset:0}.gf-top{z-index:20;padding:calc(4px + var(--safe-top)) 6px 4px;min-height:calc(var(--topbar-h) + var(--safe-top));border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);background:linear-gradient(#0e0c18f5,#0e0c18d1);align-items:center;gap:2px;display:flex;position:relative}.gf-title{align-items:baseline;gap:10px;min-width:0;padding-left:2px;display:flex}.gf-name{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(90deg, var(--ink), color-mix(in oklab, var(--accent) 70%, white));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:19px;font-weight:700;overflow:hidden}.gf-banner{z-index:19;text-align:center;color:var(--gold-2);background:#f2c14e1f;border-bottom:1px solid #f2c14e4d;padding:8px 14px;font-size:14px;position:relative}.gf-board{flex:1;min-height:0;position:relative;overflow:hidden}.gf-loading{color:var(--muted);font-family:var(--font-display);place-items:center;font-size:20px;display:grid;position:absolute;inset:0}.gf-result-reopen{right:14px;bottom:calc(14px + var(--safe-bottom));z-index:40;position:absolute}.gf-result-scrim{z-index:50;-webkit-backdrop-filter:blur(5px);animation:fade-in .4s var(--ease-out);background:radial-gradient(circle at 50% 40%,#1410248c,#06050cd1);place-items:center;padding:18px;display:grid;position:absolute;inset:0}.gf-result{text-align:center;width:min(440px,100%);max-height:100%;animation:sheet-in .5s var(--ease-spring);background:linear-gradient(#27213b,#17141f 70%);border:1px solid #ffe08a47;border-radius:28px;padding:26px 20px 18px;position:relative;overflow:auto;box-shadow:0 30px 80px #0009,0 0 0 1px #0006}.gf-result-glow{pointer-events:none;background:radial-gradient(circle,#f2c14e59,#0000 65%);height:260px;position:absolute;inset:-40% -20% auto}.gf-result-trophy{animation:pop .6s var(--ease-spring) both, float 3s ease-in-out .6s infinite;filter:drop-shadow(0 8px 18px #f2c14e73);font-size:58px;line-height:1;position:relative}.gf-result-title{margin-top:8px;font-size:32px;position:relative}.gf-result-sum{margin-top:6px;font-size:14.5px;position:relative}.gf-result-list{flex-direction:column;gap:6px;margin:18px 0 14px;padding:0;list-style:none;display:flex;position:relative}.gf-result-list li{border:1px solid var(--line);text-align:left;animation:sheet-in .45s var(--ease-out) both;background:#ffffff0d;border-radius:16px;align-items:center;gap:10px;padding:8px 12px 8px 8px;display:flex}.gf-result-list li.me{background:#f2c14e17;border-color:#ffe08a80}.gf-rank{background:#ffffff1a;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:13px;font-weight:800;display:grid}.gf-rank.r1{color:#2a1a00;background:linear-gradient(#ffe08a,#e0a21f)}.gf-rank.r2{color:#1d2230;background:linear-gradient(#eef1f6,#a9b2c2)}.gf-rank.r3{color:#2b1608;background:linear-gradient(#f3c4a0,#b9774a)}.gf-rname{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.gf-rscore{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.gf-delta{border-radius:8px;padding:2px 7px;font-size:12.5px;font-weight:700}.gf-delta.up{color:#a8f0c6;background:#5cc98b26}.gf-delta.down{color:#ffb3c0;background:#e5566d26}.shell{min-height:100dvh;display:flex}.side{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(10px);background:linear-gradient(#141122bf,#0c0a1699);flex-direction:column;flex:none;gap:4px;width:236px;height:100dvh;padding:22px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:4px 8px 18px;text-decoration:none;display:flex}.brand img{border-radius:11px;width:38px;height:38px;box-shadow:0 6px 18px #7c5cff59}.brand b{font-family:var(--font-display);letter-spacing:-.01em;font-size:21px;font-weight:750}.navlink{height:46px;color:var(--ink-2);border-radius:13px;align-items:center;gap:12px;padding:0 12px;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:flex;position:relative}.navlink:hover{background:var(--glass);color:var(--ink)}.navlink.active{color:var(--gold-2);background:linear-gradient(90deg,#f2c14e29,#f2c14e0a)}.navlink .badge,.tab .badge{background:var(--rose);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:11px;font-weight:800;display:grid}.side-foot{flex-direction:column;gap:10px;margin-top:auto;display:flex}.main{flex:1;min-width:0;padding:28px clamp(16px,4vw,48px) 60px}.page{flex-direction:column;gap:28px;max-width:1180px;margin:0 auto;display:flex}.tabs{display:none}@media (width<=820px){.side{display:none}.main{padding:calc(14px + var(--safe-top)) 14px calc(var(--tabbar-h) + 24px + var(--safe-bottom))}.page{gap:22px}.tabs{z-index:30;height:calc(var(--tabbar-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line);background:#100e1be0;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:650;text-decoration:none;display:flex;position:relative}.tab.active{color:var(--gold-2)}.tab .badge{margin:0;position:absolute;top:7px;left:calc(50% + 6px)}}.ph{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.ph h1{font-size:clamp(30px,5vw,46px)}.ph .sub{color:var(--muted);margin-top:6px}.section-title{align-items:center;gap:10px;margin-bottom:12px;display:flex}.section-title h2{font-size:22px}.lang-toggle{border:1px solid var(--line);background:#0000004d;border-radius:12px;padding:3px;display:inline-flex}.lang-toggle button{height:30px;color:var(--muted);letter-spacing:.04em;border-radius:9px;padding:0 10px;font-size:12.5px;font-weight:700}.lang-toggle button[aria-pressed=true]{background:var(--glass-2);color:var(--ink)}.hero{border:1px solid var(--line-2);box-shadow:var(--shadow-2);background:radial-gradient(600px 300px at 90% -20%,#f2c14e38,#0000 60%),radial-gradient(500px 300px at -10% 120%,#7c5cff47,#0000 60%),linear-gradient(135deg,#231d3b,#151224);border-radius:28px;padding:clamp(20px,4vw,34px);position:relative;overflow:hidden}.hero h1{max-width:640px;font-size:clamp(28px,4.6vw,44px)}.hero p{color:var(--ink-2);max-width:560px;margin-top:8px}.hero-dice{opacity:.95;pointer-events:none;gap:10px;display:flex;position:absolute;top:50%;right:clamp(-30px,2vw,30px);transform:translateY(-50%)}@media (width<=700px){.hero-dice{display:none}}.join{gap:8px;max-width:420px;margin-top:18px;display:flex}.join .input{text-transform:uppercase;letter-spacing:.3em;font-size:18px;font-weight:700}.join .input::placeholder{letter-spacing:.04em;text-transform:none;font-size:15px;font-weight:500}.invite{animation:sheet-in .4s var(--ease-spring);background:linear-gradient(90deg,#5cc98b29,#5cc98b0d);border:1px solid #5cc98b66;border-radius:18px;align-items:center;gap:12px;padding:12px 14px;display:flex}.filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.game-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}@media (width<=600px){.game-grid{grid-template-columns:1fr 1fr;gap:12px}}@media (width>=680px) and (width<=820px){.game-grid{grid-template-columns:repeat(3,1fr);gap:14px}.gcard h3{font-size:18px}}.gcard{--accent:var(--gold);text-align:left;border:1px solid var(--line);box-shadow:var(--shadow-1);transition:transform .25s var(--ease-out), box-shadow .25s, border-color .25s;background:linear-gradient(#ffffff0f,#ffffff06);border-radius:22px;flex-direction:column;display:flex;position:relative;overflow:hidden}.gcard:hover{border-color:color-mix(in oklab, var(--accent) 50%, transparent);box-shadow:0 18px 40px #00000073, 0 0 0 1px color-mix(in oklab, var(--accent) 30%, transparent), 0 10px 40px color-mix(in oklab, var(--accent) 22%, transparent);transform:translateY(-4px)}.gcard:active{transform:translateY(-1px)scale(.99)}.gcard .cover{aspect-ratio:16/10;background:linear-gradient(135deg, color-mix(in oklab, var(--accent) 55%, #1a1530), #120f20);position:relative;overflow:hidden}.gcard .cover:after{content:"";background:linear-gradient(#0000 55%,#0a08128c);position:absolute;inset:0}.gcard .cover-fallback{font-family:var(--font-display);color:#ffffffd9;place-items:center;font-size:54px;display:grid;position:absolute;inset:0}.gcard .duration{z-index:1;color:#fff;-webkit-backdrop-filter:blur(6px);background:#0c0a169e;border-color:#ffffff24;position:absolute;top:10px;left:10px}.gcard .wip{z-index:1;position:absolute;top:10px;right:10px}.gcard .body{flex-direction:column;gap:4px;padding:12px 14px 14px;display:flex}.gcard h3{font-size:20px}.gcard .tagline{color:var(--muted);font-size:13.5px;line-height:1.35}.gcard .meta-row{color:var(--ink-2);gap:10px;margin-top:6px;font-size:12.5px;font-weight:600;display:flex}@media (width<=600px){.gcard h3{font-size:16.5px}.gcard .tagline{display:none}.gcard .body{padding:10px 11px 12px}.gcard .meta-row{gap:8px;font-size:11.5px}.gcard .wip{height:22px;padding:0 8px;font-size:11px;top:auto;bottom:8px;right:8px}.gcard .duration{height:22px;padding:0 8px;font-size:11px;top:8px;left:8px}}.cx{align-items:center;gap:3px;display:inline-flex}.cx i{background:#ffffff2e;border-radius:50%;width:6px;height:6px}.cx i.on{background:var(--accent)}.strip{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;padding:4px 2px 10px;display:flex;overflow-x:auto}.strip::-webkit-scrollbar{display:none}.tcard{--accent:var(--gold);scroll-snap-align:start;text-align:left;border:1px solid var(--line);width:250px;transition:transform .2s var(--ease-out), border-color .2s;background:#ffffff0d;border-radius:20px;flex-direction:column;flex:none;display:flex;overflow:hidden}.tcard:hover{border-color:color-mix(in oklab, var(--accent) 50%, transparent);transform:translateY(-3px)}.tcard.turn{border-color:#ffe08ab3;box-shadow:0 0 26px #f2c14e40}.tcard .cover{height:92px;position:relative;overflow:hidden}.tcard .body{flex-direction:column;gap:8px;padding:10px 12px 12px;display:flex}.avatars{display:flex}.avatars .avatar{margin-left:-8px}.avatars .avatar:first-child{margin-left:0}.details-cover{aspect-ratio:16/8;border-radius:26px 26px 0 0;margin:-22px -22px 16px;position:relative;overflow:hidden}@media (width<=640px){.details-cover{border-radius:18px 18px 0 0;margin:-6px -18px 14px}}.opt-row{flex-direction:column;gap:6px;display:flex}.opt-row>span{color:var(--ink-2);font-size:13px;font-weight:650}.lobby{--accent:var(--gold);min-height:100dvh;padding:calc(12px + var(--safe-top)) 14px calc(110px + var(--safe-bottom))}.lobby-inner{grid-template-columns:1.25fr 1fr;align-items:start;gap:18px;max-width:980px;margin:0 auto;display:grid}@media (width<=860px){.lobby-inner{grid-template-columns:1fr}}.lobby-head{align-items:center;gap:10px;max-width:980px;margin:0 auto 16px;display:flex}.lobby-banner{border:1px solid var(--line-2);border-radius:24px;height:150px;position:relative;overflow:hidden}.lobby-banner .shade{background:linear-gradient(90deg,#0a0812d9,#0a081233 70%);flex-direction:column;justify-content:center;gap:4px;padding:18px 22px;display:flex;position:absolute;inset:0}.lobby-banner h1{font-size:30px}.codebox{background:#0000004d;border:1px dashed #f2c14e80;border-radius:20px;align-items:center;gap:12px;padding:14px 16px;display:flex}.codebox .grow{min-width:0}.codebox .code{font-family:var(--font-display);letter-spacing:.18em;color:var(--gold-2);font-size:clamp(24px,8vw,34px);font-weight:800}.seat{border:1px solid var(--line);animation:sheet-in .35s var(--ease-out) both;background:#ffffff0b;border-radius:18px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px;display:flex}.seat .seg{flex-wrap:nowrap}@media (width<=640px){.seat .seat-level{flex-basis:100%;order:5}.seat .seat-level .seg{width:100%;display:flex}.seat .seat-level .seg button{flex:1}}.seat.empty{color:var(--muted);background:0 0;border-style:dashed}.seat .name{font-weight:650}.lobby-cta{z-index:25;padding:12px 14px calc(12px + var(--safe-bottom));background:linear-gradient(#0000,#0a0812eb 30%);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.lobby-cta .btn{width:min(460px,100%)}.chat{flex-direction:column;gap:10px;height:min(60dvh,520px);display:flex}.chat-list{flex-direction:column;flex:1;gap:6px;padding-right:4px;display:flex;overflow-y:auto}.chat-msg{overflow-wrap:anywhere;background:#ffffff12;border-radius:16px;align-self:flex-start;max-width:85%;padding:8px 12px;font-size:14.5px}.chat-msg.mine{background:#f2c14e29;align-self:flex-end}.chat-msg.system{color:var(--muted);background:0 0;align-self:center;padding:2px;font-size:12.5px}.chat-msg b{color:var(--ink-2);font-size:12px;display:block}.chat-form{gap:8px;display:flex}.list{flex-direction:column;gap:8px;display:flex}.li{border:1px solid var(--line);color:inherit;background:#ffffff0b;border-radius:18px;align-items:center;gap:12px;padding:10px 14px 10px 10px;text-decoration:none;display:flex}a.li:hover{background:#ffffff13}.li.me{background:#f2c14e14;border-color:#f2c14e73}.li .rank{text-align:center;width:30px;font-family:var(--font-display);color:var(--muted);font-size:18px;font-weight:800}.li .rank.top{color:var(--gold-2)}.li .num{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.chips-scroll{scrollbar-width:none;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.chips-scroll::-webkit-scrollbar{display:none}.pill{background:var(--glass);border:1px solid var(--line);height:36px;color:var(--ink-2);white-space:nowrap;border-radius:999px;flex:none;padding:0 14px;font-size:13.5px;font-weight:650}.pill[aria-pressed=true]{color:#2a1a00;background:linear-gradient(#ffe08a,#f2b632);border-color:#0000}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.stat{border:1px solid var(--line);background:#ffffff0b;border-radius:18px;padding:14px}.stat .big{font-family:var(--font-display);font-size:30px;font-weight:800}.avatar-pick{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:8px;display:grid}.avatar-pick button{border:2px solid #0000;border-radius:50%;padding:3px}.avatar-pick button[aria-pressed=true]{border-color:var(--gold)}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatches button{border:3px solid #0000;border-radius:50%;width:34px;height:34px;box-shadow:inset 0 0 0 2px #00000040}.swatches button[aria-pressed=true]{border-color:#fff}.auth{grid-template-columns:1.1fr 1fr;min-height:100dvh;display:grid}.auth-art{background:radial-gradient(circle at 30% 30%,#3b2a6b,#0000 70%);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 45%,#0000 100%);mask-image:linear-gradient(90deg,#000 45%,#0000 100%)}.auth-art-grid{opacity:.9;grid-template-columns:repeat(3,1fr);gap:18px;display:grid;position:absolute;inset:-10%;transform:rotate(-8deg)}.auth-art-grid>div{aspect-ratio:16/10;border-radius:20px;animation:6s ease-in-out infinite float;overflow:hidden;box-shadow:0 20px 40px #00000080}.auth-form{flex-direction:column;justify-content:center;gap:18px;width:100%;max-width:520px;padding:40px clamp(20px,6vw,72px);display:flex}@media (width<=860px){.auth{grid-template-rows:220px 1fr;grid-template-columns:1fr}.auth-art{-webkit-mask-image:linear-gradient(#000 35%,#0000 100%);mask-image:linear-gradient(#000 35%,#0000 100%)}.auth-form{z-index:1;padding:0 20px calc(30px + var(--safe-bottom));justify-content:flex-start;margin:-60px auto 0;position:relative}}.empty-state{text-align:center;color:var(--muted);border:1px dashed var(--line-2);border-radius:20px;padding:26px}.conn-dot{background:var(--mint);width:8px;height:8px;box-shadow:0 0 8px var(--mint);border-radius:50%}.conn-dot.off{background:var(--rose);box-shadow:0 0 8px var(--rose);animation:1s infinite pill-pulse}.sort-select{background-color:var(--glass);appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 17px) 15px,calc(100% - 12px) 15px;background-repeat:no-repeat;background-size:5px 5px;border-radius:999px;width:auto;height:36px;padding:0 34px 0 12px;font-size:13.5px;font-weight:650}.gstat{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto}.btn.fav{color:var(--rose);font-size:22px}.btn.fav.on{animation:pop .35s var(--ease-spring);background:#e5566d29;border-color:#e5566d80}.chat-report{opacity:.45;border-radius:6px;padding:2px 6px;font-size:11px}.chat-report:hover,.chat-report:focus-visible{opacity:1;background:var(--glass-2)}