@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-cyrillic-ext-wght-normal-okcGN4Nq.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 Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-cyrillic-wght-normal-BS41q_Tv.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-greek-ext-wght-normal-DQgQPNk4.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-greek-wght-normal-sS1B39LI.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 Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-vietnamese-wght-normal-TKKdAiBA.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 Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-latin-ext-wght-normal-B4u9PlvR.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 Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-latin-wght-normal-DX-nOvPD.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: #f2f4f8;--surface: #ffffff;--ink: #15181c;--ink-dim: #6b7279;--line: #e3e7ee;--segment: #e7ebf1;--ledge: #d9dee7;--play: #3fae49;--play-ledge: #2b8434;--play-soft: #e2f4e3;--win: #2e9e4f;--loss: #e5484d;--loss-ledge: #b8323a;--loss-soft: #fce6e7;--gold: #e09a12;--gold-soft: #fff1d6;--blue: #2f7cf6;--blue-soft: #e1ecff;--blue-ledge: #1e5bc4;--purple: #8b5cf6;--purple-soft: #eee7ff;--purple-ledge: #6a3fd6;--orange: #f2700f;--orange-soft: #ffe9d9;--orange-ledge: #c7560a;--shadow: 0 10px 30px rgba(17, 24, 39, .12);--radius: 18px;--font: "Inter Tight Variable", "Inter Tight", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:light}:root[data-theme=dark]{--bg: #0f121a;--surface: #1b2030;--ink: #f2f3f6;--ink-dim: #8f97a8;--line: #272d3e;--segment: #262c3d;--ledge: #0a0c12;--play: #4cc157;--play-ledge: #2c8a35;--play-soft: #1c3324;--win: #5bc86a;--loss: #ff5f66;--loss-ledge: #b8323a;--loss-soft: #3a1e25;--gold: #ffc247;--gold-soft: #3a3018;--blue: #5b9dff;--blue-soft: #1b2a47;--blue-ledge: #2f63c2;--purple: #a98bfa;--purple-soft: #2a2448;--purple-ledge: #6b4fc4;--orange: #ff9147;--orange-soft: #3d2818;--orange-ledge: #b85c1e;--shadow: 0 12px 34px rgba(0, 0, 0, .45);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-weight:600;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a{color:var(--blue)}button{font:inherit;color:inherit}h1,h2,h3{margin:0}.dim{color:var(--ink-dim)}.small{font-size:14px}.strong{font-weight:800}.hint{color:var(--loss);font-size:14px}.spacer{flex:1;min-height:16px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.flag{margin-left:6px;font-size:.9em}.icon{flex:none}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100dvh}.rail{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;gap:4px;padding:20px 14px;border-right:1px solid var(--line);background:var(--surface)}.rail-logo{display:flex;align-items:center;gap:12px;padding:6px 10px 22px;color:var(--ink);text-decoration:none;font-weight:900;font-size:22px;letter-spacing:-.02em}.rail-logo img{border-radius:11px;box-shadow:0 3px 0 var(--ledge)}.rail-item{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:14px;color:var(--ink-dim);text-decoration:none;font-weight:700;font-size:16px;transition:background .15s,color .15s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rail-item span{overflow:hidden;text-overflow:ellipsis}.rail-item:hover{background:var(--segment);color:var(--ink)}.rail-item.on{background:var(--play-soft);color:var(--play)}.rail-foot{margin-top:auto;padding:10px;color:var(--ink-dim);font-size:13px}.page{min-width:0;padding:28px clamp(16px,4vw,48px) 48px}@media(max-width:1000px){.shell{grid-template-columns:76px 1fr}.rail{padding:16px 10px;align-items:center}.rail-logo span,.rail-item span,.rail-foot{display:none}.rail-logo{padding:4px 0 18px}}@media(max-width:700px){.shell{display:block}.rail{position:fixed;top:auto;bottom:0;left:0;right:0;z-index:20;height:auto;flex-direction:row;justify-content:space-around;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.rail-logo{display:none}.rail-item{flex-direction:column;gap:3px;padding:8px 12px;font-size:11px}.rail-item span{display:block;max-width:72px}.page{padding:16px 16px calc(96px + env(safe-area-inset-bottom))}.shell-immersive .rail{display:none}.shell-immersive .page{padding:8px 8px calc(12px + env(safe-area-inset-bottom))}}.btn{--fill: var(--surface);--edge: var(--ledge);--text: var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border:1px solid var(--line);border-radius:16px;background:var(--fill);color:var(--text);font-weight:800;font-size:17px;cursor:pointer;box-shadow:0 4px 0 var(--edge);transform:translateY(0);transition:transform .08s,box-shadow .08s,filter .15s;-webkit-user-select:none;user-select:none}.btn:hover:not(:disabled){filter:brightness(1.04)}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 0 var(--edge)}.btn:disabled{opacity:.35;cursor:default}.btn-wide{width:100%}.btn-icon{width:48px;min-height:48px;padding:0;border-radius:14px;box-shadow:0 3px 0 var(--edge)}.btn-primary{--fill: var(--play);--edge: var(--play-ledge);--text: #fff;border-color:transparent}.btn-danger{--fill: var(--loss-soft);--edge: color-mix(in srgb, var(--loss) 30%, var(--ledge));--text: var(--loss);border-color:transparent}.tone-green{--tone: var(--play);--tone-soft: var(--play-soft);--tone-ledge: var(--play-ledge)}.tone-blue{--tone: var(--blue);--tone-soft: var(--blue-soft);--tone-ledge: var(--blue-ledge)}.tone-purple{--tone: var(--purple);--tone-soft: var(--purple-soft);--tone-ledge: var(--purple-ledge)}.tone-orange{--tone: var(--orange);--tone-soft: var(--orange-soft);--tone-ledge: var(--orange-ledge)}.tone-gold{--tone: var(--gold);--tone-soft: var(--gold-soft);--tone-ledge: var(--gold)}.tone-loss{--tone: var(--loss);--tone-soft: var(--loss-soft);--tone-ledge: var(--loss-ledge)}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.tile{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);text-align:left;cursor:pointer;box-shadow:0 4px 0 var(--ledge);transition:transform .08s,box-shadow .08s,border-color .15s}.tile:hover{border-color:var(--tone)}.tile:active{transform:translateY(4px);box-shadow:0 0 0 var(--ledge)}.tile>.icon{color:var(--ink-dim)}.tile-badge{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:var(--tone-soft);color:var(--tone);flex:none}.tile-big .tile-badge{width:64px;height:64px;background:var(--tone);color:#fff;box-shadow:0 4px 0 var(--tone-ledge)}.tile-text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.tile-title{font-weight:800;font-size:18px}.tile-note{color:var(--ink-dim);font-size:14px;line-height:1.35}.home{max-width:1100px;margin:0 auto}.hero{position:relative;min-height:clamp(340px,46vh,460px);border-radius:28px;overflow:hidden;background-size:cover;background-position:center 38%;box-shadow:var(--shadow);display:flex;align-items:flex-end}.hero-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 20%,rgba(10,14,22,.15) 45%,rgba(10,14,22,.72) 100%)}.hero-content{position:relative;padding:clamp(20px,4vw,40px);display:flex;flex-direction:column;gap:14px;max-width:620px;animation:rise .6s cubic-bezier(.2,.8,.2,1) both}.wordmark{width:min(360px,70vw);height:auto;filter:drop-shadow(0 6px 18px rgba(0,0,0,.35))}.hero-text{margin:0;color:#fff;font-size:clamp(16px,1.6vw,19px);line-height:1.45;text-shadow:0 1px 12px rgba(0,0,0,.5)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-actions .btn{min-height:56px;padding:0 28px;font-size:18px}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.home-body{display:flex;flex-direction:column;gap:14px;padding-top:18px}.home-body>*{animation:rise .5s cubic-bezier(.2,.8,.2,1) both}.home-body>*:nth-child(2){animation-delay:.05s}.home-body>*:nth-child(3){animation-delay:.1s}.home-body>*:nth-child(4){animation-delay:.15s}.home-body>*:nth-child(5){animation-delay:.2s}.section-title{margin-top:14px;font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim)}.continue-card,.app-link{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 4px 0 var(--ledge);color:var(--ink);text-decoration:none;text-align:left;cursor:pointer}.continue-card{border-color:var(--play)}.continue-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--play);color:#fff}.continue-text,.app-link>span{display:flex;flex-direction:column;gap:3px;flex:1}.app-link img{border-radius:12px}.narrow{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:14px;min-height:calc(100dvh - 80px)}.page-title{font-size:clamp(28px,3vw,36px);font-weight:900;letter-spacing:-.02em}.back{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:6px 10px 6px 4px;border:0;background:none;color:var(--ink-dim);cursor:pointer}.center-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:60dvh;text-align:center}.card{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 3px 0 var(--ledge)}.card h2,.card h3{font-size:19px;font-weight:800;display:flex;align-items:center;gap:8px}.card.tone-blue h3{color:var(--blue)}.card p{margin:0;line-height:1.45}.label{font-size:14px;color:var(--ink-dim)}.input{flex:1;min-width:0;min-height:50px;padding:0 16px;border:2px solid var(--line);border-radius:14px;background:var(--bg);color:var(--ink);font:inherit;font-size:17px}.input:focus{outline:none;border-color:var(--blue)}.levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.level{display:flex;flex-direction:column;gap:8px;padding:18px 16px;border:2px solid var(--line);border-radius:var(--radius);background:var(--surface);text-align:left;cursor:pointer;box-shadow:0 4px 0 var(--ledge);transition:border-color .15s,transform .08s,box-shadow .08s}.level:active{transform:translateY(4px);box-shadow:none}.level.on{border-color:var(--purple);background:var(--purple-soft)}.level-pips{display:flex;gap:4px}.level-pips i{width:18px;height:6px;border-radius:3px;background:var(--line)}.level-pips i.lit{background:var(--purple)}.level-name{font-weight:800;font-size:18px}.level-note{color:var(--ink-dim);font-size:14px;line-height:1.35}.segmented{display:flex;padding:4px;border-radius:14px;background:var(--segment);gap:4px}.segmented button{flex:1;min-height:42px;border:0;border-radius:11px;background:transparent;color:var(--ink-dim);font-weight:800;cursor:pointer}.segmented button.on{background:var(--surface);color:var(--ink);box-shadow:0 2px 0 var(--ledge)}.toggle-row{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:48px;cursor:pointer}.toggle-row input{position:absolute;opacity:0;pointer-events:none}.toggle{width:52px;height:32px;border-radius:16px;background:var(--segment);position:relative;transition:background .2s}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0003;transition:transform .2s cubic-bezier(.3,1.4,.5,1)}.toggle-row input:checked+.toggle{background:var(--play)}.toggle-row input:checked+.toggle:after{transform:translate(20px)}.toggle-row input:focus-visible+.toggle{outline:3px solid var(--blue);outline-offset:2px}.themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.theme{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;border:2px solid var(--line);border-radius:14px;background:var(--bg);cursor:pointer;font-size:14px}.theme.on{border-color:var(--play)}.swatch{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;height:40px;border-radius:10px}.swatch i{width:12px;height:12px;border-radius:50%}.about{text-align:center;padding:12px}.game{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;max-width:1300px;margin:0 auto;align-items:start}.game-main{display:flex;flex-direction:column;gap:12px;min-width:0}.game-side{position:sticky;top:24px;display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 3px 0 var(--ledge);max-height:calc(100dvh - 48px)}.game-side h3{font-size:15px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim)}.side-actions{display:flex;flex-direction:column;gap:10px}.side-actions .btn{min-height:46px;font-size:15px}.kbd-tip{margin:0;text-align:center}@media(max-width:1100px){.game{grid-template-columns:1fr}.game-side{display:none}}.board-box{width:100%;display:flex;justify-content:center}.board{position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.board canvas{position:absolute;top:0;right:0;bottom:0;left:0}.board canvas+canvas{cursor:pointer}.player{display:flex;align-items:center;gap:12px;padding:0 4px;min-height:52px}.player-dot{width:22px;height:22px;border-radius:50%;border:1px solid var(--line);flex:none;transition:transform .3s cubic-bezier(.3,1.6,.5,1),box-shadow .2s}.player-dot.first{background:#f7f3ec}.player-dot.second{background:#26221f}.player.active .player-dot{transform:scale(1.12);box-shadow:0 0 0 3px var(--play)}.player-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.player-name{font-weight:800;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-note{font-size:14px;color:var(--ink-dim)}.player.active .player-note{color:var(--play)}.clock{min-width:84px;padding:8px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--line);font-weight:900;font-size:20px;font-variant-numeric:tabular-nums;text-align:center}.clock.moving{background:var(--play);border-color:transparent;color:#fff}.clock.low{background:var(--loss);border-color:transparent;color:#fff;animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{filter:brightness(1.15)}}.after-bar{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;animation:rise .3s both}.moves{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;min-height:120px;max-height:46vh;font-variant-numeric:tabular-nums}.moves li{display:grid;grid-template-columns:36px 1fr 1fr;padding:5px 6px;border-radius:8px}.moves li:nth-child(odd){background:var(--bg)}.mv-n{color:var(--ink-dim)}.mv b{margin-left:6px;color:var(--win);font-weight:800}.mv b.mv-tz{color:var(--gold)}.moves-empty{margin:0}.sheet-backdrop,.result-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:16px;background:#080a1073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .2s both}@keyframes fade{0%{opacity:0}}.sheet{width:min(440px,100%);max-height:calc(100dvh - 32px);overflow:auto;display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:26px;background:var(--bg);box-shadow:var(--shadow);animation:pop .32s cubic-bezier(.2,1.2,.3,1) both;outline:none}.sheet-wide{width:min(760px,100%)}.sheet-grip{display:none}.sheet-title{font-size:24px;font-weight:900;text-align:center}.sheet-stack{display:flex;flex-direction:column;gap:10px}.sheet-center{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.sheet-center p{margin:0}@keyframes pop{0%{opacity:0;transform:scale(.92) translateY(10px)}}@media(max-width:700px){.sheet-backdrop{place-items:end stretch;padding:0}.sheet{width:100%;border-radius:26px 26px 0 0;padding-bottom:calc(22px + env(safe-area-inset-bottom));animation:slide .3s cubic-bezier(.2,.9,.3,1) both}.sheet-grip{display:block;align-self:center;width:40px;height:5px;border-radius:3px;background:var(--line);margin-top:-8px}}@keyframes slide{0%{transform:translateY(100%)}}.result{position:relative;width:min(380px,100%);display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 22px 22px;border-radius:28px;background:var(--bg);box-shadow:0 30px 60px #00000059;text-align:center;animation:pop .45s cubic-bezier(.2,1.3,.3,1) both;outline:none;overflow:hidden}.result p{margin:0}.result-badge{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--tone-soft);color:var(--tone);animation:bounce .6s .1s cubic-bezier(.3,1.8,.4,1) both}@keyframes bounce{0%{transform:scale(.4)}}.result-title{font-size:30px;font-weight:900;color:var(--tone)}.result-score{font-size:26px;font-weight:900;font-variant-numeric:tabular-nums}.result-rating{color:var(--gold);font-weight:800}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.confetti span{position:absolute;top:-12px;width:8px;height:14px;border-radius:2px;animation:fall 1.6s cubic-bezier(.3,.6,.5,1) forwards}@keyframes fall{to{top:110%;transform:rotate(540deg);opacity:.2}}.toast{position:fixed;top:20px;left:50%;z-index:60;transform:translate(-50%);padding:12px 20px;border-radius:999px;background:var(--surface);box-shadow:var(--shadow);font-weight:800;animation:drop .3s cubic-bezier(.2,1.2,.3,1) both}@keyframes drop{0%{opacity:0;transform:translate(-50%,-16px)}}.spinner{width:34px;height:34px;border-radius:50%;border:4px solid var(--line);border-top-color:var(--play);animation:spin .8s linear infinite;align-self:center}@keyframes spin{to{transform:rotate(360deg)}}.seek-rings{position:relative;display:grid;place-items:center;width:120px;height:120px;color:var(--play)}.seek-rings span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid var(--play);opacity:0;animation:ring 2.4s cubic-bezier(.2,.6,.4,1) infinite}.seek-rings span:nth-child(2){animation-delay:.8s}.seek-rings span:nth-child(3){animation-delay:1.6s}@keyframes ring{0%{transform:scale(.35);opacity:.9}to{transform:scale(1);opacity:0}}.friend-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.friend-grid form{display:flex;flex-direction:column;gap:10px}@media(max-width:640px){.friend-grid{grid-template-columns:1fr}}.code-big{font-size:38px;font-weight:900;letter-spacing:.14em;text-align:center;font-family:ui-monospace,SF Mono,Menlo,monospace;color:var(--ink)}.code-input{text-transform:uppercase;letter-spacing:.12em;text-align:center;font-weight:800}.waiting-dots{display:flex;gap:6px;justify-content:center}.waiting-dots span{width:8px;height:8px;border-radius:50%;background:var(--blue);animation:blink 1.2s infinite}.waiting-dots span:nth-child(2){animation-delay:.2s}.waiting-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{50%{opacity:.25}}.signin-buttons{display:flex;flex-direction:column;gap:10px;align-items:stretch;max-width:360px}.apple-btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;border:0;border-radius:999px;background:#000;color:#fff;font-weight:700;font-size:16px;cursor:pointer}:root[data-theme=dark] .apple-btn{background:#fff;color:#000}.google-btn{min-height:44px}.badge-linked{display:inline-flex;align-items:center;gap:6px;margin:-6px 0 0;color:var(--win)}.nick{display:flex;flex-direction:column;gap:8px}.nick p{margin:0}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.stat{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}.stat-label{color:var(--ink-dim);font-size:14px}.stat-value{font-size:34px;font-weight:900;font-variant-numeric:tabular-nums}.history,.leaders{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.history button{width:100%;display:grid;grid-template-columns:110px 1fr auto auto;gap:12px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);text-align:left;cursor:pointer}.outcome{font-weight:800}.o-win{color:var(--win)}.o-loss{color:var(--loss)}.o-draw{color:var(--ink-dim)}.diff.up{color:var(--win)}.diff.down{color:var(--loss)}.leaders li{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:12px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}.leaders li.me{border-color:var(--play);background:var(--play-soft)}.rank{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--segment);font-weight:900}.rank.r1{background:#f5c542;color:#4a3500}.rank.r2{background:#cfd6df;color:#2c333b}.rank.r3{background:#e0a272;color:#3e2210}.score{font-weight:900;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:700px){.shell-immersive .game-main{min-height:calc(100dvh - 24px - env(safe-area-inset-bottom));justify-content:center}}