@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}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-cyrillic-ext-500-normal-Yta7XZ9C.woff2)format("woff2"),url(/assets/cormorant-garamond-cyrillic-ext-500-normal-lsPpqi9g.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-cyrillic-500-normal-CyAY5ZLS.woff2)format("woff2"),url(/assets/cormorant-garamond-cyrillic-500-normal-DkJXBcIH.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-vietnamese-500-normal-BZGLGj12.woff2)format("woff2"),url(/assets/cormorant-garamond-vietnamese-500-normal-DqXqCC0q.woff)format("woff");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:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-latin-ext-500-normal-CH1kM7og.woff2)format("woff2"),url(/assets/cormorant-garamond-latin-ext-500-normal-DYeaGGzO.woff)format("woff");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:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-latin-500-normal-BsRWmXhO.woff2)format("woff2"),url(/assets/cormorant-garamond-latin-500-normal-zIXX3Q-H.woff)format("woff");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:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-cyrillic-ext-600-normal-BMhMHfrj.woff2)format("woff2"),url(/assets/cormorant-garamond-cyrillic-ext-600-normal-CsIYWmWK.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-cyrillic-600-normal-C2atO-64.woff2)format("woff2"),url(/assets/cormorant-garamond-cyrillic-600-normal-FNmA3REe.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-vietnamese-600-normal-BoXdMtcr.woff2)format("woff2"),url(/assets/cormorant-garamond-vietnamese-600-normal-C4HEjEaf.woff)format("woff");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:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-latin-ext-600-normal-DaBc-lu7.woff2)format("woff2"),url(/assets/cormorant-garamond-latin-ext-600-normal-Dk3-quAP.woff)format("woff");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:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-latin-600-normal-Co1r35X9.woff2)format("woff2"),url(/assets/cormorant-garamond-latin-600-normal-2CBVLo0M.woff)format("woff");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:#070708;--bg-elev:#0d0d0f;--surface:#131315;--surface-2:#1a1a1d;--surface-3:#232327;--border:#d6b26826;--border-strong:#d6b26852;--text:#f2efe8;--text-dim:#aaa59b;--text-faint:#77736b;--gold:#c9a45c;--gold-strong:#e0bd72;--gold-soft:#c9a45c24;--gold-light:#f1dea6;--gold-metal:linear-gradient(180deg, #f5e2a6 0%, #dcb768 48%, #a87c34 100%);--heading:#efdcaa;--felt:#1d6a48;--felt-soft:#1d6a4838;--danger:#d0675b;--success:#6fb98f;--radius-sm:8px;--radius:12px;--radius-lg:18px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--font-display:"Cormorant Garamond", Georgia, "Times New Roman", serif;--font-ui:"Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--shadow:0 10px 30px #00000059;--ease:cubic-bezier(.2, .7, .2, 1);--dur:.18s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-contrast=high]{--text-dim:#d6d1c7;--text-faint:#b2ada3;--border:#ffffff38;--border-strong:#fff6;--gold:#f0cc80;--gold-strong:#ffd98c}:root[data-motion=reduce]{--dur:0s}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--menu-backdrop,radial-gradient(ellipse at 50% -10%, #c9a45c1f 0%, transparent 55%), var(--bg));color:var(--text);font-family:var(--font-ui);font-variant-numeric:lining-nums;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background-attachment:fixed;margin:0;font-size:15px;line-height:1.5;overflow-x:hidden}body.art-backdrop{--text-dim:#cfcac0;--text-faint:#a9a49b}body.art-backdrop .screen-header,body.art-backdrop .screen>:is(p,h1,h2,h3,.section-title,.eyebrow){text-shadow:0 1px 2px #000000e6,0 0 14px #000000bf}h1,h2,h3{font-family:var(--font-display);letter-spacing:.01em;margin:0;font-weight:600;line-height:1.15}h1,h2{color:var(--heading)}h1{font-size:clamp(30px,5vw,44px)}h2{font-size:clamp(22px,3.2vw,28px)}h3{font-size:20px}p{margin:0}a{color:var(--gold-strong)}:focus-visible{outline:2px solid var(--gold-strong);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-size:12px;font-weight:600}.screen{max-width:1120px;min-height:100%;padding:max(var(--space-5), env(safe-area-inset-top)) var(--space-4) var(--space-7);gap:var(--space-5);animation:fade-in var(--dur) var(--ease);flex-direction:column;margin:0 auto;display:flex}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}}.screen-header{align-items:center;gap:var(--space-3);min-height:44px;display:flex}.screen-header h1{font-size:clamp(26px,4vw,34px)}.screen-header .spacer{flex:1}.stack{gap:var(--space-3);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));display:grid}.grid-2{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));display:grid}.card{background:linear-gradient(180deg, var(--surface) 0%, var(--bg-elev) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:inset 0 1px #ffecbe0a}.card.compact{padding:var(--space-4)}.card h3+p{margin-top:var(--space-2)}.divider{background:var(--border);height:1px;margin:var(--space-2) 0;border:0}.btn{appearance:none;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);font:inherit;letter-spacing:.02em;min-height:44px;padding:0 var(--space-5);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), transform var(--dur) var(--ease);white-space:nowrap;border-radius:999px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--surface-3);color:var(--gold-light);border-color:#d6b2688c}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--gold-metal);color:#17110a;border-color:#ffe9b259;box-shadow:inset 0 1px #ffffff59,0 4px 16px #c9a45c2e}.btn.primary:hover{color:#17110a;background:linear-gradient(#fbe9b4 0%,#e3c073 48%,#b88b3e 100%)}.btn.ghost{background:0 0}.btn.danger{color:#f0a69d;background:0 0;border-color:#d0675b80}.btn.small{min-height:36px;padding:0 var(--space-4);font-size:13px}.btn.block{width:100%}.icon-btn{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;flex:none;place-items:center;width:44px;height:44px;font-size:18px;display:inline-grid}.icon-btn:hover{background:var(--surface-2);border-color:var(--border-strong)}.badge{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border-strong);color:var(--text-dim);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge.available{color:var(--gold-light);background:var(--gold-soft);border-color:#d6b2688c}.badge.local{color:var(--gold);border-color:#d6b2684d}.badge.planned{color:var(--text-faint)}.badge.danger{color:#f0a69d;border-color:#d0675b80}.tile{appearance:none;font:inherit;color:inherit;text-align:start;cursor:pointer;background:linear-gradient(180deg, var(--surface) 0%, var(--bg-elev) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);gap:var(--space-2);min-height:112px;transition:border-color var(--dur) var(--ease), transform var(--dur) var(--ease), background var(--dur) var(--ease);flex-direction:column;display:flex;position:relative}.tile:hover{border-color:#e0bd7280;transform:translateY(-1px)}.tile .tile-title{color:var(--heading);font-family:var(--font-display);justify-content:space-between;align-items:center;gap:var(--space-1) var(--space-2);flex-wrap:wrap-reverse;font-size:22px;font-weight:600;line-height:1.2;display:flex}.grid .tile .tile-title{flex-flow:column-reverse;align-items:flex-start}.tile .tile-desc{color:var(--text-dim);font-size:13px}.tile.hero{background:radial-gradient(at 85% 30%,#c9a45c33,#0000 60%),linear-gradient(#161618,#0b0b0d);border-color:#e0bd7261;justify-content:flex-end;min-height:190px}.tile.hero .tile-title{font-size:clamp(28px,4vw,38px)}.field{gap:var(--space-2);flex-direction:column;display:flex}.field label,.field .label{color:var(--text-dim);font-size:13px;font-weight:600}.input{appearance:none;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius);min-height:46px;padding:0 var(--space-4)}.input:focus{border-color:var(--gold);outline:none}.setting{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.setting:last-child{border-bottom:0}.setting .setting-text{flex-direction:column;flex:1;min-width:180px;display:flex}.setting .setting-text span+span{color:var(--text-faint);font-size:12px}.setting-note{margin:var(--space-2) 0 0;font-size:12px}.segmented{background:var(--bg);border:1px solid var(--border-strong);border-radius:999px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.segmented button{appearance:none;color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:36px;padding:0 14px;font-size:13px;font-weight:600}.segmented button[aria-checked=true]{background:var(--surface-3);color:var(--text);box-shadow:inset 0 0 0 1px #e0bd7259}.range{appearance:none;background:var(--surface-3);width:min(220px,100%);height:4px;accent-color:var(--gold);border-radius:999px}.range::-webkit-slider-thumb{appearance:none;background:var(--gold-strong);cursor:pointer;border:2px solid #1a1408;border-radius:50%;width:20px;height:20px}.range::-moz-range-thumb{background:var(--gold-strong);border:2px solid #1a1408;border-radius:50%;width:18px;height:18px}.switch{appearance:none;background:var(--surface-3);border:1px solid var(--border-strong);cursor:pointer;width:48px;height:28px;transition:background var(--dur) var(--ease);border-radius:999px;flex:none;position:relative}.switch:after{content:"";background:var(--text-dim);width:20px;height:20px;transition:transform var(--dur) var(--ease), background var(--dur) var(--ease);border-radius:50%;position:absolute;top:3px;left:3px}.switch[aria-checked=true]{background:#c9a45c59}.switch[aria-checked=true]:after{background:var(--gold-strong);transform:translate(20px)}.list{flex-direction:column;display:flex}.list-item{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border);display:flex}.list-item:last-child{border-bottom:0}.list-item .grow{flex:1;min-width:0}.stat-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));display:grid}.stat{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4)}.stat .stat-value{font-family:var(--font-display);font-size:28px;font-weight:600;line-height:1.1}.stat .stat-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.progress{background:var(--surface-3);border-radius:999px;height:6px;overflow:hidden}.progress>div{background:linear-gradient(90deg, var(--gold), var(--gold-strong));border-radius:999px;height:100%}.notice{background:var(--gold-soft);border-radius:var(--radius);padding:var(--space-3) var(--space-4);color:var(--text);border:1px solid #e0bd724d;font-size:13px}.empty{text-align:center;padding:var(--space-6) var(--space-4);color:var(--text-dim)}.avatar{font-family:var(--font-display);border:1px solid #ffffff1f;border-radius:50%;flex:none;place-items:center;font-weight:700;display:inline-grid;box-shadow:inset 0 -6px 12px #00000059,inset 0 4px 8px #ffffff26}.avatar.art{box-shadow:none;background:0 0;border:0;border-radius:0}.avatar.art img{object-fit:contain;filter:drop-shadow(0 2px 4px #00000080);width:100%;height:100%}.logo{align-items:center;gap:var(--space-3);color:var(--text);text-decoration:none;display:inline-flex}.logo-badge{filter:drop-shadow(0 2px 6px #0009);flex:none;height:auto}.logo-word{font-family:var(--font-display);letter-spacing:.08em;background:var(--gold-metal);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:700;line-height:1}.logo-full img{filter:drop-shadow(0 10px 30px #000000b3);width:clamp(220px,34vw,400px);height:auto;display:block}.logo-word small{font-family:var(--font-ui);letter-spacing:.32em;color:var(--gold);margin-top:4px;font-size:10px;font-weight:600;display:block}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;padding:var(--space-4);animation:fade-in var(--dur) var(--ease);background:#050507b8;place-items:center;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:min(460px,100%);max-height:calc(100dvh - 32px);padding:var(--space-5);box-shadow:var(--shadow);gap:var(--space-4);background:linear-gradient(#1b1b20,#131316);flex-direction:column;display:flex;overflow:auto}.modal h2{font-size:30px}.toast-stack{left:50%;bottom:max(16px, env(safe-area-inset-bottom));gap:var(--space-2);z-index:60;pointer-events:none;flex-direction:column;width:min(420px,100% - 32px);display:flex;position:fixed;transform:translate(-50%)}.toast{border-radius:var(--radius);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow);animation:fade-in var(--dur) var(--ease);background:#1d1d22;border:1px solid #e0bd7259;font-size:14px}@media (prefers-reduced-motion:reduce){:root[data-motion=system]{--dur:0s}}.mobile-nav{display:none}@media (max-width:720px){.mobile-nav{z-index:40;padding:6px max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);background:#0e0e11eb;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:var(--text-faint);font:500 11px var(--font-ui);cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:6px 0 4px;display:flex}.mobile-nav button svg{width:24px;height:24px}.mobile-nav button.active{color:var(--gold-strong)}.mobile-nav button:focus-visible{outline:2px solid var(--gold-strong)}.screen{padding-bottom:calc(84px + env(safe-area-inset-bottom))}}@media (orientation:landscape) and (max-height:500px){.mobile-nav{inset:0 auto;z-index:40;width:calc(76px + env(safe-area-inset-left));padding:max(6px, env(safe-area-inset-top)) 4px max(6px, env(safe-area-inset-bottom)) max(4px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:0;border-inline-end:1px solid var(--border);background:#0e0e11f0;flex-direction:column;justify-content:center;gap:2px;display:flex;position:fixed;inset-inline-start:0}.mobile-nav button{color:var(--text-faint);font:500 10.5px var(--font-ui);cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:7px 0 5px;display:flex}.mobile-nav button svg{width:22px;height:22px}.mobile-nav button.active{color:var(--gold-strong);background:#e0bd7214}.mobile-nav button:focus-visible{outline:2px solid var(--gold-strong)}.screen{padding-top:max(var(--space-3), env(safe-area-inset-top));padding-bottom:max(var(--space-5), env(safe-area-inset-bottom));gap:var(--space-4);padding-inline-start:calc(92px + env(safe-area-inset-left));padding-inline-end:max(var(--space-4), env(safe-area-inset-right))}}.setting-pair{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.score-lines p{margin:0 0 4px}.segmented button,.badge{unicode-bidi:plaintext}.welcome{justify-content:center;align-items:center;max-width:620px;min-height:100dvh}.welcome-hero{align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;display:flex}.welcome-tag{font-family:var(--font-display);color:var(--text-dim);font-size:22px;font-style:italic}.welcome-card{width:100%}.avatar-pick{appearance:none;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:50%;padding:3px}.avatar-pick.selected{border-color:var(--gold-strong)}.controls-list{gap:var(--space-2);color:var(--text-dim);flex-direction:column;margin:0;padding-inline-start:20px;display:flex}.controls-list strong{color:var(--text)}.lobby-header{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.lobby-profile{appearance:none;font:inherit;color:inherit;align-items:center;gap:var(--space-3);background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:end;border-radius:999px;padding-block:6px;padding-inline:18px 6px;display:flex}.lobby-profile:hover{border-color:#e0bd7266}.lobby-profile-text{flex-direction:column;align-items:flex-end;gap:2px;display:flex}@media (max-width:720px){.lobby-header{flex-wrap:nowrap}.lobby-header .logo-word{font-size:15px!important}.lobby-header .logo-word small{display:none}.lobby-header .logo .logo-badge{width:45px;height:36px}.lobby-profile .hud-name{font-size:13px}.lobby-profile{padding:4px 4px 4px 12px}.lobby-profile .progress{display:none}}.mode-card.planned{opacity:.72}.mode-rules{color:var(--text-dim);flex-direction:column;gap:4px;margin:0;padding-inline-start:18px;font-size:13px;display:flex}.profile-head{align-items:center;gap:var(--space-5);flex-wrap:wrap;display:flex}.item-card{appearance:none;font:inherit;color:inherit;text-align:start;align-items:center;gap:var(--space-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);cursor:pointer;min-height:64px;display:flex}.item-card .grow{flex:1}.item-card.selected{border-color:var(--gold-strong);box-shadow:0 0 0 3px #e0bd721f}.swatch{border:1px solid var(--border-strong);border-radius:10px;flex:none;width:40px;height:40px}.cue-swatch{background:var(--surface-2);align-items:center;padding:0 4px;display:grid}.cue-swatch span{border-radius:3px;height:6px;display:block}.achievement-mark{color:var(--text-faint);font-size:22px}.achievement.unlocked .achievement-mark{color:var(--gold-strong)}.achievement:not(.unlocked) h3{color:var(--text-dim)}.status-dot{background:var(--text-faint);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #ffffff0d}.status-dot[data-state=unavailable]{background:var(--danger)}.state-list{flex-direction:column;gap:6px;margin:0;padding-inline-start:18px;font-size:14px;display:flex}.bracket{gap:var(--space-4);padding-bottom:var(--space-2);display:flex;overflow-x:auto}.bracket-round{justify-content:space-around;gap:var(--space-3);flex-direction:column;min-width:150px;display:flex}.bracket-match{border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;font-size:13px;display:flex;overflow:hidden}.bracket-match span{background:var(--bg);padding:6px 10px}.bracket-match span+span{border-top:1px solid var(--border)}.bracket-match .win{color:var(--gold-strong);font-weight:600}.keys{border-collapse:collapse;font-size:13px}.keys th{text-align:start;color:var(--text);white-space:nowrap;vertical-align:top;padding-block:6px;padding-inline:0 12px}.keys td{color:var(--text-dim);padding:6px 0}.tutorial .screen-header{min-height:40px}.tutorial-step h3{margin-bottom:4px}.tutorial .tutorial-step{padding:var(--space-3) var(--space-4)}.mission{padding:var(--space-3);border:1px solid var(--border);background:var(--surface-2);border-radius:12px;flex-direction:column;gap:6px;display:flex}.mission.done{border-color:#78be8c73}.mission-head{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.mission-head h3{margin:0;font-size:15px}.mission-desc{margin:0;font-size:13px}.mission-route{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.mission-or{text-transform:uppercase;letter-spacing:.12em;grid-column:1/-1;font-size:11px}.mission-count{font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:12px}.mission .btn{align-self:flex-start}.legend-items,.reward-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.legend-items li,.reward-list li{background:var(--surface-2);border-radius:10px;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:8px 10px;font-size:13px;display:flex}.reward-list li{align-items:center}.legend-items li.owned,.reward-list li.unlocked{outline:1px solid var(--gold)}.sticker-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.sticker{padding:var(--space-3);border:1px solid var(--border);background:var(--surface-2);border-radius:12px;flex-direction:column;gap:4px;display:flex}.sticker h3{margin:0;font-size:14px}.sticker p{margin:0;font-size:12px}.sticker.planned{opacity:.6}.sticker .badge{white-space:normal;border-radius:8px;align-self:flex-start;max-width:100%;line-height:1.3}.sticker-art{aspect-ratio:1;border:2px dashed var(--border-strong);color:var(--text-faint);text-align:center;border-radius:50%;place-items:center;margin-bottom:4px;padding:10px;font-size:11px;display:grid}.sticker.owned .sticker-art{border-style:solid;border-color:var(--gold);color:var(--gold)}.sticker-num{font-size:22px;font-weight:700}.sticker.owned .sticker-art{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--sticker-b,#fff) 35%, transparent), transparent 60%), var(--sticker-a,var(--surface-3));color:var(--sticker-b,var(--gold));border-color:var(--sticker-b,var(--gold));box-shadow:inset 0 0 0 4px color-mix(in srgb, var(--sticker-b,#fff) 25%, transparent);position:relative}.sticker-glyph{font-size:34px;line-height:1}.sticker.owned .sticker-num{opacity:.85;font-size:12px;position:absolute;bottom:10%}.sticker-art.has-art,.sticker.owned .sticker-art.has-art{background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--sticker-a,#1f6b4a) 22%, transparent), transparent 70%);box-shadow:none;border:0;border-radius:14px;padding:6px;position:relative}.sticker-img{filter:drop-shadow(0 3px 6px #00000073);background-repeat:no-repeat;background-size:500% 400%;position:absolute;inset:6px}.sticker:not(.owned) .sticker-img{filter:grayscale()brightness(.28);opacity:.55}.sticker-art.has-art .sticker-num{color:var(--text-dim);position:relative}.section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin:0;font-size:15px}.collection-picker{gap:var(--space-2);scroll-snap-type:x proximity;scrollbar-width:thin;grid-auto-columns:132px;grid-auto-flow:column;padding-bottom:6px;display:grid;overflow-x:auto}.collection-pick{appearance:none;font:inherit;color:inherit;padding:var(--space-2);border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);cursor:pointer;scroll-snap-align:start;text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.collection-pick.selected{border-color:var(--gold-strong);box-shadow:0 0 0 3px #e0bd721f}.collection-pick .skin-name{font-size:13px}.set-preview{flex-wrap:wrap;gap:8px}.master-card{padding:var(--space-3);border:1px solid color-mix(in srgb, var(--sticker-b,var(--gold)) 50%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--sticker-a,#000) 22%, transparent), transparent 70%);border-radius:12px}.master-card h3{margin:0}.master-card .mission{background:0 0;border:0;padding:0}.chip-row{scrollbar-width:thin;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.chip{appearance:none;font:inherit;color:var(--text-dim);border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:999px;flex:none;padding:6px 12px;font-size:13px}.chip[aria-checked=true]{color:var(--text);border-color:var(--gold-strong)}.catalog-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.catalog-row{background:var(--surface-2);border-radius:10px;grid-template-columns:64px minmax(0,1fr) auto;align-items:start;gap:4px 12px;padding:10px 12px;font-size:13px;display:grid}.catalog-row.done{outline:1px solid var(--gold)}.catalog-row.planned{opacity:.7}.catalog-id{font-variant-numeric:tabular-nums;color:var(--text-faint);padding-top:2px;font-size:12px}.catalog-main{flex-direction:column;gap:2px;min-width:0;display:flex}.catalog-side{text-align:end;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px 10px;max-width:280px;font-size:12px;display:flex}@media (max-width:600px){.catalog-row{grid-template-columns:minmax(0,1fr) auto}.catalog-id{grid-column:1/-1}}.loadout-form{gap:8px}@media (orientation:landscape) and (max-height:500px){.collection-picker{grid-auto-columns:112px}.collection-pick{padding:6px}.collection-pick .skin-swatch{height:34px}}.loadout-form .input{flex:1;min-width:0}.card.selected{border-color:var(--gold-strong)}.screen.wide{max-width:1280px}.customize-layout{gap:var(--space-5);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;display:grid}.customize-side{top:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex;position:sticky}.loadout-preview{border-radius:var(--radius-lg);border:1px solid var(--border-strong);aspect-ratio:16/9;box-shadow:var(--shadow);position:relative;overflow:hidden}.loadout-canvas{position:absolute;inset:0}.loadout-canvas canvas{width:100%;height:100%;display:block}.loadout-player{inset-inline-start:10px;border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08080ab8;border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:13px;font-weight:600;display:flex;position:absolute;top:10px}.loadout-player:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding:4px 4px 4px 12px}.loadout-closeup{pointer-events:none;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.loadout-closeup.cue{background:radial-gradient(#08080ac7,#08080a8c 70%,#0000);border-radius:999px;width:86%;height:16%}.loadout-closeup.balls{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08080a9e;border-radius:999px;gap:6px;padding:6px 10px;display:flex}.customize-intro{font-size:14px}.customize-list .segmented{scrollbar-width:none;flex-wrap:nowrap;max-width:100%;overflow-x:auto}.customize-list .segmented button{flex:none}.try-on{border-color:#e0bd7259}.customize-list{min-width:0}.skin-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.skin-grid.shop{grid-template-columns:repeat(auto-fill,minmax(176px,1fr))}.skin-card{appearance:none;font:inherit;color:inherit;text-align:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-2);cursor:pointer;transition:border-color var(--dur) var(--ease), transform var(--dur) var(--ease);flex-direction:column;align-items:center;gap:6px;display:flex}.skin-card.static{cursor:default}.skin-card:not(.static):hover{border-color:var(--border-strong);transform:translateY(-1px)}.skin-card.selected{border-color:var(--gold-strong);box-shadow:0 0 0 3px #e0bd721f}.skin-card.locked .skin-swatch{filter:saturate(.85)brightness(.88)}.skin-card.trying{border-style:dashed;border-color:#e0bd7299}.skin-card.trying .skin-swatch{filter:none}.skin-card .btn{width:100%}.skin-name{font-size:14px;font-weight:600;line-height:1.25}.skin-state{color:var(--text-faint);font-size:12px}.skin-card.selected .skin-state{color:var(--gold-strong)}.skin-swatch{border-radius:10px;flex:none;justify-content:center;align-items:center;width:72px;height:44px;display:inline-flex}canvas.skin-swatch.cue{background:radial-gradient(circle at 50% 40%,#24242a,#141417)}.skin-swatch.balls{gap:0}.skin-swatch.balls canvas+canvas{margin-inline-start:-5px}.skin-swatch.menu{border:1px solid var(--border-strong);flex-direction:column;gap:4px}.skin-swatch.menu i{background:#f2efe88c;border-radius:3px;width:34px;height:5px;display:block}.skin-swatch.menu i:first-child{background:var(--gold-strong)}.set-part.missing{opacity:.35;filter:grayscale(.7)}.unlock-target .mission{background:0 0;border:0;padding:0}@media (max-width:860px){.customize-layout{grid-template-columns:1fr}.customize-side{position:static}}@media (orientation:landscape) and (max-height:500px){.customize-layout{gap:var(--space-3);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.customize-side{top:var(--space-2);position:sticky}.customize-intro{font-size:12px}.skin-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}.skin-card{padding:var(--space-2)}}.welcome-hero .logo-word{font-size:clamp(22px,3.6vw,38px)!important}@media (orientation:landscape) and (max-height:500px){.welcome-hero .logo-full img{width:auto;height:34vh}}.account{padding-top:max(56px, env(safe-area-inset-top));position:relative}.account-langs{top:max(var(--space-3), env(safe-area-inset-top));justify-content:flex-end;gap:var(--space-1);flex-wrap:wrap;display:flex;position:absolute;inset-inline-end:var(--space-3)}.account-langs .btn.selected{border-color:var(--gold);color:var(--gold-strong)}.account-card,.account-phone{width:100%;max-width:440px;margin-inline:auto}.account .input,.modal .password-box .input{font-size:16px}.password-box{gap:var(--space-2);align-items:stretch;display:flex}.password-box .input{flex:1;min-width:0}.password-box .btn{min-height:46px}.account-error{color:var(--danger);font-size:14px}.account-note{color:var(--gold-light);font-size:14px}.account-small{font-size:12.5px}.account-links{align-items:center;gap:var(--space-1);color:var(--text-dim);text-align:center;flex-direction:column;font-size:14px;display:flex}.link-btn{appearance:none;padding:var(--space-1) 2px;min-height:32px;font:inherit;color:var(--gold);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;text-decoration:underline}.link-btn.strong{font-weight:600}.account-phone{align-items:center;gap:var(--space-4);display:flex}.account-phone svg{border-radius:var(--radius-sm);flex:none;width:104px;height:104px}.account-phone h3{margin:0}.account .welcome-hero .logo-full img{width:auto;max-width:min(340px,60vw);max-height:28vh}@media (orientation:landscape) and (max-height:500px){.account{align-content:center;align-items:center;column-gap:var(--space-5);max-width:900px;padding-top:max(52px, env(safe-area-inset-top));grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);display:grid}.account .welcome-hero .logo-full img{width:min(100%,300px);height:auto}.account .account-card{gap:var(--space-3)}}.lobby{gap:var(--space-5)}.lobby-hero-grid{gap:var(--space-3);grid-template-columns:1.45fr 1fr 1fr;grid-template-areas:"play online scan""play practice tutorial";display:grid}.lobby-card{appearance:none;font:inherit;color:inherit;text-align:start;cursor:pointer;justify-content:flex-end;gap:var(--space-1);min-height:150px;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);transition:border-color var(--dur) var(--ease), transform var(--dur) var(--ease);background:linear-gradient(#1b1b1f 0%,#111114 100%);border:1px solid #e0bd7252;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffecbe0f,0 8px 22px #00000059}.lobby-card:hover{border-color:#f0d28cb3;transform:translateY(-2px)}.lobby-card:focus-visible{outline:3px solid var(--gold-strong);outline-offset:3px}.lobby-card-title{font-family:var(--font-display);color:var(--heading);align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:26px;font-weight:600;line-height:1.1;display:flex}.lobby-card-desc{color:#c9c3b7;max-width:36ch;font-size:14px}.lobby-card-icon{top:var(--space-3);object-fit:contain;filter:drop-shadow(0 6px 12px #0000008c);pointer-events:none;width:72px;height:72px;transition:transform .3s var(--ease);position:absolute;inset-inline-end:var(--space-3)}.lobby-card:hover .lobby-card-icon{transform:rotate(-6deg)scale(1.05)}.lobby-card:has(.lobby-card-icon){padding-top:calc(var(--space-4) + 64px)}.lobby-play{background:linear-gradient(180deg, #0508061a 30%, #050605e0 100%), var(--lobby-bg,none) center / cover no-repeat, #0b0f0c;border-color:#f0d28c80;grid-area:play;min-height:316px}.lobby-play .lobby-card-title{font-size:clamp(40px,5vw,56px)}.lobby-play .lobby-card-desc{color:#e3ddd0;font-size:15px}.lobby-online{background:radial-gradient(at 85% 10%,#7896ff2e,#0000 60%),linear-gradient(#1b1b22 0%,#101015 100%);grid-area:online}.lobby-scan{background:radial-gradient(at 85% 10%,#5aaaff24,#0000 60%),linear-gradient(#1a1c1f 0%,#101114 100%);grid-area:scan}.lobby-practice{grid-area:practice}.lobby-tutorial{grid-area:tutorial}.lobby-card.small{min-height:130px}.lobby-card.small .lobby-card-title{font-size:22px}.lobby-card.small .lobby-card-icon{width:56px;height:56px}.lobby-card.small:has(.lobby-card-icon){padding-top:calc(var(--space-3) + 52px)}.lobby .hero-rack{inset-inline-end:28px;pointer-events:none;filter:drop-shadow(0 6px 10px #0000008c);width:136px;height:120px;position:absolute;top:34%;transform:translateY(-50%)rotate(-90deg)}.lobby .hero-rack-ball{line-height:0;display:block;position:absolute}.lobby .hero-rack-ball.r0{top:0;left:53px}.lobby .hero-rack-ball.r1{top:26px;left:38px}.lobby .hero-rack-ball.r2{top:26px;left:68px}.lobby .hero-rack-ball.r3{top:52px;left:23px}.lobby .hero-rack-ball.r4{top:52px;left:53px}.lobby .hero-rack-ball.r5{top:52px;left:83px}.lobby .hero-rack-ball.r6{top:78px;left:8px}.lobby .hero-rack-ball.r7{top:78px;left:38px}.lobby .hero-rack-ball.r8{top:78px;left:68px}.lobby .hero-rack-ball.r9{top:78px;left:98px}.lobby-play:hover .hero-rack{transition:transform .4s var(--ease);transform:translateY(-50%)rotate(-86deg)}.lobby-section{gap:var(--space-3);flex-direction:column;display:flex}.lobby-section h2{align-items:center;gap:var(--space-3);display:flex}.lobby-section h2:after{content:"";background:linear-gradient(90deg, var(--border-strong), transparent);flex:1;height:1px}:root[dir=rtl] .lobby-section h2:after{background:linear-gradient(270deg, var(--border-strong), transparent)}.lobby-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));display:grid}@media (min-width:981px){.lobby-grid-play{grid-template-columns:repeat(3,minmax(0,1fr))}}.icon-tile{appearance:none;font:inherit;color:inherit;text-align:start;cursor:pointer;align-items:center;gap:var(--space-3);min-height:84px;padding:var(--space-3) var(--space-4);border-radius:var(--radius);transition:border-color var(--dur) var(--ease), transform var(--dur) var(--ease), background var(--dur) var(--ease);background:linear-gradient(#19191c 0%,#121214 100%);border:1px solid #d6b2683d;display:flex}.icon-tile:hover{background:linear-gradient(#1f1f23 0%,#151518 100%);border-color:#f0d28ca6;transform:translateY(-1px)}.icon-tile:focus-visible{outline:3px solid var(--gold-strong);outline-offset:2px}.icon-tile-img{object-fit:contain;filter:drop-shadow(0 4px 8px #00000080);flex:none;width:56px;height:56px}.icon-tile-text{flex-direction:column;gap:2px;min-width:0;display:flex}.icon-tile-title{font-family:var(--font-display);color:var(--heading);align-items:center;gap:4px var(--space-2);flex-wrap:wrap;font-size:20px;font-weight:600;line-height:1.15;display:flex}.icon-tile-title .badge{padding:2px 7px;font-size:10px}.icon-tile-desc{color:#bdb7ab;font-size:13px;line-height:1.35}.lobby-footer{text-align:center;font-size:12px}:root[data-contrast=high] .lobby-card-desc,:root[data-contrast=high] .icon-tile-desc{color:var(--text)}@media (max-width:980px){.lobby-hero-grid{grid-template-columns:1fr 1fr;grid-template-areas:"play play""online scan""practice tutorial"}.lobby-play{min-height:230px}}@media (max-width:720px){.lobby{gap:var(--space-4)}.lobby-card.lobby-play{min-height:200px}.lobby .hero-rack{inset-inline-end:6px;transform:translateY(-50%)rotate(-90deg)scale(.78)}.lobby-card{min-height:0;padding:var(--space-3) var(--space-4)}.lobby-card:has(.lobby-card-icon){padding-top:calc(var(--space-3) + 50px)}.lobby-card-icon{width:52px;height:52px;top:var(--space-2);inset-inline-end:var(--space-2)}.lobby-card-title,.lobby-card.small .lobby-card-title{font-size:20px}.lobby-card-desc{font-size:12.5px}.lobby-card.small .lobby-card-icon{width:44px;height:44px}.lobby-card.small:has(.lobby-card-icon){padding-top:calc(var(--space-3) + 42px)}.lobby-grid{gap:var(--space-2);grid-template-columns:1fr 1fr}.icon-tile{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);flex-direction:column}.icon-tile-img{width:44px;height:44px}.icon-tile-title{font-size:18px}.icon-tile-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.grid{gap:var(--space-2);grid-template-columns:1fr 1fr}}@media (orientation:landscape) and (max-height:500px){.lobby{gap:var(--space-3)}.lobby-hero-grid{gap:var(--space-2);grid-template-columns:1.3fr 1fr 1fr;grid-template-areas:"play online scan""play practice tutorial"}.lobby-card,.lobby-card.small,.lobby-play{min-height:0;padding:var(--space-2) var(--space-3)}.lobby-card:has(.lobby-card-icon){padding-top:var(--space-2);padding-inline-end:52px}.lobby-card.small:has(.lobby-card-icon){padding-top:var(--space-2);padding-inline-end:52px}.lobby-card-icon,.lobby-card.small .lobby-card-icon{width:40px;height:40px;top:var(--space-2);inset-inline-end:var(--space-2)}.lobby-play .lobby-card-title{font-size:30px}.lobby-card-title,.lobby-card.small .lobby-card-title{font-size:18px}.lobby-card-desc,.lobby-play .lobby-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.lobby .hero-rack{inset-inline-end:2px;transform:translateY(-50%)rotate(-90deg)scale(.55)}.lobby-play .eyebrow{display:none}.lobby-grid,.grid{gap:var(--space-2);grid-template-columns:repeat(3,1fr)}.icon-tile{min-height:64px;padding:var(--space-2) var(--space-3)}.icon-tile-img{width:40px;height:40px}.icon-tile-title{font-size:17px}.icon-tile-desc{display:none}}@media (orientation:landscape) and (max-height:500px) and (max-width:700px){.lobby .hero-rack{display:none}.lobby-card-desc{-webkit-line-clamp:1}}