@font-face{font-family:Commissioner Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/commissioner-cyrillic-ext-wght-normal-BnWI7fIG.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Commissioner Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/commissioner-cyrillic-wght-normal-bgdX5wL6.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Commissioner Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/commissioner-greek-wght-normal-M9Lxztrh.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Commissioner Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/commissioner-vietnamese-wght-normal-DEkWUU3X.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:Commissioner Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/commissioner-latin-ext-wght-normal-rva7dkhN.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:Commissioner Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/commissioner-latin-wght-normal-BAwLJtOy.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: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+0460-052F,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+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,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+1F00-1FFF}@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+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@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+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: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+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: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+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{--bg: #0e1220;--bg-2: #141a2b;--surface: #182034;--surface-2: #1f2840;--surface-3: #283352;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16);--ink: #eef1f7;--ink-2: #c4cad8;--muted: #8b93a7;--accent: #ef6a4c;--accent-hover: #ff7d5f;--accent-ink: #ffffff;--accent-soft: rgba(239, 106, 76, .16);--felt: #2f8a5b;--felt-deep: #145238;--felt-soft: rgba(47, 138, 91, .18);--gold: #e3b448;--gold-soft: rgba(227, 180, 72, .16);--danger: #ff6b6b;--danger-soft: rgba(255, 107, 107, .14);--info: #7aa2ff;--felt1: var(--felt);--felt2: var(--felt-deep);--radius-s: 10px;--radius: 14px;--radius-l: 20px;--shadow: 0 6px 24px rgba(0, 0, 0, .35);--shadow-s: 0 2px 8px rgba(0, 0, 0, .25);--touch: 44px;--font-ui: "Inter Variable", Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Commissioner Variable", Commissioner, var(--font-ui);color-scheme:dark}:root[data-theme=light]{--bg: #f6f4f1;--bg-2: #efebe6;--surface: #ffffff;--surface-2: #f4f1ed;--surface-3: #e8e3dc;--line: rgba(20, 24, 36, .08);--line-strong: rgba(20, 24, 36, .16);--ink: #171b26;--ink-2: #3a4152;--muted: #6b7285;--accent-soft: rgba(239, 106, 76, .12);--shadow: 0 6px 24px rgba(30, 30, 50, .12);--shadow-s: 0 2px 8px rgba(30, 30, 50, .1);color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:var(--font-ui);font-size:14px;line-height:1.45;color:var(--ink);background:radial-gradient(900px 420px at 15% -120px,rgba(239,106,76,.1),transparent 70%),radial-gradient(900px 420px at 95% -160px,rgba(47,138,91,.1),transparent 70%),var(--bg);min-height:100%;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input{font-family:inherit}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:14px;padding:10px 16px;background:#0e1220cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.logo{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.logo-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font:800 18px var(--font-display);color:var(--accent-ink);background:var(--accent);box-shadow:0 4px 14px #ef6a4c66;transform:rotate(-6deg)}.logo-text{font:800 19px var(--font-display);color:var(--ink);letter-spacing:-.3px;white-space:nowrap}.logo-text b{color:var(--accent);font-weight:800}.crumbs{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.crumb{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online{font-size:13px;color:var(--ink-2);display:flex;align-items:center;gap:7px;white-space:nowrap}.dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 3px #4ade802e}@media(max-width:560px){.online,.crumb{display:none}.logo-text{font-size:17px}}.stage{flex:1;padding:16px;overflow:auto}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);box-shadow:var(--shadow-s);padding:16px 18px}.muted{color:var(--muted)}.small-print{font-size:12px}h1,h2,h3{font-family:var(--font-display);margin:0 0 6px;color:var(--ink);letter-spacing:-.2px}h1{font-size:22px;font-weight:800}h2{font-size:18px;font-weight:700}h3{font-weight:700}.btn{font:600 14px var(--font-ui);min-height:var(--touch);padding:0 18px;border-radius:999px;border:1px solid var(--line-strong);color:var(--ink);background:var(--surface-2);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .15s ease,transform .1s ease,box-shadow .15s ease,border-color .15s ease}.btn:hover:not(:disabled){background:var(--surface-3)}.btn:active:not(:disabled){transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.45;cursor:default}.btn-go{color:var(--accent-ink);border-color:transparent;background:var(--accent);box-shadow:0 4px 14px #ef6a4c4d}.btn-go:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 6px 18px #ef6a4c6b}.btn-big{font-size:16px;min-height:52px;padding:0 22px;width:100%}.btn-small{min-height:36px;padding:0 14px;font-size:13px}.tag{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;margin-left:6px;border-radius:999px;background:var(--surface-3);color:var(--ink-2)}.boot{height:100%;display:grid;place-items:center;align-content:center;gap:14px;color:var(--ink-2);padding:16px}.loader{width:40px;height:40px;border-radius:50%;border:4px solid var(--surface-3);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.lobby{max-width:1040px;margin:0 auto;display:grid;gap:16px}.welcome{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.nick{display:grid;gap:4px;font-weight:600;font-size:12px;color:var(--muted)}.nick input{font-size:14px;padding:10px 12px;width:200px;color:var(--ink);background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--radius-s)}.games{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.game-tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);padding:16px;display:flex;flex-direction:column;gap:10px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.game-tile:not(.soon):hover{transform:translateY(-3px);border-color:var(--line-strong);box-shadow:var(--shadow)}.game-tile p{margin:0;flex:1;color:var(--ink-2)}.game-tile.soon{opacity:.5}.tile-head{display:flex;gap:12px;align-items:center}.tile-head h3{margin:0;font-size:17px}.tile-head .tag{margin-left:0}.tile-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:24px;color:#fff;background:linear-gradient(145deg,var(--felt),var(--felt-deep));flex:none}.live,.soon-badge{margin-left:auto;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}.live{background:var(--felt-soft);color:#6fe0a2}.soon-badge{background:var(--surface-3);color:var(--muted)}.tile-foot{display:flex;justify-content:space-between;align-items:center;gap:8px}.table-layout{display:grid;grid-template-columns:260px 1fr;gap:16px;height:100%;min-height:520px}@media(max-width:760px){.table-layout{grid-template-columns:1fr}}.side{display:flex;flex-direction:column;gap:12px;align-self:start}.side-title{font-size:15px;border-bottom:1px solid var(--line);padding-bottom:8px}.seat-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-s);border:1px solid transparent}.seat-row.active{background:var(--accent-soft);border-color:#ef6a4c66}.seat-row.mine{background:var(--surface-2)}.seat-row .score{margin-left:auto;font:800 22px var(--font-display);color:var(--ink)}.team-name{font-weight:700}.chip{width:14px;height:14px;border-radius:50%;flex:none;border:1px solid rgba(0,0,0,.4)}.chip-0{background:radial-gradient(circle at 35% 30%,#fff,#e6d6b0);border-color:#b9a47a}.chip-1{background:radial-gradient(circle at 35% 30%,#6b5a52,#120a07)}.badge{display:inline-flex;align-items:center;gap:8px;min-width:0}.badge.offline{opacity:.45}.badge-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.badge-name em{font-style:normal;font-size:12px;color:var(--muted);font-weight:400}.avatar{width:28px;height:28px;border-radius:50%;flex:none;object-fit:cover;background:var(--surface-3)}.avatar-letter{display:grid;place-items:center;font-weight:700;color:#fff;background:var(--accent)}.pips{font-size:12px}.ticker{font-size:13px;padding:8px 10px;border-radius:var(--radius-s);background:var(--surface-2);color:var(--ink-2)}.side-actions{display:grid;gap:8px}.hint{margin:0;color:var(--ink);font-weight:600}.winner{font:800 17px var(--font-display);color:var(--accent);margin:0}.blink{animation:blink 1.4s ease-in-out infinite}@keyframes blink{50%{opacity:.45}}.board-wrap{display:grid;place-items:center}.board{width:100%;max-height:calc(100vh - 120px);filter:drop-shadow(0 12px 28px rgba(0,0,0,.45))}.board .clickable{cursor:pointer}.pt-num{font:500 10px var(--font-ui);opacity:.7}.stack-num{font:700 17px var(--font-ui);pointer-events:none}.pulse{animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{50%{opacity:.25}}.die{filter:drop-shadow(0 3px 4px rgba(0,0,0,.45))}.die-face{animation:roll .45s cubic-bezier(.2,1.3,.4,1);transform-box:fill-box;transform-origin:center}@keyframes roll{0%{transform:rotate(-120deg) scale(.6);opacity:.2}}.felt{position:relative;border-radius:40px;min-height:540px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--felt1) 85%,white) 0%,var(--felt1) 45%,var(--felt2) 100%);border:10px solid #1b1f2a;box-shadow:inset 0 0 50px #00000073,var(--shadow);overflow:hidden}.opponent{position:absolute;display:grid;justify-items:center;gap:6px;padding:8px 12px;border-radius:var(--radius);background:#00000047;color:#f1f6f2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.opponent .badge-name em,.opponent .muted{color:#cfe5d6}.opponent.active{box-shadow:0 0 0 2px var(--accent),0 0 20px #ef6a4c73}.spot-top{top:16px;left:50%;transform:translate(-50%)}.spot-left{left:16px;top:36%}.spot-right{right:16px;top:36%}.backs{display:flex}.card-back{width:38px;height:54px;border-radius:6px;display:inline-block;border:2px solid #fff;background:repeating-linear-gradient(45deg,#b3122e 0,#b3122e 4px,#d8243f 4px,#d8243f 8px);box-shadow:0 2px 5px #0006}.card-back.big{width:62px;height:88px;border-radius:8px}.center-pile{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:28px}.deck{position:relative}.deck-count{position:absolute;bottom:-20px;left:0;right:0;text-align:center;color:#d6f0dd;font-size:12px}.pile{position:relative;width:190px;height:110px}.pile .card{position:absolute;left:0;top:0;animation:deal .25s ease-out}.empty-pile{color:#ffffff80;font-style:italic;position:absolute;top:40px;left:20px}.pile-count{position:absolute;bottom:-22px;left:0;color:#d6f0dd;font-size:12px}@keyframes deal{0%{transform:translateY(-14px) scale(.92);opacity:0}}.card{width:66px;height:94px;border-radius:9px;padding:0;background:#fcfcfa;border:1px solid rgba(0,0,0,.12);box-shadow:0 3px 8px #00000059;position:relative;font-family:var(--font-display);cursor:default;color:inherit}.card.red{color:#d0263f}.card.black{color:#171b26}.card .corner{position:absolute;font-size:13px;line-height:1;font-weight:800;text-align:center}.card .tl{top:6px;left:6px}.card .br{bottom:6px;right:6px;transform:rotate(180deg)}.card .pip{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:30px}.card .pip.face{top:18px;right:12px;bottom:18px;left:12px;border-radius:6px;font-size:24px;font-weight:800;background:#f3efe6;border:1px solid rgba(0,0,0,.08)}.card.playable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.card.playable:hover{transform:translateY(-12px);box-shadow:0 10px 18px #00000073,0 0 0 2px var(--accent)}.card:disabled{opacity:1}.my-hand{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:grid;justify-items:center;gap:8px}.hand-cards{display:flex;gap:6px}.my-hand:not(.active) .card{filter:brightness(.85)}.hand-info{display:flex;gap:12px;align-items:center;color:#f1f6f2}.hand-info .muted{color:#cfe5d6}.your-turn{color:#fff;background:var(--accent);padding:3px 12px;border-radius:999px;font-weight:700;animation:blink 1.4s infinite}.xeri-flash{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);font:900 58px var(--font-display);letter-spacing:1px;color:#fff;text-shadow:0 4px 0 var(--accent),0 0 32px rgba(239,106,76,.8);animation:pop 1.6s ease-out forwards;pointer-events:none;z-index:20;white-space:nowrap}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.3) rotate(-8deg);opacity:0}20%{transform:translate(-50%,-50%) scale(1.12) rotate(2deg);opacity:1}80%{opacity:1}to{transform:translate(-50%,-60%) scale(1);opacity:0}}.modal-back{position:absolute;top:0;right:0;bottom:0;left:0;background:#06080e99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:30}.modal{width:min(520px,92%);display:grid;gap:12px}.tally{width:100%;border-collapse:collapse}.tally th{text-align:left;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);padding:6px 4px;font-weight:600}.tally td{padding:8px 4px;border-bottom:1px solid var(--line);vertical-align:top}.tally tr.mine td{background:var(--surface-2)}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);padding:12px 18px;border-radius:999px;font-weight:600;z-index:50;max-width:calc(100vw - 32px);box-shadow:var(--shadow);animation:slideup .2s ease-out}.toast-info{background:var(--surface-3);color:var(--ink)}.toast-error{background:#4a1c22;color:#ffd6d6}@keyframes slideup{0%{transform:translate(-50%,20px);opacity:0}}.wallet{display:flex;align-items:center;gap:8px;font-size:13px}.coins{font-weight:700;color:var(--gold);padding:5px 12px;border-radius:999px;background:var(--gold-soft);white-space:nowrap}.lvl{font-weight:700;color:var(--ink-2);padding:5px 10px;border-radius:999px;background:var(--surface-2);white-space:nowrap}.vip-badge{display:inline-block;font:800 10px var(--font-ui);letter-spacing:.6px;color:#2a1e00;padding:3px 8px;border-radius:999px;margin-left:6px;vertical-align:middle;background:linear-gradient(135deg,#f7dc85,var(--gold))}.vip-badge.small{font-size:9px;padding:1px 6px}.lvl-chip{display:inline-block;min-width:20px;text-align:center;margin-left:6px;padding:1px 6px;font:700 10px var(--font-ui);color:var(--ink);border-radius:999px;background:var(--surface-3)}.badge-title{display:block;font-size:11px;color:var(--gold);font-style:normal;font-weight:600}.badge.is-vip .badge-name{color:var(--gold)}.opponent .badge.is-vip .badge-name{color:#ffe08a}.title-tag{font-size:13px;margin-left:8px;font-weight:600}.btn-gold{color:#2a1e00;border-color:transparent;background:linear-gradient(135deg,#f7dc85,var(--gold));box-shadow:0 4px 14px #e3b4484d}.btn-gold:hover:not(:disabled){background:linear-gradient(135deg,#fbe6a3,#ecc25c)}.me{display:flex;align-items:center;gap:14px;min-width:0}.me-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;font-size:26px;flex:none;box-shadow:0 0 0 3px var(--surface-3)}.me-info{min-width:0}.me-info h1{margin-bottom:2px}.xpbar{margin-top:8px;width:260px;max-width:60vw;height:8px;border-radius:999px;background:var(--surface-3);overflow:hidden}.xpbar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--felt),#5ad08f);transition:width .6s ease}.daily .btn-big{width:auto}.daily-done{display:grid;text-align:right;color:#6fe0a2}@media(max-width:560px){.daily,.daily .btn-big{width:100%}.daily-done{text-align:left}}.tabs{display:flex;gap:6px;flex-wrap:wrap;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:999px;width:fit-content;max-width:100%}.tab{font:600 14px var(--font-ui);min-height:40px;padding:0 16px;cursor:pointer;color:var(--muted);border:none;border-radius:999px;background:transparent;transition:background .15s ease,color .15s ease}.tab:hover{color:var(--ink)}.tab.on{color:var(--ink);background:var(--surface-3)}.panel .tab{min-height:36px;padding:0 14px;font-size:13px;background:var(--surface-2);color:var(--ink-2)}.panel .tab.on{background:var(--accent);color:var(--accent-ink)}.shop{display:grid;gap:14px}.premium{background:linear-gradient(160deg,rgba(227,180,72,.1),var(--surface) 55%);border-color:#e3b4484d}.premium-head{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;margin-bottom:12px}.premium-head h2{color:var(--gold);margin:0}.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.product{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:8px}.product h3{margin:0;font-size:16px}.product p{margin:0;flex:1;color:var(--ink-2)}.product.hl{border:1px solid var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}.product-foot{display:flex;justify-content:space-between;align-items:center;gap:8px}.price{font-weight:700;color:var(--ink)}.owned-tag{font-size:12px;font-weight:700;color:#6fe0a2}.lock{font-size:12px;color:var(--muted)}.items{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:10px}.item{border:1px solid var(--line);border-radius:var(--radius);padding:10px;display:grid;gap:6px;background:var(--surface-2);align-content:start}.item.on{border-color:var(--felt);box-shadow:0 0 0 2px var(--felt-soft)}.item-name{font-weight:600}.item-foot{margin-top:4px}.pv{height:58px;border-radius:var(--radius-s);overflow:hidden;display:grid;place-items:center}.pv-board{padding:5px}.pv-board>div{width:100%;height:100%;display:flex;justify-content:space-around;border-radius:6px}.pv-board i{width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:30px solid}.pv-checkers{display:flex;gap:6px;background:var(--surface-3)}.pv-checkers span{width:30px;height:30px;border-radius:50%;border:2px solid;box-shadow:inset -3px -3px 6px #00000040,inset 3px 3px 6px #ffffff4d}.pv-cardback{background:var(--surface-3)}.pv-cardback span{width:32px;height:46px;border-radius:5px;border:2px solid #fff;box-shadow:0 2px 4px #0006}.pv-felt{box-shadow:inset 0 0 14px #00000073}.pv-title{font-weight:700;background:var(--surface-3);font-size:13px;text-align:center;padding:0 4px}.ranks-head{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:12px}.seg{display:flex;gap:4px;flex-wrap:wrap}.rank{font-weight:800;width:32px;font-family:var(--font-display)}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:12px;align-items:start}.achievements{display:grid;gap:6px}.ach{display:flex;gap:10px;align-items:center;padding:8px;border-radius:var(--radius-s);opacity:.45}.ach.on{opacity:1;background:var(--gold-soft)}.ach-icon{font-size:20px}.reward-pop{position:fixed;right:16px;top:68px;z-index:60;cursor:pointer;background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--radius-l);padding:14px 16px;box-shadow:var(--shadow);display:grid;gap:6px;min-width:240px;max-width:calc(100vw - 32px);animation:slidein .4s cubic-bezier(.2,1.4,.4,1)}.reward-pop.big{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft),var(--shadow)}.reward-row{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.reward-coins{font:800 22px var(--font-display);color:var(--gold);display:inline-block;animation:coin .6s ease-out}.reward-xp{font-weight:700;color:#6fe0a2}.reward-rating.up{color:#6fe0a2;font-weight:700}.reward-rating.down{color:var(--danger);font-weight:700}.reward-level{font:700 15px var(--font-display);color:var(--accent)}.reward-ach{color:var(--ink-2)}@keyframes slidein{0%{transform:translate(120%)}}@keyframes coin{0%{transform:translateY(6px) scale(.7);opacity:0}60%{transform:translateY(-3px) scale(1.12);opacity:1}}.gate{display:grid;gap:14px;width:min(400px,100%)}.gate .logo{justify-content:center;margin-bottom:4px}.gate input{font-size:16px;min-height:var(--touch);padding:0 14px;color:var(--ink);background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--radius-s)}.gate input:focus{outline:2px solid var(--accent);outline-offset:1px}.variant-chip{display:inline-block;margin-top:8px;padding:4px 12px;border-radius:999px;background:var(--surface-3);color:var(--ink);font:700 12px var(--font-ui)}.mz-opponents{position:absolute;top:12px;left:12px;right:12px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.mz-opp{position:relative;transform:none}.mz-opp.targeted{box-shadow:0 0 0 2px var(--danger),0 0 14px #ff6b6b80}.mz-draw{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:8px}.mz-draw-title{color:#f1f6f2}.mz-pick{cursor:default;padding:0;margin-left:-34px}.mz-pick:first-child{margin-left:0}.mz-pick.playable{cursor:pointer}.mz-pick.playable:hover{transform:translateY(-10px);box-shadow:0 0 0 2px var(--accent);z-index:2}.smudge-wrap{position:relative;display:inline-block}.smudge-wrap.smudged .avatar{filter:grayscale(1) brightness(.55)}.smudge-wrap.smudged:after{content:"";position:absolute;left:-3px;top:50%;width:34px;height:34px;transform:translateY(-50%) rotate(-12deg);pointer-events:none;border-radius:45% 55% 50% 50%;background:radial-gradient(circle at 35% 40%,rgba(0,0,0,.95) 0 28%,transparent 62%),radial-gradient(circle at 68% 62%,rgba(0,0,0,.9) 0 24%,transparent 58%),radial-gradient(circle at 50% 50%,rgba(20,20,20,.7) 0 45%,transparent 72%)}.fd-wrap,.gk-wrap{position:relative}.gk-board{max-width:calc(100vh - 120px)}.fd-num{font:700 11px var(--font-ui);fill:#6b5a3a;pointer-events:none}.fd-start{font:800 15px var(--font-display);fill:#fff3c4}.fd-glow{animation:pulse 1.1s ease-in-out 4;filter:drop-shadow(0 0 6px #ffe55c)}.fd-note{font-size:13px;font-weight:600;padding:8px 10px;border-radius:var(--radius-s)}.fd-note.ladder{background:var(--felt-soft);color:#6fe0a2}.fd-note.snake{background:var(--danger-soft);color:#ff9a9a}.fd-last{display:flex;align-items:center;gap:8px}.gk-start{font:800 16px var(--font-display);fill:#fff;stroke:#00000073;stroke-width:2px;paint-order:stroke;pointer-events:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.invite-panel{display:flex;flex-direction:column;gap:10px}.invite-panel .btn{align-self:flex-start}.invite-stats{display:flex;flex-direction:column;gap:6px}.invite-next .xpbar{width:100%;max-width:none;margin-top:4px}