.grace-overlay{align-items:center;animation:grace-fade .18s ease-out;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#0c0b09d1;display:flex;inset:0;justify-content:center;padding:18px;position:absolute;z-index:60}.grace-card{background:#1c1a17;border:1px solid #ffc54247;border-radius:16px;box-shadow:0 14px 40px #0000008c;max-width:300px;padding:20px 18px 18px;text-align:center;width:100%}.grace-title{color:#ffc542;font-size:16px;font-weight:700;letter-spacing:.2px;margin:10px 0 6px}.grace-text{color:#b9b4aa;font-size:13px;line-height:1.45;margin:8px 0 0}.grace-note{color:#7d776d;font-size:11.5px;line-height:1.4;margin:10px 0 0}.grace-count{font-feature-settings:"tnum";color:#ffe9a8;font-size:52px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-1px;line-height:1;margin:4px 0 12px}.grace-unit{color:#8a8377;display:block;font-size:11px;font-weight:600;letter-spacing:1.4px;margin-top:4px;text-transform:uppercase}.grace-bar{background:#ffffff17;border-radius:3px;height:5px;overflow:hidden}.grace-bar-fill{background:linear-gradient(180deg,#ffe9a8,#ffc542);border-radius:3px;height:100%;transition:width .25s linear}.grace-card.is-urgent .grace-count{animation:grace-pulse-count 1s ease-in-out infinite;color:#ff9f43}.grace-card.is-urgent{border-color:#ff8a3d80}.grace-card.is-urgent .grace-bar-fill{background:linear-gradient(180deg,#ffb375,#ff8a3d)}.grace-self .grace-title{color:#9fc7ff}.grace-overlay.grace-self .grace-card,.grace-self .grace-card{border-color:#82b4ff47}.grace-attempt{font-feature-settings:"tnum";color:#8a8377;font-size:12px;font-variant-numeric:tabular-nums;margin:8px 0 0}.grace-pulse{display:flex;gap:6px;justify-content:center;margin:2px 0 4px}.grace-pulse span{animation:grace-dot 1.2s ease-in-out infinite;background:#7fb0ff;border-radius:50%;height:9px;width:9px}.grace-pulse span:nth-child(2){animation-delay:.18s}.grace-pulse span:nth-child(3){animation-delay:.36s}.grace-badge{align-items:center;background:#ffc5421f;border-radius:50%;color:#ffc542;display:inline-flex;height:46px;justify-content:center;width:46px}@keyframes grace-fade{0%{opacity:0}to{opacity:1}}@keyframes grace-pulse-count{0%,to{opacity:1;transform:scale(1)}50%{opacity:.82;transform:scale(1.06)}}@keyframes grace-dot{0%,80%,to{opacity:.28;transform:scale(.82)}40%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.grace-overlay{animation:none}.grace-pulse span{animation:none;opacity:.8}.grace-card.is-urgent .grace-count{animation:none}.grace-bar-fill{transition:none}}@media (max-height:620px){.grace-count{font-size:42px;margin-bottom:8px}.grace-card{padding:16px 14px 14px}}.pre-move-queue{background:#ffc5420f;border:1px solid #ffc54229;border-radius:10px;margin:10px 0 0;padding:8px 10px}.pmq-head{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px}.pmx-title{color:#ffc542;font-size:11.5px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}.pmq-clear{background:#0000;border:none;border-radius:6px;color:#8f887d;cursor:pointer;font-size:13px;line-height:1;padding:3px 6px;transition:color .14s ease,background .14s ease}.pmq-clear:hover{background:#ff9d5c1a;color:#ff9d5c}.pmq-clear:focus-visible{outline:2px solid #ffc54299;outline-offset:1px}.pmq-list{-webkit-overflow-scrolling:touch;display:flex;gap:6px;list-style:none;margin:0;overflow-x:auto;padding:0 0 2px;scrollbar-width:thin}.pmq-item{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:7px;flex:0 0 auto;font-size:12px;gap:5px;line-height:1;padding:4px 6px 4px 4px;white-space:nowrap}.pmq-item,.pmq-no{align-items:center;display:inline-flex}.pmq-no{background:#ffc54233;border-radius:50%;color:#ffe9a8;font-size:9.5px;font-weight:700;height:15px;justify-content:center;width:15px}.pmq-uci{color:#d8d2c8;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.2px}.pmq-del{background:#0000;border:none;border-radius:4px;color:#0000;cursor:pointer;font-size:11px;line-height:1;padding:1px 3px;transition:color .12s ease}.pmq-del:focus-visible,.pmq-item:hover .pmq-del{color:#ff9d5c}.pmq-del:focus-visible{outline:2px solid #ff9d5c99;outline-offset:1px}@media (max-width:420px){.pre-move-queue{margin:8px 0 0;padding:6px 8px}.pmx-title{font-size:10.5px}.pmq-item{font-size:11.5px;padding:3px 5px 3px 3px}}@media (prefers-reduced-motion:reduce){.pmq-clear,.pmq-del{transition:none}}.puzzle-screen{color:#d8d2c8;flex-direction:column;justify-content:flex-start;min-height:100vh;min-height:100dvh}.puzzle-head,.puzzle-screen{background:#161512;display:flex}.puzzle-head{align-items:center;border-bottom:1px solid #ffffff0f;gap:10px;justify-content:space-between;padding:10px 12px;position:sticky;top:0;z-index:5}.puzzle-exit{background:#ffffff0f;border:none;border-radius:9px;color:#cfc8bd;cursor:pointer;font-size:22px;height:34px;line-height:1;transition:background .14s ease;width:34px}.puzzle-exit:hover{background:#ffffff1c}.puzzle-metrics{align-items:center;display:flex;gap:18px}.puzzle-streak{align-items:baseline;color:#8f887d;display:flex;gap:5px}.puzzle-streak.is-hot{color:#ffc542}.puzzle-streak-num{font-feature-settings:"tnum";color:inherit;font-size:19px;font-variant-numeric:tabular-nums;font-weight:800}.puzzle-rating-label,.puzzle-streak-label{color:#7a7368;font-size:10.5px;letter-spacing:.5px;text-transform:uppercase}.puzzle-rating{font-feature-settings:"tnum";align-items:baseline;color:#cfc8bd;display:flex;font-size:15px;font-variant-numeric:tabular-nums;font-weight:700;gap:5px}.puzzle-info-btn{background:#0000;border:1px solid #ffc54266;border-radius:50%;color:#ffc542;cursor:pointer;font-weight:700;height:30px;width:30px}.puzzle-info-btn.is-on{background:#ffc54229}.puzzle-board{align-items:center;display:flex;flex:1 1 auto;justify-content:center;min-height:0;padding:10px 10px 6px;position:relative}.puzzle-board-inner{line-height:0;position:relative}.puzzle-banner{align-items:center;animation:puzzle-banner-in .2s ease-out;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#161512ed;display:flex;flex-direction:column;gap:4px;inset:0;justify-content:center;line-height:1.35;padding:20px;position:absolute;text-align:center;z-index:10}.puzzle-banner--solved{border-top:3px solid #ffc542}.puzzle-banner--wrong{border-top:3px solid #ff8a3d}.puzzle-banner-icon{align-items:center;border-radius:50%;display:flex;font-size:26px;font-weight:700;height:54px;justify-content:center;width:54px}.puzzle-banner--solved .puzzle-banner-icon{background:#ffc54229;color:#ffc542}.puzzle-banner--wrong .puzzle-banner-icon{background:#ff8a3d29;color:#ff8a3d}.puzzle-banner-title{font-size:18px;font-weight:700;margin:8px 0 2px}.puzzle-banner--solved .puzzle-banner-title{color:#ffc542}.puzzle-banner--wrong .puzzle-banner-title{color:#ff8a3d}.puzzle-banner-text{color:#a49d92;font-size:13px;margin:0 0 12px;max-width:280px}.puzzle-rating-delta{font-feature-settings:"tnum";align-items:baseline;display:flex;font-size:26px;font-variant-numeric:tabular-nums;font-weight:800;gap:8px;margin:6px 0 2px}.puzzle-rating-delta .is-up{color:#7fd67f}.puzzle-rating-delta .is-down{color:#ff8a3d}.puzzle-rating-now{color:#8f887d;font-size:14px;font-weight:600}.puzzle-streak-line{color:#a49d92;font-size:12.5px;margin:2px 0 14px}.puzzle-btn{background:linear-gradient(180deg,#ffe9a8,#ffc542);border:none;border-radius:10px;color:#2a2318;cursor:pointer;font-size:14px;font-weight:700;margin-top:8px;padding:10px 20px;transition:filter .14s ease,transform .1s ease}.puzzle-btn:hover{filter:brightness(1.07)}.puzzle-btn:active{transform:scale(.985)}.puzzle-btn:focus-visible{outline:2px solid #ffc542;outline-offset:2px}.puzzle-btn--ghost{background:#0000;border:1px solid #ffffff29;color:#a49d92;margin-top:8px}.puzzle-foot{flex-direction:column;gap:9px;margin-top:auto;padding:12px 12px 20px}.puzzle-foot,.puzzle-steps{align-items:center;display:flex}.puzzle-steps{gap:6px}.puzzle-step{background:#ffffff24;border-radius:2px;height:4px;width:22px}.puzzle-step.is-done{background:#ffc542}.puzzle-step.is-now{background:#ffe9a8;box-shadow:0 0 6px #ffc54280}.puzzle-rating-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.puzzle-chip{background:#ffffff0f;border-radius:999px;color:#8f887d;font-size:11.5px;padding:4px 11px}.puzzle-chip--done{background:#7fd67f24;color:#7fd67f}.puzzle-themes{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.puzzle-theme{background:#ffc5421a;border-radius:6px;color:#b39a63;font-size:10.5px;letter-spacing:.4px;padding:3px 9px;text-transform:uppercase}.puzzle-promotion{align-items:center;background:#0c0b09d1;display:flex;gap:10px;inset:0;justify-content:center;position:fixed;z-index:40}.puzzle-promotion-piece{background:#1c1a17;border:1px solid #ffc54259;border-radius:10px;color:#ffe9a8;cursor:pointer;font-size:30px;height:56px;line-height:1;width:56px}.puzzle-promotion-piece:hover{background:#26221c}.puzzle-stats{animation:puzzle-banner-in .16s ease-out;background:#1c1a17;border:1px solid #ffc54242;border-radius:13px;box-shadow:0 16px 40px #0009;padding:14px 15px 15px;position:fixed;right:12px;top:60px;width:min(280px,calc(100vw - 24px));z-index:60}.puzzle-stats-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:11px}.puzzle-stats-title{color:#ffc542;font-size:13px;font-weight:700}.puzzle-stats-close{background:#0000;border:none;color:#8f887d;cursor:pointer;font-size:20px;line-height:1}.puzzle-stats-error,.puzzle-stats-loading{color:#8f887d;font-size:12px;margin:0}.puzzle-stats-grid{grid-gap:9px;display:grid;gap:9px;grid-template-columns:repeat(2,1fr)}.puzzle-stat{align-items:center;background:hsla(0,0%,100%,.045);border-radius:9px;display:flex;flex-direction:column;padding:9px 4px}.puzzle-stat-num{font-feature-settings:"tnum";color:#ffe9a8;font-size:19px;font-variant-numeric:tabular-nums;font-weight:800}.puzzle-stat-label{color:#7a7368;font-size:10px;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}.puzzle-stats-themes{margin-top:13px}.puzzle-stats-sub{color:#7a7368;font-size:11px;font-weight:700;letter-spacing:.6px;margin:0 0 6px;text-transform:uppercase}.puzzle-theme-list{list-style:none;margin:0;padding:0}.puzzle-theme-row{border-bottom:1px solid #ffffff0d;display:flex;font-size:12px;justify-content:space-between;padding:4px 0}.puzzle-theme-row:last-child{border-bottom:none}.puzzle-theme-name{color:#a49d92}.puzzle-theme-count{font-feature-settings:"tnum";color:#ffc542;font-variant-numeric:tabular-nums}.puzzle-empty,.puzzle-loading{align-items:center;color:#8f887d;display:flex;flex:1 1;flex-direction:column;font-size:14px;gap:6px;justify-content:center;padding:30px;text-align:center}@keyframes puzzle-banner-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.puzzle-banner,.puzzle-stats{animation:none}.puzzle-btn{transition:none}}@media (max-height:680px){.puzzle-board{padding:8px 10px}.puzzle-foot{padding-bottom:12px}}.menu-puzzle-btn{align-items:center;background:linear-gradient(135deg,#ffc5421a,#ffc54208);border:1px solid #ffc54242;border-radius:13px;color:#d8d2c8;cursor:pointer;display:flex;gap:12px;margin-top:12px;padding:13px 15px;text-align:left;transition:border-color .15s ease,background .15s ease,transform .1s ease;width:100%}.menu-puzzle-btn:hover{background:linear-gradient(135deg,#ffc54229,#ffc5420d);border-color:#ffc54273}.menu-puzzle-btn:active{transform:scale(.99)}.menu-puzzle-btn:focus-visible{outline:2px solid #ffc542;outline-offset:2px}.menu-puzzle-icon{align-items:center;background:#ffc54224;border-radius:10px;color:#ffc542;display:inline-flex;flex:0 0 38px;height:38px;justify-content:center;width:38px}.menu-puzzle-text{display:flex;flex-direction:column;gap:2px}.menu-puzzle-title{color:#ffe9a8;font-size:15px;font-weight:700}.menu-puzzle-sub{color:#8f887d;font-size:12px;line-height:1.35}.puzzle-summary{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:2px;max-width:460px;width:100%}.puzzle-summary-item{align-items:center;background:hsla(0,0%,100%,.045);border-radius:10px;display:flex;flex-direction:column;gap:1px;padding:8px 4px}.puzzle-summary-num{font-feature-settings:"tnum";color:#ffe9a8;font-size:16px;font-variant-numeric:tabular-nums;font-weight:800;line-height:1.15}.puzzle-summary-label{color:#7a7368;font-size:9.5px;letter-spacing:.5px;text-align:center;text-transform:uppercase}.uyari-ekrani{animation:uyari-acilis .2s ease-out;background:#161512;background-image:radial-gradient(ellipse at 50% 28%,#ff9d5c12,#0000 62%);color:#d8d2c8;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9500}.uyari-ekrani,.uyari-kart{align-items:center;display:flex}.uyari-kart{background:#1c1a17;border:1px solid #ff9d5c2e;border-radius:16px;box-shadow:0 20px 60px #0000008c;flex-direction:column;max-width:360px;padding:26px 22px 22px;text-align:center;width:100%}.uyari-ikon{margin-bottom:12px}.uyari-baslik{color:bisque;font-size:19px;font-weight:700;letter-spacing:-.2px;margin:0 0 6px}.uyari-mesaj{color:#c9c1b6;font-size:13.5px;line-height:1.55;margin:0 0 16px;max-width:290px}.uyari-adimlar{background:#ff9d5c0f;border:1px solid #ff9d5c29;border-radius:11px;color:#b3aca1;font-size:12.5px;line-height:1.75;margin:0 0 16px;max-width:300px;padding:14px 16px 14px 34px;text-align:left;width:100%}.uyari-adimlar li{margin-bottom:3px}.uyari-adimlar li:last-child{margin-bottom:0}.uyari-adimlar li::marker{color:#ff9d5c;font-weight:700}.uyari-ham{background:#ffffff08;border:1px solid #ffffff0d;border-radius:7px;color:#6f6a61;font-size:11px;line-height:1.45;margin:0 0 14px;max-width:300px;padding:7px 10px;text-align:left;word-break:break-word}.uyari-dugme{background:#ff9d5c;border:none;border-radius:9px;color:#161512;cursor:pointer;font-family:inherit;font-size:14.5px;font-weight:700;max-width:300px;padding:12px 16px;transition:filter .14s ease;width:100%}.uyari-dugme:hover{filter:brightness(1.08)}.uyari-dugme:active{filter:brightness(.94)}.uyari-dugme:focus-visible{outline:2px solid #ff9d5c99;outline-offset:2px}.uyari-not{color:#6f6a61;font-size:11.5px;line-height:1.5;margin:14px 0 0;max-width:290px}@keyframes uyari-acilis{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.uyari-ekrani{animation:none}.uyari-dugme{transition:none}}@media (max-height:560px){.uyari-kart{padding:18px 18px 16px}.uyari-ikon{margin-bottom:8px}.uyari-adimlar{margin-bottom:12px;padding:10px 12px 10px 30px}.uyari-not{margin-top:10px}}.presence-dot{border-radius:50%;box-shadow:0 0 0 2px #161512e6;display:inline-block;flex:0 0 auto;height:9px;width:9px}.presence-dot.is-hazir{animation:presence-nabiz 2.2s ease-in-out infinite;background:#4ade80}.presence-dot.is-dolu{background:#fbbf24}.presence-dot.is-caymak{background:#55504a}.lb-presence-bar{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;display:flex;gap:10px;justify-content:space-between;margin:0 0 10px;padding:8px 12px}.lb-presence-count{align-items:center;color:#8f887d;color:var(--text-secondary,#8f887d);display:inline-flex;font-size:12.5px;gap:6px}.lb-presence-count:before{background:#4ade80;border-radius:50%;content:"";display:inline-block;height:8px;width:8px}.lb-presence-filter{background:#0000;border:1px solid #ffffff1f;border-radius:8px;color:#8f887d;color:var(--text-secondary,#8f887d);cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:600;padding:6px 12px;transition:background .14s ease,color .14s ease,border-color .14s ease}.lb-presence-filter:hover{background:#ffffff0d;color:#d8d2c8;color:var(--text-primary,#d8d2c8)}.lb-presence-filter.is-on{background:#4ade8024;border-color:#4ade806b;color:#4ade80}.lb-presence-filter:focus-visible{outline:2px solid #ffc54299;outline-offset:2px}.lb-item{align-items:stretch;display:flex;gap:6px;list-style:none}.lb-item>.lb-row{flex:1 1 auto;min-width:0}.lb-challenge{align-self:center;background:#4ade801a;border:1px solid #4ade8059;border-radius:9px;color:#4ade80;cursor:pointer;flex:0 0 auto;font-family:inherit;font-size:12px;font-weight:700;padding:8px 12px;transition:background .14s ease,transform .12s ease;white-space:nowrap}.lb-challenge:hover{background:#4ade8033}.lb-challenge:active{transform:scale(.97)}.lb-challenge:focus-visible{outline:2px solid #4ade8099;outline-offset:2px}@media (max-width:420px){.lb-challenge{font-size:0;line-height:0;padding:8px 10px}.lb-challenge:before{content:"⚔";font-size:15px;line-height:1}.lb-presence-bar{padding:7px 10px}.lb-presence-filter{font-size:11.5px;padding:5px 10px}}@keyframes presence-nabiz{0%,to{box-shadow:0 0 0 2px #161512e6,0 0 0 0 #4ade8059}50%{box-shadow:0 0 0 2px #161512e6,0 0 0 5px #4ade8000}}@media (prefers-reduced-motion:reduce){.presence-dot.is-hazir{animation:none}.lb-challenge,.lb-presence-filter{transition:none}.lb-challenge:active{transform:none}}:root{--bg-primary:#161512;--bg-secondary:#262421;--bg-sub:#1e1c18;--border:#363431;--border-color:#363431;--text-primary:#fff;--text-secondary:#bababa;--accent:#629924;--accent-hover:#568620;--accent-text:#fff;--accent-green:#629924;--accent-green-hover:#568620;--green:#629924;--red:#c33;--yellow:#e58f2a;--board-dark:#b58863;--board-light:#f0d9b5;--shadow:0 4px 16px #00000073;--radius:6px;--radius-sm:4px;--nav-height:52px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#161512;background:var(--bg-primary);color:#fff;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}.app-container{display:flex;flex-direction:column;margin:0 auto;max-width:1400px;min-height:100vh;min-height:calc(100vh*var(--ui-zoom-inv, 1));padding:0 12px 24px;width:100%}.mobile-only{display:none!important}.desktop-only{display:flex!important}@media (max-width:767px){.mobile-only{display:flex!important}.desktop-only{display:none!important}}.navbar{background:#262421;background:var(--bg-secondary);border-bottom:1px solid #363431;border-bottom:1px solid var(--border);position:sticky;top:0;width:100%;z-index:1000}.navbar-container{align-items:center;display:flex;height:52px;height:var(--nav-height);justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 16px}.navbar-brand{align-items:center;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.15rem;font-weight:700;gap:8px;text-decoration:none;transition:opacity .15s;-webkit-user-select:none;user-select:none}.navbar-brand:hover{opacity:.9}.navbar-brand:hover .navbar-title,.navbar-logo-icon{color:#629924;color:var(--green)}.navbar-title{color:#fff;color:var(--text-primary);font-weight:700;letter-spacing:-.3px}.navbar-links{height:100%}.navbar-link,.navbar-links{align-items:center;display:flex;gap:6px}.navbar-link{background:#0000;border:none;border-bottom:3px solid #0000;color:#bababa;color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:600;height:52px;height:var(--nav-height);padding:0 16px;transition:all .15s ease-in-out}.navbar-link:hover{background:#ffffff0a;color:#fff;color:var(--text-primary)}.navbar-link.active{background:#1e1c18;background:var(--bg-sub);border-bottom-color:#629924;border-bottom-color:var(--accent);color:#fff;color:var(--text-primary)}.navbar-actions{align-items:center;display:flex;flex-shrink:1;gap:12px;min-width:0}.navbar-inbox-btn{align-items:center;background:#0000;border:1px solid #363431;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#bababa;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;min-width:40px;position:relative;transition:all .15s;width:40px}.navbar-inbox-btn.active,.navbar-inbox-btn:hover{background:#1e1c18;background:var(--bg-sub);border-color:#bababa;border-color:var(--text-secondary);color:#fff;color:var(--text-primary)}.navbar-settings-btn{align-items:center;background:#0000;border:1px solid #363431;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#bababa;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;min-width:40px;position:relative;transition:all .15s;width:40px}.navbar-settings-btn:hover{background:#1e1c18;background:var(--bg-sub);border-color:#bababa;border-color:var(--text-secondary);color:#fff;color:var(--text-primary)}.navbar-settings-btn:focus-visible{outline:2px solid #629924;outline:2px solid var(--accent);outline-offset:1px}.inbox-badge{background:#c33;background:var(--red);border:2px solid #262421;border:2px solid var(--bg-secondary);border-radius:9px;box-shadow:0 2px 6px #0006;color:#fff;font-size:.7rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-6px;top:-6px}.inbox-badge,.navbar-user-chip{align-items:center;display:flex}.navbar-user-chip{background:#1e1c18;background:var(--bg-sub);border:1px solid #363431;border:1px solid var(--border);border-radius:20px;cursor:pointer;flex-shrink:1;font-size:.85rem;gap:8px;min-width:0;overflow:hidden;padding:4px 10px;transition:border-color .15s}.navbar-user-chip:hover{border-color:#629924;border-color:var(--accent)}.navbar-avatar{border-radius:50%;height:22px;object-fit:cover;width:22px}.navbar-avatar-placeholder{font-size:.85rem}.navbar-username{color:#fff;color:var(--text-primary);font-weight:600;max-width:120px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-tg{max-width:90px;min-width:0}.navbar-elo{color:#e58f2a;color:var(--yellow);flex-shrink:0;font-size:.8rem;font-weight:700}.navbar-hamburger{align-items:center;background:#0000;border:1px solid #363431;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#fff;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;min-width:40px;width:40px}.navbar-hamburger:hover{background:#1e1c18;background:var(--bg-sub)}.mobile-menu-drawer{background:#262421;background:var(--bg-secondary);border-bottom:1px solid #363431;border-bottom:1px solid var(--border);box-shadow:0 8px 24px #00000080;display:flex;flex-direction:column;gap:6px;padding:8px 12px 14px}.mobile-menu-item{align-items:center;background:#1e1c18;background:var(--bg-sub);border:1px solid #363431;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:12px;padding:10px 14px;text-align:left;transition:background .15s}.mobile-menu-item:hover{background:#ffffff0d}.mobile-menu-item.active{background:#629924;background:var(--accent);border-color:#629924;border-color:var(--accent);color:#fff;color:var(--accent-text)}.inbox-badge-inline{background:#c33;background:var(--red);border-radius:10px;color:#fff;font-size:.75rem;font-weight:700;margin-left:auto;padding:2px 8px}.connection-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.connection-dot.connected{background:#629924;background:var(--green)}.connection-dot.disconnected{background:#bababa;background:var(--text-secondary)}.connection-dot.error{background:#c33;background:var(--red)}.waking-pill{align-items:center;animation:waking-pulse 1.8s ease-in-out infinite;background:#ffd43b1f;border:1px solid #ffd43b59;border-radius:999px;color:#ffd43b;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;gap:6px;line-height:1.4;padding:3px 9px 3px 7px;white-space:nowrap}.waking-pill__spinner{animation:waking-spin .9s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid #0000;flex-shrink:0;height:9px;width:9px}@keyframes waking-spin{to{transform:rotate(1turn)}}@keyframes waking-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.waking-pill,.waking-pill__spinner{animation:none}}.quick-pairing-container{animation:slideUp .25s ease-out;background:#262421;background:var(--bg-secondary);border:1px solid #363431;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius);box-shadow:0 4px 16px #00000073;box-shadow:var(--shadow);margin:0 auto;max-width:640px;padding:24px 20px;width:100%}.quick-pairing-header{margin-bottom:20px;text-align:center}.quick-pairing-title{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:1.35rem;font-weight:700;gap:8px;justify-content:center;letter-spacing:-.3px}.quick-pairing-subtitle{color:#bababa;color:var(--text-secondary);display:block;font-size:.85rem;margin-top:4px}.quick-pairing-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.pairing-tile{align-items:center;background:#1e1c18;background:var(--bg-sub);border:1px solid #363431;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#fff;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:4px;justify-content:center;min-width:0;overflow:hidden;padding:14px 10px;text-align:center;transition:all .15s ease-in-out;-webkit-user-select:none;user-select:none}.pairing-tile:hover:not(:disabled){background:#2c2925;border-color:#629924;border-color:var(--accent);box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.pairing-tile:active:not(:disabled){transform:translateY(0)}.pairing-tile.selected{background:#62992429;border-color:#629924;border-color:var(--accent);box-shadow:0 0 10px #62992459}.tile-top{align-items:center;display:flex;gap:6px}.tile-icon{font-size:1.05rem}.tile-tc{color:#fff;color:var(--text-primary);font-family:SF Mono,Roboto Mono,Fira Code,Consolas,monospace;font-size:1.25rem;font-weight:800;letter-spacing:-.5px}.tile-bottom{align-items:center;color:#bababa;color:var(--text-secondary);display:flex;font-size:.75rem;gap:6px}.tile-name{font-weight:600;letter-spacing:.5px;text-transform:uppercase}.tile-desc{font-weight:500}.quick-pairing-footer,.tile-desc{color:#bababa;color:var(--text-secondary)}.quick-pairing-footer{border-top:1px solid #363431;border-top:1px solid var(--border);font-size:.8rem;padding-top:8px;text-align:center}.attc-clock,.timer{align-items:center;background:#1e1c18;background:var(--bg-sub);border:1.5px solid #363431;border:1.5px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);display:inline-flex;justify-content:center;min-width:86px;padding:5px 14px;text-align:center;transition:all .15s ease-in-out;-webkit-user-select:none;user-select:none}.clock-digits,.timer-text{font-feature-settings:"tnum","tnum";color:#bababa;color:var(--text-secondary);font-family:SF Mono,Roboto Mono,Fira Code,Consolas,monospace;font-size:1.35rem;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.5px}.attc-clock.inactive,.timer.inactive{background:#1e1c18;background:var(--bg-sub);border-color:#363431;border-color:var(--border)}.attc-clock.inactive .clock-digits,.timer.inactive .timer-text{color:#8c8883}.attc-clock.active,.timer.active{background:#212918;border-color:#629924;border-color:var(--accent);box-shadow:0 0 10px #62992473}.attc-clock.active .clock-digits,.timer.active .timer-text{color:#fff}.attc-clock.low,.timer.low{border-color:#e58f2a;border-color:var(--yellow)}.attc-clock.low .clock-digits,.timer.low .timer-text{color:#e58f2a;color:var(--yellow)}.attc-clock.critical,.timer.critical{animation:clockPulse .7s ease-in-out infinite;background:#331515;border-color:#c33;border-color:var(--red);box-shadow:0 0 12px #cc333380}.attc-clock.critical .clock-digits,.timer.critical .timer-text{color:#ff6b6b}.attc-clock.zero,.timer.zero{background:#2b1111;border-color:#c33;border-color:var(--red)}.attc-clock.zero .clock-digits,.timer.zero .timer-text{color:#c33;color:var(--red)}@keyframes clockPulse{0%,to{opacity:1}50%{opacity:.65}}@media (max-width:767px){.app-container{padding:0 8px 16px}.game-area{gap:8px}.board-column,.game-area{align-items:center;display:flex;flex-direction:column;width:100%}.board-column{gap:6px}.player-bar{align-items:center;background:#262421;background:var(--bg-secondary);border:1px solid #363431;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);display:flex;justify-content:space-between;max-width:440px;padding:8px 12px;width:100%}.board-wrapper{display:flex;justify-content:center;width:100%}.admin-panel{border-color:#dc5a5a80}.admin-desc{color:#bababa;color:var(--text-secondary);font-size:.82rem;line-height:1.45;margin:0 0 10px}.admin-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.admin-btn{background:#ffffff0f;background:var(--bg-tertiary,#ffffff0f);border:1px solid #363431;border:1px solid var(--border-color,#ffffff24);border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:.85rem;font-weight:600;padding:10px 12px;transition:background .15s,border-color .15s,opacity .15s}.admin-btn:hover:not(:disabled){background:#ffffff1f}.admin-btn.danger{border-color:#dc5a5a8c;color:#f0a0a0}.admin-btn.danger:hover:not(:disabled){background:#dc5a5a2e}.admin-btn:disabled{cursor:not-allowed;opacity:.5}.admin-done{color:#7ddc8a;font-size:.82rem;margin:0 0 10px}.profile-in-game{align-items:center;background:#2ecc711f;border:1px solid #2ecc7159;border-radius:999px;color:#7ddc8a;display:inline-flex;font-size:.78rem;font-weight:600;gap:7px;margin-top:8px;padding:5px 11px}.in-game-dot{animation:in-game-pulse 1.8s infinite;background:#2ecc71;border-radius:50%;box-shadow:0 0 0 0 #2ecc71b3;height:7px;width:7px}@keyframes in-game-pulse{0%{box-shadow:0 0 0 0 #2ecc7199}70%{box-shadow:0 0 0 7px #2ecc7100}to{box-shadow:0 0 0 0 #2ecc7100}}.friend-play-btn:disabled{cursor:not-allowed;opacity:.6}.go-overlay{align-items:center;animation:go-fade .18s ease-out;background:#000000c7;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:50}@keyframes go-fade{0%{opacity:0}to{opacity:1}}.go-card{background:#262421;background:var(--bg-secondary);border:1px solid #363431;border:1px solid var(--border-color,#ffffff24);border-radius:16px;box-shadow:0 18px 48px #0000008c;max-width:360px;padding:22px 20px;text-align:center;width:100%}.go-card--win{border-color:#5ac87899}.go-card--lose{border-color:#d25a5a99}.go-card--draw{border-color:#dcbe5a8c}.go-title{font-size:1.9rem;font-weight:800;margin:0 0 4px}.go-card--win .go-title{color:#6ee08a}.go-card--lose .go-title{color:#f08a8a}.go-card--draw .go-title{color:#e8cf7a}.go-term{color:#bababa;color:var(--text-secondary);font-size:.86rem;margin:0 0 18px}.go-trophy{margin-bottom:14px;position:relative}.go-trophy--gained .go-trophy-value{animation:go-trophy-bump .78s cubic-bezier(.22,1.3,.36,1) both;position:relative;z-index:1}@keyframes go-trophy-bump{0%{transform:scale(.86)}35%{transform:scale(1.09)}to{transform:scale(1)}}.go-spark-burst{height:0;left:50%;pointer-events:none;position:absolute;top:50%;width:0;z-index:0}.go-spark{animation:go-spark-fly .72s ease-out both;background:#ffe9a8;border-radius:50%;height:5px;left:0;margin:-2.5px 0 0 -2.5px;opacity:0;position:absolute;top:0;width:5px}@keyframes go-spark-fly{0%{opacity:0;transform:none scale(.4);transform:var(--spark-transform,none) scale(.4)}25%{opacity:1}to{opacity:0;transform:none scale(1.35);transform:var(--spark-transform,none) scale(1.35)}}@media (prefers-reduced-motion:reduce){.go-spark,.go-trophy--gained .go-trophy-value{animation:none}.go-spark{opacity:0}}.go-trophy-label{color:#bababa;color:var(--text-secondary);font-size:.78rem;margin-bottom:2px}.go-trophy-value{color:#e8c96a;font-size:2.6rem;font-weight:800;line-height:1.1}.go-trophy-change{font-size:.88rem;font-weight:700}.go-trophy-change.is-up{color:#6ee08a}.go-trophy-change.is-down{color:#f08a8a}.go-elo{color:#bababa;color:var(--text-secondary);font-size:.75rem;margin-bottom:18px}.go-actions{display:flex;flex-direction:column;gap:8px}.go-btn{border:1px solid #0000;border-radius:12px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;padding:12px 14px;transition:filter .15s,transform .1s,background .15s;width:100%}.go-btn:active:not(:disabled){transform:scale(.97)}.go-btn:disabled{cursor:not-allowed;opacity:.6}.go-btn--primary{background:#2f7d4f}.go-btn--primary:hover:not(:disabled){background:#37955e}.go-btn--ghost{background:#0000;border-color:#363431;border-color:var(--border-color,#fff3);color:#fff;color:var(--text-primary)}.go-btn--ghost:hover:not(:disabled){background:#ffffff12}.go-btn--rematch{background:#2b5f8a;border-color:#6eaaf080}.go-btn--rematch:hover:not(:disabled){background:#35719f}.rematch-card{border-color:#6eaaf08c}.rematch-title{color:#8ec2f0;font-size:1.3rem;font-weight:800;margin:0 0 8px}.rematch-body{color:#fff;color:var(--text-primary);font-size:.9rem;line-height:1.45;margin:0 0 6px}.rematch-tc{color:#bababa;color:var(--text-secondary);font-size:.78rem;margin:0 0 18px}.rematch-notice{animation:go-fade .18s ease-out;background:#14161cf2;border:1px solid #363431;border:1px solid var(--border-color,#ffffff29);border-radius:10px;bottom:24px;color:#fff;color:var(--text-primary);font-size:.84rem;left:50%;max-width:calc(100vw - 32px);max-width:calc(100vw*var(--ui-zoom-inv, 1) - 32px);padding:10px 16px;position:fixed;text-align:center;transform:translateX(-50%);z-index:60}.board-wrapper{position:relative}.pre-move-arrow{align-items:flex-end;display:flex;justify-content:center;pointer-events:none;position:absolute;transform-origin:center;z-index:3}.pre-move-arrow:before{border-bottom:92% solid #78c8ffc7;border-left:26% solid #0000;border-right:26% solid #0000;content:"";filter:drop-shadow(0 1px 2px rgba(0,0,0,.45));height:0;width:0}.pre-move-cancel{align-items:center;background:#262421;background:var(--bg-secondary);border:1px solid #363431;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#bababa;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:600;gap:6px;justify-content:center;margin-top:8px;min-height:40px;padding:0 12px;transition:color .15s ease,border-color .15s ease;width:100%}.pre-move-cancel:hover{border-color:#629924;border-color:var(--accent);color:#fff;color:var(--text-primary)}.pre-move-cancel:focus-visible{outline:2px solid #629924;outline:2px solid var(--accent);outline-offset:1px}.game-sidebar{background:#262421;background:var(--bg-secondary);border:1px solid #363431;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius);display:flex;flex-direction:column;gap:8px;max-width:440px;padding:12px;width:100%}.sidebar-actions{display:flex;gap:8px;justify-content:center}}@media (min-width:768px){.app-container{padding:0 20px 32px}.game-area{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:minmax(360px,520px) minmax(280px,360px);justify-content:center;margin-top:16px;width:100%}.board-column{flex-direction:column;gap:8px}.board-column,.player-bar{align-items:center;display:flex;width:100%}.player-bar{border:1px solid #363431;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);justify-content:space-between;max-width:520px;padding:8px 12px}.game-sidebar,.player-bar{background:#262421;background:var(--bg-secondary)}.game-sidebar{border:1px solid #363431;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius);display:flex;flex-direction:column;max-height:620px;min-height:500px;padding:16px}.sidebar-header{align-items:center;border-bottom:1px solid #363431;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.sidebar-moves-wrapper{flex:1 1;min-height:240px;overflow-y:auto}.sidebar-actions{border-top:1px solid #363431;border-top:1px solid var(--border);display:flex;gap:10px;margin-top:auto;padding-top:12px}}@media (min-width:1024px){.app-container{padding:0 32px 40px}.game-area{gap:32px;grid-template-columns:minmax(460px,600px) minmax(320px,400px);margin-top:24px}.player-bar{max-width:600px}.game-sidebar{min-height:580px;padding:20px}}.player-left{align-items:center;display:flex;gap:8px}.player-avatar-mini{background:#1e1c18;background:var(--bg-sub);border-radius:4px;display:flex;font-size:.9rem;height:28px;width:28px}.player-info{align-items:baseline;display:flex;gap:6px}.player-name{color:#fff;color:var(--text-primary);font-size:.95rem;font-weight:700}.player-elo{color:#e58f2a;color:var(--yellow);font-size:.8rem}.captured-pieces{align-items:center;display:flex;font-size:.95rem;gap:4px;margin-left:8px}.captured-icons{display:flex;gap:1px;letter-spacing:-2px}.material-diff{background:#1e1c18;background:var(--bg-sub);border-radius:3px;color:#bababa;font-size:.75rem;font-weight:700;padding:1px 4px}.game-tc-badge{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:.85rem;font-weight:700;gap:6px}.bullet-dot{color:#bababa;color:var(--text-secondary)}.turn-pill{border-radius:12px;font-size:.8rem;font-weight:700;padding:4px 10px}.turn-pill.my-turn{background:#62992433;color:#8c3}.turn-pill.opp-turn{background:#c333;color:#ff6b6b}.game-action-btn{align-items:center;background:#1e1c18;background:var(--bg-sub);border:1px solid #363431;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#fff;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:6px;justify-content:center;padding:10px 14px;transition:all .15s ease-in-out}.game-action-btn:hover{background:#2f2c27;border-color:#555}.game-action-btn.resign-btn:hover{border-color:#c33;border-color:var(--red);color:#ff6b6b}.game-action-btn.draw-btn:hover{border-color:#e58f2a;border-color:var(--yellow);color:#ffc107}.draw-offer-banner{align-items:center;background:#e58f2a26;border:1px solid #e58f2a;border:1px solid var(--yellow);border-radius:4px;border-radius:var(--radius-sm);display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:10px;padding:8px 12px}.draw-offer-btns{display:flex;gap:6px}.draw-accept-btn{background:#629924;background:var(--accent)}.draw-accept-btn,.draw-decline-btn{border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.8rem;font-weight:700;padding:4px 10px}.draw-decline-btn{background:#c33;background:var(--red)}.move-history{background:#1e1c18;background:var(--bg-sub);border:1px solid #363431;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);font-family:SF Mono,Roboto Mono,monospace;font-size:.9rem;max-height:280px;overflow-y:auto;padding:10px}.move-history-header{font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.move-history-empty,.move-history-header{color:#bababa;color:var(--text-secondary);font-size:.8rem}.move-history-empty{font-style:italic;padding:16px 0;text-align:center}.move-list{display:flex;flex-direction:column;gap:4px}.move-pair{border-radius:3px;display:grid;grid-template-columns:36px 1fr 1fr;padding:3px 6px}.move-pair:nth-child(odd){background:#ffffff05}.move-number{color:#6e6b66;font-weight:600}.move-black,.move-white{color:#fff;color:var(--text-primary);font-weight:600}.challenge-popup-backdrop{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.challenge-popup-card{animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1);background:#262421;border:1px solid #363431;border-radius:12px;box-shadow:0 16px 36px #0009;color:#bababa;max-width:380px;padding:24px 20px;position:relative;text-align:center;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.challenge-popup-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#706f6c;cursor:pointer;display:flex;font-size:1.1rem;height:28px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .15s;width:28px}.challenge-popup-close:hover{background:#363431;color:#fff}.challenge-popup-header{margin-bottom:16px}.challenge-popup-badge{background:#62992433;border-radius:4px;color:#629924;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-bottom:6px;padding:3px 8px;text-transform:uppercase}.challenge-popup-title{color:#fff;font-size:1.25rem;font-weight:700;margin:0}.challenge-popup-user{align-items:center;background:#1e1c18;border:1px solid #363431;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:12px;text-align:left}.challenge-avatar{border:2px solid #363431;border-radius:50%;height:48px;object-fit:cover;width:48px}.challenge-avatar.fallback{align-items:center;background:#302e2b;display:flex;font-size:1.5rem;justify-content:center}.challenge-user-meta{display:flex;flex-direction:column}.challenge-username{color:#fff;font-size:1.05rem;font-weight:700}.challenge-user-sub{color:#8c8882;font-size:.8rem}.challenge-tc-box{align-items:center;background:#302e2b;border:1px solid #3d3b37;border-radius:6px;display:inline-flex;gap:6px;margin-bottom:20px;padding:6px 14px}.challenge-tc-icon{font-size:1rem}.challenge-tc-val{color:#fff;font-size:.95rem;font-weight:700}.challenge-tc-label{color:#c0a960;font-size:.8rem;font-weight:600}.challenge-popup-actions{display:flex;gap:10px}.challenge-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:700;gap:6px;justify-content:center;padding:12px 16px;transition:all .15s}.challenge-btn.accept{background:#629924;color:#fff}.challenge-btn.accept:hover:not(:disabled){background:#568620}.challenge-btn.decline{background:#363431;border:1px solid #4a4743;color:#d15050}.challenge-btn.decline:hover:not(:disabled){background:#403d38;color:#ff6b6b}.challenge-btn:disabled{cursor:not-allowed;opacity:.6}.profile-container{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:800px;padding:16px 12px;width:100%}.profile-header-card{align-items:center;background:#262421;background:var(--bg-secondary);border:1px solid #363431;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius);display:flex;gap:20px;padding:20px;position:relative;transition:box-shadow .4s ease}.profile-avatar-wrapper{flex-shrink:0}.profile-avatar-img{object-fit:cover}.profile-avatar-img,.profile-avatar-placeholder{border:2px solid #363431;border:2px solid var(--border);border-radius:50%;height:72px;width:72px}.profile-avatar-placeholder{align-items:center;background:#1e1c18;background:var(--bg-sub);display:flex;font-size:2.2rem;justify-content:center}.profile-main-meta{flex:1 1}.profile-username{color:#fff;color:var(--text-primary);font-size:1.45rem;font-weight:700;margin-bottom:4px}.profile-sub-meta{align-items:center;color:#bababa;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.85rem;gap:10px;margin-bottom:8px;row-gap:6px}.profile-id{opacity:.75}.profile-league-tag,.profile-trophies-tag{background:#1e1c18;background:var(--bg-sub);border:1px solid #363431;border:1px solid var(--border);border-radius:12px;font-weight:600;padding:2px 8px}.profile-champ-badge{align-items:center;background:color-mix(in srgb,#ffc542 14%,#0000);border:1px solid color-mix(in srgb,#ffc542 46%,#0000);border-radius:999px;box-shadow:0 1px 8px color-mix(in srgb,#ffc542 16%,#0000);color:#ffe9a8;display:inline-flex;flex-shrink:0;font-size:.72rem;font-weight:700;gap:5px;letter-spacing:.2px;max-width:100%;padding:2px 9px;white-space:nowrap}.profile-champ-badge .champ-trophy{flex-shrink:0}@media (prefers-reduced-motion:no-preference){.profile-champ-badge .champ-trophy{animation:champBadgePop .52s cubic-bezier(.34,1.56,.64,1) both}}@keyframes champBadgePop{0%{opacity:0;transform:scale(.4) rotate(-18deg)}60%{opacity:1;transform:scale(1.18) rotate(6deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.bio-display{color:#bababa;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-style:italic}.bio-display:hover{color:#fff;color:var(--text-primary)}.bio-edit-box{margin-top:6px}.bio-textarea{background:#1e1c18;background:var(--bg-sub);border:1px solid #363431;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#fff;color:var(--text-primary);font-size:.85rem;padding:8px;resize:none;width:100%}.bio-save-btn{background:#629924;background:var(--accent);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;margin-top:6px;padding:4px 12px}.rating-blocks-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.rating-card{background:#262421;background:var(--bg-secondary);border:1px solid #363431;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius);padding:16px;text-align:center}.rating-card-header{align-items:center;color:#bababa;color:var(--text-secondary);display:flex;font-size:.85rem;font-weight:700;gap:6px;justify-content:center;margin-bottom:6px}.rating-value{color:#fff;color:var(--text-primary);font-family:SF Mono,Roboto Mono,monospace;font-size:1.6rem;font-weight:800}.rating-subtitle{color:#7a7a7a;font-size:.75rem;margin-top:2px}.stats-distribution-card{background:#262421;background:var(--bg-secondary);border:1px solid #363431;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius);padding:16px 20px}.distribution-header{align-items:center;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:10px}.distribution-title{color:#fff;color:var(--text-primary);font-weight:700}.distribution-total{color:#bababa;color:var(--text-secondary)}.distribution-bar-track{background:#363431;border-radius:5px;display:flex;height:10px;margin-bottom:12px;overflow:hidden}.bar-segment.win{background:#629924;background:var(--green)}.bar-segment.draw{background:#666461}.bar-segment.loss{background:#c33;background:var(--red)}.distribution-legend{color:#bababa;color:var(--text-secondary);display:flex;font-size:.8rem;justify-content:space-between}.legend-item{align-items:center;display:flex;gap:6px}.legend-dot{border-radius:50%;height:8px;width:8px}.win-dot{background:#629924;background:var(--green)}.draw-dot{background:#666461}.loss-dot{background:#c33;background:var(--red)}.friends-section,.match-history-section{background:#262421;background:var(--bg-secondary);border:1px solid #363431;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius);padding:16px 20px}.section-title{color:#fff;color:var(--text-primary);font-size:1.05rem;font-weight:700;margin-bottom:12px}.add-friend-row{display:flex;gap:8px;margin-bottom:12px}.friend-input{background:#1e1c18;background:var(--bg-sub);border:1px solid #363431;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#fff;color:var(--text-primary);flex:1 1;font-size:.9rem;padding:8px 12px}.friend-add-btn{background:#629924;background:var(--accent);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.85rem;font-weight:700;padding:8px 16px}.friend-list,.history-list{display:flex;flex-direction:column;gap:8px;list-style:none}.friend-item{background:#1e1c18;background:var(--bg-sub);border:1px solid #363431;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);justify-content:space-between;padding:8px 12px}.friend-info,.friend-item{align-items:center;display:flex}.friend-info{gap:8px}.friend-avatar{border-radius:50%;height:32px;object-fit:cover;width:32px}.friend-avatar-placeholder{align-items:center;background:#363431;border-radius:50%;display:flex;font-size:1rem;height:32px;justify-content:center;width:32px}.friend-name{font-size:.9rem;font-weight:600}.friend-actions{align-items:center;display:flex;gap:10px}.friend-trophies{color:#e58f2a;color:var(--yellow);font-size:.85rem;font-weight:700}.friend-play-btn{background:#629924;background:var(--accent);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:4px 10px}.history-item{background:#1e1c18;background:var(--bg-sub);border:1px solid #363431;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);justify-content:space-between;padding:10px 14px}.history-item,.history-left{align-items:center;display:flex}.history-left{font-size:.85rem;gap:10px}.outcome-pill{border-radius:4px;font-size:.75rem;font-weight:800;letter-spacing:.5px;padding:2px 8px}.outcome-pill.win{background:#62992433;color:#8c3}.outcome-pill.draw{background:#bababa26;color:#bababa}.outcome-pill.loss{background:#c333;color:#ff6b6b}.history-color-badge{color:#bababa;color:var(--text-secondary);font-weight:700}.history-vs{color:#666}.history-opp{color:#fff;color:var(--text-primary);font-weight:600}.history-delta{font-size:.85rem;font-weight:700}.history-delta.win{color:#629924;color:var(--green)}.history-delta.draw{color:#bababa;color:var(--text-secondary)}.history-delta.loss{color:#c33;color:var(--red)}.inbox-container,.leaderboard-container{margin:0 auto;max-width:760px;padding:16px 12px;width:100%}.menu-container{flex:1 1;margin:16px auto;max-width:700px;padding:0 12px;width:100%}.menu-container,.waiting-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.waiting-container{gap:16px;padding:40px 20px;text-align:center}.spinner{animation:spin .8s linear infinite;border:4px solid #363431;border-top-color:#629924;border:4px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.cancel-btn{background:#1e1c18;background:var(--bg-sub);border:1px solid #363431;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#fff;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 24px}.cancel-btn:hover{background:#363431}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .25s ease-out}.navbar-tg{background:#262421;background:var(--bg-secondary);border:1px solid #363431;border:1px solid var(--border);border-radius:10px;color:#bababa;color:var(--text-secondary);font-size:.75rem;font-weight:600;max-width:110px;overflow:hidden;padding:1px 7px;text-overflow:ellipsis;white-space:nowrap}.profile-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.profile-name-row .profile-username{margin-bottom:0}.profile-tg-badge{background:#62992426;border:1px solid #62992466;border-radius:12px;color:#629924;color:var(--accent-green);font-size:.78rem;font-weight:700;max-width:160px;overflow:hidden;padding:2px 9px;text-overflow:ellipsis;white-space:nowrap}.profile-name-edit-btn{background:#0000;border:1px solid #0000;border-radius:4px;border-radius:var(--radius-sm);color:#bababa;color:var(--text-secondary);cursor:pointer;font-size:.85rem;line-height:1;padding:4px 6px;transition:color .15s,border-color .15s}.profile-name-edit-btn:hover{border-color:#363431;border-color:var(--border);color:#629924;color:var(--accent-green)}.profile-settings{background:#262421;background:var(--bg-secondary);border:1px solid #363431;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius);padding:16px 20px}.profile-settings .section-title{margin-bottom:10px}.settings-row{align-items:center;background:#1e1c18;background:var(--bg-sub);border:1px solid #363431;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);display:flex;gap:14px;justify-content:space-between;padding:10px 14px}.settings-label{display:flex;flex-direction:column;gap:3px;min-width:0}.settings-label-title{color:#fff;color:var(--text-primary);font-size:.9rem;font-weight:700}.settings-label-desc{color:#bababa;color:var(--text-secondary);font-size:.8rem}.settings-error{color:#ff6b6b;font-size:.8rem;margin-top:8px}.username-edit-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.username-edit-row .friend-input{flex:1 1 180px;min-width:140px}.username-edit-row .settings-error{flex:1 0 100%;margin-top:0}.privacy-toggle{background:#363431;border:1px solid #363431;border:1px solid var(--border);border-radius:13px;cursor:pointer;flex-shrink:0;height:26px;padding:0;position:relative;transition:background .18s,border-color .18s;width:46px}.privacy-toggle:disabled{cursor:default;opacity:.6}.privacy-toggle.on{background:#629924;background:var(--accent);border-color:#629924;border-color:var(--accent)}.privacy-toggle-knob{background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000080;height:20px;left:2px;position:absolute;top:2px;transition:transform .18s ease;width:20px}.privacy-toggle.on .privacy-toggle-knob{transform:translateX(20px)}.user-search-results{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.user-search-item{align-items:center;background:#1e1c18;background:var(--bg-sub);border:1px solid #363431;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);display:flex;gap:10px;justify-content:space-between;padding:8px 12px}.user-search-meta{display:flex;flex-direction:column;min-width:0}.friend-item .friend-name,.user-search-item .friend-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-tg{font-size:.72rem}.friend-tg,.user-search-elo{color:#bababa;color:var(--text-secondary);font-weight:600}.user-search-elo{font-size:.75rem;white-space:nowrap}.search-empty{background:#1e1c18;background:var(--bg-sub);border:1px dashed #363431;border:1px dashed var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#bababa;color:var(--text-secondary);font-size:.85rem;padding:10px 12px;text-align:center}.tc-modal-backdrop{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000bf;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:16px;position:fixed;z-index:9998}.tc-modal-card{animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1);background:#262421;background:var(--bg-secondary);border:1px solid #363431;border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 36px #0009;color:#bababa;color:var(--text-secondary);max-width:560px;padding:20px 18px;position:relative;width:100%}.tc-modal-header{margin-bottom:14px;text-align:center}.tc-modal-title{color:#fff;color:var(--text-primary);font-size:1.2rem;font-weight:700;margin:0 0 4px}.tc-modal-subtitle{color:#bababa;color:var(--text-secondary);font-size:.85rem;margin:0}.tc-modal-subtitle strong{color:#fff;color:var(--text-primary)}.tc-modal-close{align-items:center;background:#0000;border:none;border-radius:4px;border-radius:var(--radius-sm);color:#bababa;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.05rem;height:28px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .15s;width:28px}.tc-modal-close:hover{background:#1e1c18;background:var(--bg-sub);color:#fff;color:var(--text-primary)}.tc-modal-actions{display:flex;gap:10px;margin-top:16px}.tc-modal-btn{border:1px solid #363431;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius);cursor:pointer;flex:1 1;font-size:.95rem;font-weight:700;padding:11px 16px}.tc-modal-btn.cancel{background:#1e1c18;background:var(--bg-sub);color:#fff;color:var(--text-primary)}.tc-modal-btn.cancel:hover{background:#363431}.tc-modal-btn.confirm{background:#629924;background:var(--accent);border-color:#629924;border-color:var(--accent);color:#fff;color:var(--accent-text)}.tc-modal-btn.confirm:hover{background:#568620;background:var(--accent-hover);border-color:#568620;border-color:var(--accent-hover)}.leaderboard-user-cell{display:flex;flex-direction:column;min-width:0}@media (max-width:767px){.settings-row,.user-search-item{flex-wrap:wrap}.user-search-elo{display:none}}.language-toggle{align-items:center;background:#262421;background:var(--bg-secondary);border:1px solid #363431;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#fff;color:var(--text-primary);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:SF Mono,Roboto Mono,Fira Code,Consolas,monospace;font-size:.72rem;font-weight:700;height:40px;justify-content:center;letter-spacing:.5px;min-width:40px;padding:0 8px;transition:all .15s ease-in-out;-webkit-user-select:none;user-select:none}.language-toggle:hover{background:#2c2925;border-color:#629924;border-color:var(--accent);color:#fff;color:var(--text-primary)}.language-toggle:active{transform:scale(.95)}.language-toggle:focus-visible{outline:2px solid #629924;outline:2px solid var(--accent);outline-offset:1px}.game-chat{background:#1e1c18;background:var(--bg-sub);border:1px solid #363431;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);display:flex;flex-direction:column;height:42%;margin-bottom:10px;min-height:150px;overflow:hidden;padding:8px}.chat-header{color:#bababa;color:var(--text-secondary);flex:0 0 auto;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.chat-list{display:flex;flex:1 1 auto;flex-direction:column;gap:4px;min-height:0;overflow-y:auto;padding-right:2px}.chat-empty{color:#bababa;color:var(--text-secondary);font-size:.75rem;font-style:italic;padding:12px 0;text-align:center}.chat-message{display:flex;max-width:92%}.chat-message.mine{align-self:flex-end;justify-content:flex-end}.chat-message.theirs{align-self:flex-start;justify-content:flex-start}.chat-bubble{background:#2c2925;border:1px solid #363431;border:1px solid var(--border);border-radius:10px;color:#fff;color:var(--text-primary);display:inline-block;font-size:.8rem;line-height:1.35;overflow-wrap:anywhere;padding:5px 9px;word-break:break-word}.chat-message.mine .chat-bubble{background:#62992438;border-color:#629924;border-color:var(--accent)}.chat-composer{align-items:center;display:flex;flex:0 0 auto;gap:6px;margin-top:8px}.chat-input{background:#161512;background:var(--bg-primary);border:1px solid #363431;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#fff;color:var(--text-primary);flex:1 1 auto;font-family:inherit;font-size:.8rem;min-width:0;padding:6px 8px}.chat-input:focus{border-color:#629924;border-color:var(--accent);outline:none}.chat-input:disabled{cursor:not-allowed;opacity:.5}.chat-counter{color:#bababa;color:var(--text-secondary);flex:0 0 auto;font-family:SF Mono,Roboto Mono,Consolas,monospace;font-size:.65rem;min-width:46px;text-align:right}.chat-counter.warn{color:#e58f2a;color:var(--yellow);font-weight:700}.chat-send-btn{background:#629924;background:var(--accent);border:1px solid #629924;border:1px solid var(--accent);border-radius:4px;border-radius:var(--radius-sm);color:#fff;color:var(--accent-text);cursor:pointer;flex:0 0 auto;font-size:.75rem;font-weight:700;min-height:40px;min-width:56px;padding:6px 12px}.chat-send-btn:hover:not(:disabled){background:#568620;background:var(--accent-hover);border-color:#568620;border-color:var(--accent-hover)}.chat-send-btn:disabled{cursor:not-allowed;opacity:.4}.leaderboard-row{color:inherit;cursor:pointer;font:inherit;text-align:left;transition:filter .15s ease-in-out,transform .1s ease-in-out;width:100%}.lb{color:#fff;color:var(--text-primary)}.lb-title{color:#e58f2a;color:var(--yellow);font-size:1.35rem;font-weight:800;letter-spacing:.2px;margin:0 0 16px;text-align:center}.lb-empty,.lb-loading{color:#bababa;color:var(--text-secondary);font-size:.92rem;padding:24px 12px;text-align:center}.lb-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.lb-row{align-items:center;background-color:#262421;background-color:var(--bg-secondary);border:1px solid #363431;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius);color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font:inherit;gap:10px;padding:7px 12px;text-align:left;transition:background-color .15s ease,border-color .15s ease,transform .1s ease;width:100%}.lb-row:hover{background-color:#322f2b;border-color:#629924;border-color:var(--accent)}.lb-row:active{transform:scale(.995)}.lb-row:focus-visible{outline:2px solid #629924;outline:2px solid var(--accent);outline-offset:2px}.lb-rank-1{background-color:#3a2f0d;border-color:#e58f2a;border-color:var(--yellow)}.lb-rank-2{background-color:#2e2b26;border-color:#8a8a8a}.lb-rank-3{background-color:#3a2410;border-color:#b06a2a}.lb-rank{color:#bababa;color:var(--text-secondary);flex:0 0 auto;font-size:.9rem;font-weight:800;min-width:26px;text-align:center}.lb-rank-1 .lb-rank{color:#ffd166}.lb-rank-2 .lb-rank{color:#d9d9d9}.lb-rank-3 .lb-rank{color:#e0a15c}.leaderboard-avatar{align-items:center;background-color:#1e1c18;background-color:var(--bg-sub);border:1px solid #363431;border:1px solid var(--border);border-radius:50%;display:inline-flex;flex:0 0 auto;height:34px;justify-content:center;overflow:hidden;width:34px}.leaderboard-avatar-img{display:block;height:100%;object-fit:cover;width:100%}.leaderboard-avatar-initials{color:#fff;color:var(--text-primary);font-size:.72rem;font-weight:700;letter-spacing:.5px}.lb-main{flex:1 1 auto;flex-direction:column;gap:2px}.lb-main,.lb-name-row{display:flex;min-width:0}.lb-name-row{align-items:center;gap:6px}.lb-league{display:inline-flex;flex:0 0 auto;font-size:.95rem;position:relative}.lb-name{color:#fff;color:var(--text-primary);font-size:.94rem;font-weight:700;min-width:0}.lb-name,.lb-tg{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-tg{font-size:.72rem}.lb-tg,.leaderboard-record{color:#bababa;color:var(--text-secondary)}.leaderboard-record{display:flex;font-family:SF Mono,Roboto Mono,Consolas,monospace;font-size:.68rem;gap:8px}.leaderboard-record .lg-win{color:#7ec26a}.leaderboard-record .lg-loss{color:#e07a7a}.leaderboard-record .lg-draw{color:#d8c07a}.lb-stats{align-items:flex-end;display:flex;flex:0 0 auto;flex-direction:column;gap:2px}.lb-trophies{color:#e58f2a;color:var(--yellow);font-size:1rem;font-weight:800;line-height:1.1}.lb-elo{font-size:.7rem;white-space:nowrap}.lb-elo,.player-avatar-mini{color:#bababa;color:var(--text-secondary)}.player-avatar-mini{align-items:center;background-color:#1e1c18;background-color:var(--bg-sub);border:1px solid #363431;border:1px solid var(--border);border-radius:50%;display:inline-flex;flex:0 0 auto;font-size:1rem;height:32px;justify-content:center;line-height:1;object-fit:cover;overflow:hidden;width:32px}img.player-avatar-mini{background-color:initial}@media (max-width:480px){.player-avatar-mini{font-size:.9rem;height:28px;width:28px}.lb-title{font-size:1.15rem;margin-bottom:12px}.lb-row{gap:8px;padding:9px 10px}.lb-rank{font-size:.8rem;min-width:20px}.leaderboard-avatar{height:30px;width:30px}.lb-name{font-size:.86rem}.lb-trophies{font-size:.9rem}.lb-elo{font-size:.64rem}.leaderboard-record{font-size:.62rem;gap:6px}}.tile-queue-count{background:#ffffff0a;border:1px solid #363431;border:1px solid var(--border);border-radius:999px;color:#bababa;color:var(--text-secondary);font-family:SF Mono,Roboto Mono,Consolas,monospace;font-size:.65rem;margin-top:4px;padding:1px 7px;white-space:nowrap}.tile-queue-count.active{background:#e58f2a1f;border-color:#e58f2a8c;color:#e58f2a;color:var(--yellow)}.quick-pairing-footer{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.queue-summary{border-left:1px solid #363431;border-left:1px solid var(--border);font-size:.75rem;padding-left:10px}.profile-back-btn,.queue-summary{color:#bababa;color:var(--text-secondary)}.profile-back-btn{background:#262421;background:var(--bg-secondary);border:1px solid #363431;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;display:inline-block;font-size:.8rem;font-weight:600;margin:10px 0 0;padding:6px 12px}.profile-back-btn:hover{border-color:#629924;border-color:var(--accent);color:#fff;color:var(--text-primary)}.profile-view-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.bio-readonly{color:#bababa;color:var(--text-secondary);cursor:default;font-style:italic}.friend-info[role=button]{cursor:pointer}.history-tc{border:1px solid #363431;border:1px solid var(--border);border-radius:999px;font-family:SF Mono,Roboto Mono,Consolas,monospace;font-size:.65rem;padding:0 6px}.history-tc,.history-termination{color:#bababa;color:var(--text-secondary)}.history-termination{background:#ffffff0d;border:1px solid #363431;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);font-size:.62rem;letter-spacing:.4px;padding:0 5px;text-transform:uppercase}@media (max-width:420px){.quick-pairing-grid{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.pairing-tile{padding:12px 8px}.tile-bottom{align-items:center;flex-direction:column;gap:2px}.quick-pairing-footer{flex-direction:column;gap:4px}.lb-row{flex-wrap:wrap}.lb-main{flex:1 1 100%;order:3}.lb-stats{align-items:baseline;flex-direction:row;gap:8px;margin-left:auto}}@media (max-width:880px){.navbar-actions .language-toggle{display:none}}.lb-mine{border-top:1px dashed #363431;border-top:1px dashed var(--border);margin-top:12px;padding-top:10px}.lb-mine-label{color:#bababa;color:var(--text-secondary);display:block;font-size:11px;font-weight:700;letter-spacing:.6px;margin-bottom:6px;text-transform:uppercase}.lb-row--mine{background:color-mix(in srgb,#629924 8%,#0000);background:color-mix(in srgb,var(--accent,#7aa2f7) 8%,#0000);border:1px solid color-mix(in srgb,#629924 40%,#0000);border:1px solid color-mix(in srgb,var(--accent,#7aa2f7) 40%,#0000)}.lb-more{background:#1e1c18;background:var(--bg-sub);border:1px solid #363431;border:1px solid var(--border);border-radius:12px;color:#fff;color:var(--text-primary);cursor:pointer;display:block;font-size:.85rem;font-weight:600;margin-top:12px;padding:11px 14px;transition:background .15s ease,border-color .15s ease;width:100%}.lb-more:hover{background:color-mix(in srgb,#629924 12%,#1e1c18);background:color-mix(in srgb,var(--accent,#7aa2f7) 12%,var(--bg-sub));border-color:color-mix(in srgb,#629924 40%,#0000);border-color:color-mix(in srgb,var(--accent,#7aa2f7) 40%,#0000)}.lb-more:active{transform:translateY(1px)}.lb-meta{align-items:center;color:#bababa;color:var(--text-secondary);display:flex;font-size:.75rem;gap:8px;min-width:0}.lb-meta .lb-tg{min-width:0;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-meta .leaderboard-record{flex-shrink:0;white-space:nowrap}.lb-name-row .user-name{min-width:0;overflow:hidden}.lb-name-row .user-name__text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.self-strip{flex-wrap:wrap;gap:8px;margin:0 auto 14px;max-width:640px;width:100%}.self-strip,.self-strip-item{display:flex;justify-content:center}.self-strip-item{align-items:center;background:#1e1c18;background:var(--bg-sub);border:1px solid #363431;border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:2px;min-width:78px;padding:8px 12px}.self-strip-value{font-feature-settings:"tnum";align-items:center;color:#fff;color:var(--text-primary);display:inline-flex;font-size:1.05rem;font-variant-numeric:tabular-nums;font-weight:800;gap:4px;line-height:1.1}.self-strip-value--text{font-size:.85rem;font-weight:700}.self-strip-label{font-size:10px;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap}.self-strip-label,.self-strip-sep{color:#bababa;color:var(--text-secondary);font-weight:600}.self-strip-sep{margin:0 2px}.self-strip-item--gold{background:color-mix(in srgb,#ffc542 12%,#1e1c18);background:color-mix(in srgb,#ffc542 12%,var(--bg-sub));border-color:color-mix(in srgb,#ffc542 42%,#0000);color:#ffe9a8}.self-strip-item--gold .self-strip-value{color:#ffe9a8}.lb-trophies{border-radius:6px;padding:0 4px;position:relative}.lb-trophies.is-flashing{animation:lb-trophy-flash 1.5s ease-out both}@keyframes lb-trophy-flash{0%{background:color-mix(in srgb,#ffc542 70%,#0000);transform:scale(1)}18%{background:color-mix(in srgb,#ffc542 38%,#0000);transform:scale(1.16)}to{background:#0000;transform:scale(1)}}.lb-trophy-gain{animation:lb-gain-rise 1.5s ease-out both;color:#ffe9a8;font-size:.68rem;font-weight:800;left:50%;pointer-events:none;position:absolute;top:-2px;transform:translateX(-50%);white-space:nowrap}@keyframes lb-gain-rise{0%{opacity:0;transform:translateX(-50%) translateY(6px)}22%{opacity:1;transform:translateX(-50%) translateY(-2px)}to{opacity:0;transform:translateX(-50%) translateY(-16px)}}.self-strip-item{position:relative;transition:border-color .2s ease}.self-strip-item.is-flashing{animation:self-strip-flash 1.5s ease-out both;background:color-mix(in srgb,#ffc542 16%,#1e1c18);background:color-mix(in srgb,#ffc542 16%,var(--bg-sub));border-color:color-mix(in srgb,#ffc542 78%,#0000)}@keyframes self-strip-flash{0%{transform:scale(1)}20%{transform:scale(1.09)}to{transform:scale(1)}}.self-strip-gain{color:#ffe9a8;font-size:.72rem;font-weight:800}@media (prefers-reduced-motion:reduce){.lb-trophies.is-flashing,.lb-trophy-gain,.self-strip-item.is-flashing{animation:none}.lb-trophy-gain{opacity:0}}@keyframes inbox-bounce{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-4px) scale(1.06)}62%{transform:translateY(1px) scale(.985)}to{transform:translateY(0) scale(1)}}.is-bouncing{animation:inbox-bounce .52s cubic-bezier(.28,1.1,.36,1) both;will-change:transform}@media (prefers-reduced-motion:reduce){.is-bouncing{animation:none;will-change:auto}}.lb-row.is-promoted{animation:lb-row-promote .65s cubic-bezier(.3,1.35,.4,1) .55s both}@keyframes lb-row-promote{0%{transform:translateY(0) scale(1)}38%{transform:translateY(-3px) scale(1.028)}to{transform:translateY(0) scale(1)}}.lb-row.is-promoted .lb-league{animation:lb-emblem-intro .7s cubic-bezier(.24,1.4,.36,1) both}@keyframes lb-emblem-intro{0%{opacity:.25;transform:scale(.6)}45%{opacity:1;transform:scale(1.45)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}.lb-row.is-promoted .lb-league:after{animation:lb-emblem-ring .85s ease-out .12s both;border:2px solid #ffd43b;border:2px solid var(--tier-color,#ffd43b);border-radius:50%;content:"";inset:-5px;pointer-events:none;position:absolute}@keyframes lb-emblem-ring{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(1.8)}}@media (prefers-reduced-motion:reduce){.lb-row.is-promoted,.lb-row.is-promoted .lb-league,.lb-row.is-promoted .lb-league:after{animation:none}.lb-row.is-promoted .lb-league:after{opacity:0}}.profile-header-card.is-trophy-lit{box-shadow:0 0 0 1px color-mix(in srgb,#ffc542 55%,#0000),0 0 18px 2px color-mix(in srgb,#ffc542 32%,#0000),0 0 44px 6px color-mix(in srgb,#ffc542 14%,#0000)}.profile-header-card:after{background:linear-gradient(120deg,#0000,#ffe9a8 26%,#0000 52%,#0000);border-radius:inherit;content:"";inset:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;pointer-events:none;position:absolute;z-index:0}.profile-header-card.is-trophy-lit:after{animation:profile-edge-run 1.5s ease-out both}@keyframes profile-edge-run{0%{background-position:-60% 0;opacity:0}22%{opacity:1}to{background-position:180% 0;opacity:0}}@media (prefers-reduced-motion:reduce){.profile-header-card.is-trophy-lit{animation:none}.profile-header-card.is-trophy-lit:after{animation:none;opacity:0}}.err-screen{align-items:center;background:#161512;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.err-card{background:#1c1a17;border:1px solid #ff8a3d59;border-radius:16px;max-width:320px;padding:24px 20px 20px;text-align:center;width:100%}.err-icon{align-items:center;background:#ff8a3d24;border-radius:50%;color:#ff8a3d;display:inline-flex;height:54px;justify-content:center;width:54px}.err-title{color:#ffc542;font-size:17px;font-weight:700;margin:12px 0 8px}.err-text{color:#b9b4aa;font-size:13px;line-height:1.5;margin:0 0 18px}.err-actions{display:flex;flex-direction:column;gap:9px}.err-btn{background:#ffffff0d;border:1px solid #ffffff24;border-radius:10px;color:#ddd7cd;cursor:pointer;font-size:14px;font-weight:600;padding:11px 14px;transition:background .14s ease,transform .1s ease}.err-btn:active{transform:scale(.985)}.err-btn--primary{background:linear-gradient(180deg,#ffe9a8,#ffc542);border-color:#0000;color:#2a2318}.err-btn--primary:hover{background:linear-gradient(180deg,#fff0c6,#ffd06a)}.err-btn:hover:not(.err-btn--primary){background:#ffffff17}.err-btn:focus-visible{outline:2px solid #ffc542;outline-offset:2px}.user-name{align-items:center;display:inline-flex;gap:5px;max-width:100%;min-width:0}.user-name__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-name--sm .user-name__text{font-size:12.5px}.user-name--md .user-name__text{font-size:14px}.user-name--lg .user-name__text{font-size:20px;font-weight:700}.user-name--xl .user-name__text{font-size:17px;font-weight:700}.user-tag{--tag-color:#ffd43b;align-items:center;background:color-mix(in srgb,var(--tag-color) 14%,#0000);border:1px solid color-mix(in srgb,var(--tag-color) 45%,#0000);border-radius:999px;color:var(--tag-color);display:inline-flex;flex-shrink:0;font-size:9.5px;font-weight:800;gap:3px;letter-spacing:.5px;line-height:1.5;padding:1px 6px;text-transform:uppercase;white-space:nowrap}.user-name--lg .user-tag{font-size:10px;padding:2px 8px}.user-name--xl .user-tag{font-size:11px;letter-spacing:.8px;padding:3px 9px}.user-tag--animated{animation:tag-glow 2.2s ease-in-out infinite}@keyframes tag-glow{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--tag-color) 45%,#0000);opacity:1}50%{box-shadow:0 0 8px 1px color-mix(in srgb,var(--tag-color) 38%,#0000);opacity:.82}}.user-tag--special{background:color-mix(in srgb,var(--tag-color) 20%,#0000);border-color:var(--tag-color);border-width:1px;box-shadow:0 0 0 1px color-mix(in srgb,var(--tag-color) 30%,#0000);font-size:10px;letter-spacing:.9px;padding:2px 9px 2px 6px}.user-name--lg .user-tag--special,.user-name--xl .user-tag--special{font-size:11px;padding:3px 11px 3px 8px}.user-tag__spark{animation:tag-spin 3.4s linear infinite;display:inline-block;font-size:.9em;line-height:1;transform-origin:50% 50%}@keyframes tag-spin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.25)}to{transform:rotate(1turn) scale(1)}}@media (prefers-reduced-motion:reduce){.user-tag--animated,.user-tag__spark{animation:none}}@supports not (color:color-mix(in srgb,red 50%,blue)){.user-tag{background:#ffd43b24;border-color:#ffd43b73}}.replay{background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;gap:10px;min-height:100%;padding:8px 10px calc(16px + env(safe-area-inset-bottom))}.replay--center{align-items:center;gap:12px;justify-content:center;padding:48px 20px;text-align:center}.replay-loading-dot{animation:replay-spin .8s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:26px;width:26px}@keyframes replay-spin{to{transform:rotate(1turn)}}.replay-error-icon{font-size:34px}.replay-exit{border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:8px;margin-top:12px;padding-top:12px}.replay-exit-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:inherit;font-size:11px;font-weight:700;gap:2px;justify-content:center;min-height:48px;min-width:0;padding:6px 4px;transition:background .15s ease,border-color .15s ease}.replay-exit-btn:hover{background:var(--bg-sub);border-color:var(--accent)}.replay-exit-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.replay-exit-icon{font-size:17px;line-height:1}.replay-exit-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.replay-exit-btn--play{background:#62992429;border-color:var(--accent);color:var(--text-primary)}.replay-exit-btn--play:hover{background:#62992447}.replay-error-text{color:var(--text-secondary);max-width:34ch}.replay-header{align-items:center;display:flex;gap:8px;min-height:34px}.replay-title{flex:1 1;font-size:15px;font-weight:700;margin:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.replay-back,.replay-flip{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;display:grid;flex-shrink:0;font-size:20px;height:34px;line-height:1;place-items:center;width:34px}.replay-back:active,.replay-flip:active{background:var(--bg-sub)}.replay-flip--on{border-color:var(--yellow);color:var(--yellow)}.replay-summary{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);display:flex;gap:8px;justify-content:space-between;padding:8px 10px}.replay-player{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.replay-player--black{align-items:flex-end;text-align:right}.replay-player.is-winner .user-name__text{color:#ffd43b;font-weight:700}.replay-player.is-winner:after{content:"👑";font-size:12px;line-height:1}.replay-elo{font-feature-settings:"tnum";color:var(--green);font-size:12px;font-variant-numeric:tabular-nums;font-weight:700}.replay-elo:before{content:none}.replay-trophy{font-feature-settings:"tnum";color:var(--text-secondary);font-size:11px;font-variant-numeric:tabular-nums}.replay-result{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:2px;padding:0 6px}.replay-result-text{font-feature-settings:"tnum";font-size:15px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:.5px}.replay-termination{color:var(--text-secondary);font-size:10px;letter-spacing:.4px;text-align:center;text-transform:uppercase}.replay-warning{background:#e58f2a1a;border:1px solid #e58f2a59;border-radius:var(--radius-sm);color:var(--yellow);font-size:11.5px;padding:7px 10px}.replay-board-row{align-items:flex-start;display:flex;gap:10px}.replay-board-wrap{flex-shrink:0;touch-action:manipulation}.replay-moves-wrap{display:flex;flex:1 1;flex-direction:column;gap:6px;max-height:min(58vh,460px);min-width:0}.replay-moves-head{align-items:center;display:flex;gap:6px;justify-content:space-between}.replay-moves-count{font-feature-settings:"tnum";color:var(--text-secondary);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.replay-pgn-btn{background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;font-size:10.5px;font-weight:600;padding:3px 8px;white-space:nowrap}.replay-moves,.replay-pgn-btn{border:1px solid var(--border);border-radius:var(--radius-sm)}.replay-moves{-webkit-overflow-scrolling:touch;background:var(--bg-sub);flex:1 1;list-style:none;margin:0;min-height:90px;overflow-y:auto;padding:4px}.replay-move-row{grid-gap:3px;align-items:center;display:grid;gap:3px;grid-template-columns:auto 1fr 1fr}.replay-move-no{font-feature-settings:"tnum";color:var(--text-secondary);font-size:11px;font-variant-numeric:tabular-nums;min-width:20px;padding-right:3px;text-align:right}.replay-move{background:#0000;border:1px solid #0000;border-radius:3px;color:var(--text-primary);cursor:pointer;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12.5px;font-weight:600;min-height:30px;padding:4px 5px;text-align:left}.replay-move:disabled{cursor:default;opacity:.25}.replay-move:hover:not(:disabled){background:var(--bg-secondary)}.replay-move--active{background:#ffd43b;border-color:#ffd43b;color:#161512}.replay-clocks{display:flex;flex-shrink:0;gap:8px}.replay-clock{align-items:baseline;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex:1 1;font-size:12px;gap:6px;min-width:0;padding:5px 9px}.replay-clock--white{border-color:#ffffff40}.replay-clock--black{border-color:#ffd43b4d}.replay-clock__name{flex:1 1;min-width:0;overflow:hidden}.replay-clock__time{font-feature-settings:"tnum";font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:14px;font-variant-numeric:tabular-nums;font-weight:800;white-space:nowrap}.replay-clock__think{font-feature-settings:"tnum";color:var(--text-secondary);font-size:10px;font-variant-numeric:tabular-nums;opacity:.8;white-space:nowrap}.replay-move__san{font-weight:700}.replay-move__think{font-feature-settings:"tnum";font-size:9.5px;font-variant-numeric:tabular-nums;font-weight:600;margin-left:5px;opacity:.65;padding:0 4px;white-space:nowrap}.replay-move--active .replay-move__think{background:#00000024;border-radius:2px;color:#161512;opacity:.75}.replay-controls{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.replay-btn{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;display:grid;flex-shrink:0;font-size:15px;height:42px;line-height:1;place-items:center;width:42px}.replay-btn:disabled{cursor:default;opacity:.3}.replay-btn:active:not(:disabled){background:var(--bg-sub)}.replay-btn--play{background:var(--accent);border-color:var(--accent);color:#fff;font-size:18px;height:46px;width:52px}.replay-btn--play:active:not(:disabled){background:var(--accent-hover)}.replay-speed{background:var(--bg-sub);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;gap:2px;margin-left:4px;padding:2px}.replay-speed-btn{background:#0000;border:none;border-radius:3px;color:var(--text-secondary);cursor:pointer;font-size:11px;font-weight:700;min-height:30px;padding:5px 7px}.replay-speed-btn--on{background:#ffd43b;color:#161512}.replay-hint{color:var(--text-secondary);font-size:10.5px;margin:0;opacity:.8;text-align:center}@media (max-width:480px){.replay-board-row{align-items:center;flex-direction:column}.replay-moves-wrap{max-height:32vh;width:100%}.replay-summary{flex-wrap:wrap}.replay-btn{height:40px;width:40px}.replay-btn--play{height:44px;width:50px}.replay-hint{display:none}}@media (prefers-reduced-motion:reduce){.replay-loading-dot{animation:none}}.replay-overlay{-webkit-overflow-scrolling:touch;background:var(--bg-primary);inset:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom);position:fixed;z-index:400}.history-item{padding-right:4px}.history-replay-btn{background:#ffd43b1a;border:1px solid #ffd43b59;border-radius:var(--radius-sm);color:#ffd43b;cursor:pointer;display:grid;flex-shrink:0;font-size:11px;height:32px;line-height:1;margin-left:4px;min-width:32px;place-items:center;width:32px}.history-replay-btn:active{background:#ffd43b38}.history-replay-btn:focus-visible{outline:2px solid #ffd43b;outline-offset:1px}.history-replay-na{color:var(--text-secondary);cursor:default;display:grid;flex-shrink:0;font-size:12px;opacity:.45;place-items:center;width:32px}@media (max-width:400px){.history-replay-btn,.history-replay-na{min-width:30px;width:30px}}.last-move-bar{align-items:baseline;border-radius:var(--radius-sm);display:flex;flex-shrink:0;font-size:12px;gap:6px;line-height:1.4;margin-bottom:6px;min-height:28px;padding:5px 9px}.last-move-bar--opp{background:#ffd43b1a;border:1px solid #ffd43b57;color:#ffd43b}.last-move-bar--mine{background:var(--bg-sub);border:1px solid var(--border);color:var(--text-secondary)}.last-move-bar__who{font-size:9.5px;font-weight:800;letter-spacing:.5px;opacity:.85;text-transform:uppercase;white-space:nowrap}.last-move-bar__num{font-feature-settings:"tnum";font-size:10.5px;font-variant-numeric:tabular-nums;min-width:20px;opacity:.7}.last-move-bar__san{font-feature-settings:"tnum";font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:14px;font-variant-numeric:tabular-nums;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (prefers-reduced-motion:no-preference){.last-move-bar--opp{animation:last-move-flash .9s ease-out}}@keyframes last-move-flash{0%{background:#ffd43b57}to{background:#ffd43b1a}}@media (max-height:480px) and (orientation:landscape){.last-move-bar{min-height:24px;padding:3px 7px}.last-move-bar__san{font-size:12.5px}}.vs-screen{--mf-sky-a:#1b2027;--mf-sky-b:#2c3540;--mf-accent:silver;--mf-glow:#c0c0c080;--mf-duration:4s;align-items:center;background:linear-gradient(170deg,var(--mf-sky-a) 0,var(--mf-sky-b) 100%);color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:16px;justify-content:center;position:fixed;touch-action:manipulation;user-select:none;-webkit-user-select:none;z-index:350}.mf-layer,.vs-screen{inset:0;overflow:hidden}.mf-layer{pointer-events:none;position:absolute}.mf-halo{animation:mf-breathe 3.4s ease-in-out infinite;background:radial-gradient(circle,var(--mf-glow) 0,#0000 68%);border-radius:50%;height:78vmin;height:calc(78vmin*var(--ui-zoom-inv, 1));left:50%;margin:-39vmin 0 0 -39vmin;margin:calc(-39vmin*var(--ui-zoom-inv, 1)) 0 0 calc(-39vmin*var(--ui-zoom-inv, 1));opacity:.5;position:absolute;top:50%;width:78vmin;width:calc(78vmin*var(--ui-zoom-inv, 1))}@keyframes mf-breathe{0%,to{opacity:.32;transform:scale(.92)}50%{opacity:.58;transform:scale(1.08)}}.mf-scanlines{animation:mf-scan 7s linear infinite;background:repeating-linear-gradient(180deg,#0000 0 22px,#ffffff17 22px 23px);inset:-20% 0;opacity:.14;position:absolute}@keyframes mf-scan{0%{transform:translateY(0)}to{transform:translateY(23px)}}.mf-particle{animation-iteration-count:infinite;animation-name:mf-fall;animation-timing-function:linear;background:var(--mf-accent);display:block;position:absolute;top:-8%;will-change:transform,opacity}@keyframes mf-fall{0%{transform:translate3d(0,-10vh,0) rotate(0deg) scale(1);transform:translate3d(0,calc(-10vh*var(--ui-zoom-inv, 1)),0) rotate(var(--mf-rotate,0deg)) scale(var(--mf-scale,1))}to{transform:translate3d(0,110vh,0) rotate(220deg) scale(1);transform:translate3d(var(--mf-drift,0),calc(110vh*var(--ui-zoom-inv, 1)),0) rotate(calc(var(--mf-rotate, 0deg) + 220deg)) scale(var(--mf-scale,1))}}.mf-chip{border-radius:2px;opacity:.5}.mf-block{border-radius:3px;box-shadow:inset -2px -2px 0 #00000047}.mf-shard{border-radius:0;clip-path:polygon(50% 0,100% 38%,78% 100%,22% 100%,0 38%)}.mf-streak{border-radius:2px;height:26px!important;width:2px!important}.mf-drop{border-radius:50% 50% 50% 0;transform-origin:50% 100%}.mf-prism{border-radius:0;clip-path:polygon(50% 0,100% 100%,0 100%)}.mf-plate{border-radius:1px;box-shadow:inset 0 0 0 1px #ffffff59}.mf-facet{clip-path:polygon(50% 0,100% 38%,78% 100%,22% 100%,0 38%)}.mf-star{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.mf-flame{border-radius:40% 40% 50% 50%;height:30px!important;width:3px!important}.mf-glint{border-radius:2px;box-shadow:0 0 6px 1px var(--mf-glow)}.mf-code{align-items:center;background:none;color:var(--mf-accent);display:flex;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-weight:700;height:auto!important;justify-content:center;line-height:1;min-width:8px;text-shadow:0 0 6px var(--mf-glow);width:auto!important}.mf-sawdust{border-radius:3px;height:8px!important;opacity:.35;width:2px!important}.mf-rubble{border-radius:0;clip-path:polygon(18% 0,100% 22%,82% 100%,0 74%);opacity:.45}.mf-ember{animation-name:mf-rise;border-radius:50%;box-shadow:0 0 8px 2px var(--mf-glow)}@keyframes mf-rise{0%{transform:translate3d(0,105vh,0) scale(.4);transform:translate3d(0,calc(105vh*var(--ui-zoom-inv, 1)),0) scale(.4)}to{transform:translate3d(0,-10vh,0) scale(1);transform:translate3d(var(--mf-drift,0),calc(-10vh*var(--ui-zoom-inv, 1)),0) scale(1)}}.mf-arc{animation-duration:1.6s;animation-iteration-count:infinite;animation-name:mf-arc-flash;border-radius:2px;box-shadow:0 0 7px 1px var(--mf-glow);height:2px!important;width:14px!important}@keyframes mf-arc-flash{0%{opacity:0;transform:scaleX(.2)}15%{opacity:1;transform:scaleX(1)}55%{opacity:.7;transform:scaleX(.7)}to{opacity:0;transform:scaleX(.2)}}.mf-orbit{animation-duration:3.2s;animation-iteration-count:infinite;animation-name:mf-orbit;border-radius:50%;box-shadow:0 0 9px 2px var(--mf-glow);height:7px!important;width:7px!important}@keyframes mf-orbit{0%{opacity:0;transform:translate3d(0,12px,0) scale(.6)}25%{opacity:1}to{opacity:0;transform:translate3d(46px,-26px,0) scale(1.1)}}.mf-laurel{animation-duration:4s;animation-iteration-count:infinite;animation-name:mf-sway;border-radius:60% 20% 60% 20%;box-shadow:0 0 5px 1px var(--mf-glow)}@keyframes mf-sway{0%,to{transform:translate3d(0,-6px,0) rotate(-22deg) scale(1)}50%{transform:translate3d(0,10px,0) rotate(18deg) scale(1.08);transform:translate3d(var(--mf-drift,0),10px,0) rotate(18deg) scale(1.08)}}.mf-ray{animation-duration:2.4s;animation-iteration-count:infinite;animation-name:mf-fly;border-radius:2px;box-shadow:0 0 10px 2px var(--mf-glow);height:34px!important;width:2px!important}@keyframes mf-fly{0%{opacity:0;transform:translateZ(0) rotate(0deg) scaleY(.4)}20%{opacity:1}to{opacity:0;transform:translate3d(0,-60px,0) rotate(140deg) scaleY(1.3);transform:translate3d(var(--mf-drift,0),-60px,0) rotate(140deg) scaleY(1.3)}}.mf-nova{animation-duration:2s;animation-iteration-count:infinite;animation-name:mf-nova-burst;background:#0000;border:2px solid var(--mf-accent);border-radius:50%;box-shadow:0 0 10px 2px var(--mf-glow)}@keyframes mf-nova-burst{0%{opacity:.95;transform:scale(.2)}to{opacity:0;transform:scale(2.6)}}.mf-grid{animation:mf-grid-slide 9s linear infinite;background:repeating-linear-gradient(to right,color-mix(in srgb,var(--mf-accent) 22%,#0000) 0 1px,#0000 1px 46px),repeating-linear-gradient(to bottom,color-mix(in srgb,var(--mf-accent) 18%,#0000) 0 1px,#0000 1px 46px);inset:-30% -50%;-webkit-mask-image:linear-gradient(180deg,#0000 30%,#000 88%);mask-image:linear-gradient(180deg,#0000 30%,#000 88%);opacity:.5;position:absolute}@keyframes mf-grid-slide{0%{transform:perspective(340px) rotateX(64deg) translateY(0)}to{transform:perspective(340px) rotateX(64deg) translateY(46px)}}.mf-aurora{animation:mf-aurora-drift 11s ease-in-out infinite alternate;background:radial-gradient(ellipse 60% 40% at 30% 20%,color-mix(in srgb,var(--mf-accent) 34%,#0000) 0,#0000 70%),radial-gradient(ellipse 55% 38% at 72% 62%,color-mix(in srgb,var(--mf-glow) 40%,#0000) 0,#0000 70%);filter:blur(14px);inset:-25%;opacity:.7;position:absolute}@keyframes mf-aurora-drift{0%{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(4%,3%,0) scale(1.12)}}.mf-rays{animation:mf-rays-spin 26s linear infinite;background:conic-gradient(from 0deg,#0000 0deg 7deg,color-mix(in srgb,var(--mf-accent) 16%,#0000) 9deg 13deg,#0000 15deg 30deg,color-mix(in srgb,var(--mf-accent) 12%,#0000) 32deg 36deg,#0000 38deg 60deg);height:220vmax;left:50%;margin:-110vmax 0 0 -110vmax;-webkit-mask-image:radial-gradient(circle,#000 8%,#0000 52%);mask-image:radial-gradient(circle,#000 8%,#0000 52%);opacity:.6;position:absolute;top:50%;width:220vmax}@keyframes mf-rays-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.mf-aurora,.mf-grid,.mf-halo,.mf-particle,.mf-rays,.mf-scanlines{animation:none!important}.mf-particle{opacity:.2}}.vs-content{gap:clamp(8px,4vw,28px);justify-content:center;max-width:640px;padding:0 10px;position:relative;width:100%;z-index:2}.vs-content,.vs-side{align-items:center;display:flex}.vs-side{animation:vs-side-in .45s cubic-bezier(.2,.9,.3,1) both;flex:1 1;flex-direction:column;gap:4px;min-width:0}.vs-side--me,.vs-side--opp{animation-delay:.06s}@keyframes vs-side-in{0%{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:translateZ(0)}}.vs-avatar{background:var(--bg-secondary);border:2px solid var(--mf-accent);border-radius:50%;box-shadow:0 0 0 3px #00000059,0 0 18px var(--mf-glow);display:grid;flex-shrink:0;height:clamp(56px,18vw,88px);overflow:hidden;place-items:center;width:clamp(56px,18vw,88px)}.vs-avatar-img{height:100%;object-fit:cover;width:100%}.vs-avatar-emoji{font-size:30px}.vs-name{--nm-size:clamp(13px,3.6vw,18px);max-width:100%}.vs-name .user-name__text{font-size:clamp(13px,3.6vw,18px);font-weight:700}.vs-elo{font-feature-settings:"tnum";color:var(--text-secondary);font-size:12px;font-variant-numeric:tabular-nums;font-weight:700}.vs-tier{align-items:center;background:color-mix(in srgb,#ffd43b 14%,#0000);background:color-mix(in srgb,var(--tier-color,#ffd43b) 14%,#0000);border:1px solid color-mix(in srgb,#ffd43b 45%,#0000);border:1px solid color-mix(in srgb,var(--tier-color,#ffd43b) 45%,#0000);border-radius:999px;color:var(--mf-accent);color:var(--tier-color,var(--mf-accent));display:inline-flex;font-size:10px;font-weight:800;gap:4px;letter-spacing:.4px;padding:2px 8px;text-transform:uppercase;white-space:nowrap}.vs-tier-emoji{font-size:11px}.vs-burst{display:grid;flex-shrink:0;height:clamp(64px,20vw,96px);place-items:center;position:relative;width:clamp(64px,20vw,96px);z-index:3}.vs-word{animation:vs-pulse 1.5s ease-in-out infinite;color:#fff;font-size:clamp(26px,9vw,44px);font-style:italic;font-weight:900;letter-spacing:-1px;text-shadow:0 0 14px var(--mf-glow),0 2px 6px #0009}@keyframes vs-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.09)}}.vs-burst--on .vs-word{animation:vs-flash .4s ease-out}@keyframes vs-flash{0%{opacity:0;transform:scale(.4)}55%{opacity:1;transform:scale(1.28)}to{opacity:1;transform:scale(1)}}.vs-screen:active .vs-word{transform:scale(.94)}.vs-hint{color:var(--text-secondary);font-size:11px;margin:0;opacity:.7;padding:0 16px;position:relative;text-align:center;z-index:2}@media (orientation:portrait) and (max-height:620px){.vs-content{gap:6px}.vs-hint{display:none}}.vs-champ{align-items:center;align-self:center;background:color-mix(in srgb,#ffc542 16%,#0000);border:1px solid color-mix(in srgb,#ffc542 52%,#0000);border-radius:999px;color:#ffe9a8;display:inline-flex;font-size:10px;font-weight:800;gap:4px;letter-spacing:.3px;max-width:100%;overflow:hidden;padding:2px 8px;text-overflow:ellipsis;white-space:nowrap}.vs-side--opp .vs-champ{box-shadow:0 0 0 1px color-mix(in srgb,#ffc542 18%,#0000),0 2px 10px color-mix(in srgb,#ffc542 22%,#0000)}.vs-tier{position:relative}.vs-emblem-burst{animation:vs-emblem-burst 1.15s cubic-bezier(.22,1.2,.36,1) .1s both;border:1.5px solid #ffd43b;border:1.5px solid var(--tier-color,var(--mf-accent,#ffd43b));border-radius:50%;height:26px;left:50%;margin:-13px 0 0 -13px;opacity:0;pointer-events:none;position:absolute;top:50%;width:26px;z-index:0}.vs-emblem-burst--me{animation-delay:.28s}.vs-emblem-burst:after{background:#ffd43b;background:var(--tier-color,var(--mf-accent,#ffd43b));border-radius:50%;content:"";filter:blur(3px);inset:6px;opacity:.5;position:absolute}@keyframes vs-emblem-burst{0%{opacity:0;transform:scale(.55)}22%{opacity:.9}55%{opacity:.25;transform:scale(1.5)}to{opacity:0;transform:scale(1.85)}}.vs-emblem-burst[data-premium="1"]{animation-duration:1.5s;animation-iteration-count:2;border-width:2.5px;height:32px;margin:-16px 0 0 -16px;width:32px}@media (prefers-reduced-motion:reduce){.vs-emblem-burst{animation:none;opacity:0}}.vs-rival-warning{align-items:center;background:color-mix(in srgb,#ffc542 14%,#0a0814b8);border:1px solid color-mix(in srgb,#ffc542 48%,#0000);border-radius:999px;box-shadow:0 4px 18px color-mix(in srgb,#ffc542 20%,#0000);color:#ffe9a8;display:flex;font-size:12px;font-weight:800;gap:6px;justify-content:center;letter-spacing:.2px;line-height:1.35;margin:10px 16px 0;max-width:calc(100% - 24px);padding:7px 14px;position:relative;text-align:center;z-index:3}.vs-rival-warning .champ-trophy{animation:champBreathe 2.6s ease-in-out infinite;flex-shrink:0}@keyframes champBreathe{0%,to{filter:drop-shadow(0 0 0 rgba(255,197,66,0));transform:scale(1)}50%{filter:drop-shadow(0 0 4px rgba(255,197,66,.75));transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.vs-rival-warning .champ-trophy{animation:none}}@media (orientation:portrait) and (max-height:620px){.vs-rival-warning{display:none}.vs-champ{font-size:9px;padding:1px 6px}}.league-up{background:linear-gradient(170deg,#14171d,#1f2530);color:var(--text-primary);cursor:pointer;gap:18px;inset:0;justify-content:center;overflow:hidden;position:fixed;touch-action:manipulation;user-select:none;-webkit-user-select:none;z-index:380}.league-up,.league-up-content{align-items:center;display:flex;flex-direction:column}.league-up-content{gap:10px;padding:0 16px;position:relative;text-align:center;z-index:1}.league-up-title{color:var(--lu-accent);font-size:clamp(18px,6vw,30px);font-weight:900;letter-spacing:3px;opacity:0;text-transform:uppercase;transform:scale(.82) translateY(6px);transition:opacity .4s ease-out,transform .5s cubic-bezier(.2,1.4,.4,1)}.league-up-title--on{animation:lu-pulse 1.6s ease-in-out .5s infinite;opacity:1;transform:scale(1) translateY(0)}@keyframes lu-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}.league-up-arrow{animation:lu-rise 1.5s ease-in-out infinite;color:var(--lu-accent);font-size:clamp(20px,5vw,28px);opacity:.9}@keyframes lu-rise{0%,to{opacity:.55;transform:translateY(4px)}50%{opacity:1;transform:translateY(-6px)}}.league-up-badge{align-items:center;animation:lu-badge-in .7s cubic-bezier(.2,1.5,.4,1) .2s both;background:color-mix(in srgb,var(--lu-accent) 14%,#0000);border:2px solid var(--lu-accent);border-radius:999px;display:inline-flex;gap:10px;padding:10px 20px}@keyframes lu-badge-in{0%{opacity:0;transform:scale(.6) rotate(-6deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.league-up-emoji{font-size:clamp(22px,6vw,30px);line-height:1}.league-up-name{color:var(--text-primary);font-size:clamp(17px,5vw,24px);font-weight:800;letter-spacing:1px;text-transform:uppercase}.league-up-hint{animation:lu-hint-blink 2.2s ease-in-out infinite;color:var(--text-secondary);font-size:11px;letter-spacing:1.4px;margin:0;opacity:.75;position:relative;text-transform:uppercase;z-index:1}@keyframes lu-hint-blink{0%,to{opacity:.45}50%{opacity:.9}}.lu-waves{display:grid;inset:0;place-items:center;pointer-events:none;position:absolute;z-index:0}.lu-wave{animation:lu-wave-out 2.1s cubic-bezier(.16,.8,.3,1) infinite;border:2px solid var(--lu-accent);border-radius:50%;height:96px;opacity:0;position:absolute;transform:scale(.35);width:96px}@keyframes lu-wave-out{0%{opacity:0;transform:scale(.35)}12%{opacity:.85}to{opacity:0;transform:scale(3.4)}}.league-up--premium .lu-wave{animation-duration:2.5s;border-width:3px;height:120px;width:120px}.league-up--premium .lu-waves:after{animation:lu-core-breathe 2.6s ease-in-out infinite;border:1px solid color-mix(in srgb,var(--lu-accent) 45%,#0000);border-radius:50%;content:"";height:150px;opacity:.5;position:absolute;width:150px}@keyframes lu-core-breathe{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.18;transform:scale(1.14)}}.lu-sparks{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.lu-spark{animation:lu-spark-up 1.8s ease-out infinite;background:#ffe9a8;border-radius:50%;bottom:8%;height:4px;opacity:0;position:absolute;transform:translateY(0) scale(.6);width:4px}@keyframes lu-spark-up{0%{opacity:0;transform:translateY(0) scale(.6)}18%{opacity:.95}to{opacity:0;transform:translateY(-72vh) scale(1.1)}}.league-up--premium .lu-spark{background:#fff4cf;height:5px;width:5px}@media (prefers-reduced-motion:reduce){.league-up--premium .lu-waves:after,.league-up-arrow,.league-up-badge,.league-up-hint,.league-up-title--on,.lu-spark,.lu-wave{animation:none}.league-up-title{transition:none}.league-up-badge,.league-up-title{opacity:1;transform:none}.lu-spark,.lu-wave{opacity:0}}@supports not (color:color-mix(in srgb,red 50%,blue)){.league-up-badge{background:#ffd43b24;border-color:var(--lu-accent)}}.league-emblem{align-items:center;display:inline-flex;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45));flex-shrink:0;justify-content:center;line-height:0;vertical-align:middle}.league-emblem svg{display:block}.league-emblem.is-premium{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--emblem-color) 55%,transparent)) drop-shadow(0 1px 1px rgba(0,0,0,.45))}.league-emblem.is-premium.is-glow svg{animation:emblem-breathe 2.8s ease-in-out infinite}@keyframes emblem-breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.88;transform:scale(1.07)}}.league-emblem--xl{filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.league-emblem--xl.is-premium.is-glow svg{animation:emblem-breathe 2.2s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.league-emblem--xl.is-premium.is-glow svg,.league-emblem.is-premium.is-glow svg{animation:none}}.crown-badge{align-items:center;display:inline-flex;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55));flex-shrink:0;line-height:0;vertical-align:middle}.crown-badge svg{display:block}.crown-badge.is-animated{animation:crown-shine 2.6s ease-in-out infinite}.crown-badge.crown-seal{animation:crown-seal .86s cubic-bezier(.3,1.5,.4,1) .34s both,crown-shine 2.6s ease-in-out 1.2s infinite}@keyframes crown-seal{0%{opacity:0;transform:translateY(-26px) scale(.55)}46%{opacity:1;transform:translateY(0) scale(1.18,.82)}62%{transform:translateY(0) scale(.94,1.1)}78%{transform:translateY(0) scale(1.04,.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.crown-badge.crown-seal{animation:none}}@keyframes crown-shine{0%,to{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.82;transform:scale(1.16) rotate(-4deg)}}@media (prefers-reduced-motion:reduce){.crown-badge.is-animated{animation:none}}.lb-row.is-podium{animation:lb-podium-in .5s cubic-bezier(.2,1.3,.4,1) both;border-style:solid;border-width:1px;isolation:isolate;overflow:hidden;position:relative}@keyframes lb-podium-in{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.lb-row--p1{animation:lb-podium-in .5s cubic-bezier(.2,1.3,.4,1) both,lb-gold-pulse 3s ease-in-out .5s infinite;background:linear-gradient(100deg,#ffd43b29 0,#ffd43b0d 45%,#ffd43b29 100%),var(--bg-secondary);border-color:#ffd43b8c;box-shadow:0 0 0 1px #ffd43b2e,0 6px 22px #ffbe2824}@keyframes lb-gold-pulse{0%,to{box-shadow:0 0 0 1px #ffd43b2e,0 6px 22px #ffbe281f}50%{box-shadow:0 0 0 1px #ffd43b6b,0 8px 30px #ffbe2842}}.lb-row--p1:after{animation:lb-sheen 3.4s ease-in-out infinite;background:linear-gradient(100deg,#0000,#fff0b447 45%,#0000 70%);background-position:130% 0;background-size:260% 100%;content:"";inset:0;pointer-events:none;position:absolute;z-index:-1}@keyframes lb-sheen{0%{background-position:130% 0}55%{background-position:-60% 0}to{background-position:-60% 0}}.lb-row--p2{animation:lb-podium-in .5s cubic-bezier(.2,1.3,.4,1) both,lb-silver-pulse 3.6s ease-in-out .65s infinite;background:linear-gradient(100deg,#e2e8f01f 0,#e2e8f008 50%,#e2e8f01f 100%),var(--bg-secondary);border-color:#d4d7dc6b;box-shadow:0 4px 16px #c8d2e114}@keyframes lb-silver-pulse{0%,to{box-shadow:0 4px 16px #c8d2e112}50%{box-shadow:0 6px 24px #d2dceb2e}}.lb-row--p2:after{animation:lb-sheen 5s ease-in-out 1.1s infinite;background:linear-gradient(100deg,#0000,#ffffff29 45%,#0000 70%);background-position:130% 0;background-size:260% 100%;content:"";inset:0;pointer-events:none;position:absolute;z-index:-1}.lb-row--p3{animation:lb-podium-in .5s cubic-bezier(.2,1.3,.4,1) both,lb-bronze-pulse 4.2s ease-in-out .8s infinite;background:linear-gradient(100deg,#cd7f321f 0,#cd7f3208 50%,#cd7f321f 100%),var(--bg-secondary);border-color:#cd7f3266;box-shadow:0 3px 14px #b4642814}@keyframes lb-bronze-pulse{0%,to{box-shadow:0 3px 14px #b464280f}50%{box-shadow:0 5px 20px #c8783229}}.lb-row--plain{background:#0000;border-color:#0000}.lb-row.is-podium .lb-rank{border-color:inherit;font-weight:800}.lb-row--p1 .lb-rank{background:#ffd43b24;color:#ffd43b;min-width:34px}.lb-row--p2 .lb-rank{background:#e2e8f01a;color:#e2e8f0}.lb-row--p3 .lb-rank{background:#cd853f1f;color:peru}.lb-row .lb-rank .crown-badge{margin-top:-1px}@media (prefers-reduced-motion:reduce){.lb-row--p1,.lb-row--p2,.lb-row--p3,.lb-row.is-podium{animation:none}.lb-row--p1:after,.lb-row--p2:after{display:none}}.settings-backdrop{animation:settings-fade .18s ease-out;background:#0000008c;cursor:pointer;inset:0;position:fixed;z-index:900}@keyframes settings-fade{0%{opacity:0}to{opacity:1}}.settings-panel{animation:settings-rise .22s cubic-bezier(.2,1.2,.4,1);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 18px 60px #00000080;color:var(--text-primary);display:flex;flex-direction:column;left:50%;max-height:min(86vh,calc(100vh - 24px));max-height:min(86vh,calc(100vh*var(--ui-zoom-inv, 1) - 24px));position:fixed;top:50%;transform:translate(-50%,-50%);width:min(460px,calc(100vw - 24px));z-index:901}@keyframes settings-rise{0%{opacity:0;transform:translate(-50%,-46%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.settings-head{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:10px;justify-content:space-between;padding:14px 16px 10px}.settings-title{font-size:17px;font-weight:800;letter-spacing:.3px}.settings-close{background:#0000;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:grid;font-size:15px;height:40px;place-items:center;width:40px}.settings-close:hover{border-color:var(--accent);color:var(--text-primary)}.settings-close:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.settings-body{-webkit-overflow-scrolling:touch;flex:1 1 auto;overflow-y:auto;padding:4px 16px 8px}.settings-group{border-bottom:1px solid var(--border);padding:12px 0 4px}.settings-group:last-child{border-bottom:none}.settings-group-title{color:var(--text-secondary);font-size:10.5px;font-weight:800;letter-spacing:1.3px;margin-bottom:8px;text-transform:uppercase}.settings-toggle{align-items:center;cursor:pointer;display:flex;gap:12px;justify-content:space-between;min-height:48px;padding:2px 0}.settings-toggle.is-disabled{cursor:not-allowed;opacity:.45}.settings-toggle-label{color:var(--text-primary);font-size:14px}.settings-toggle input{height:1px;opacity:0;position:absolute;width:1px}.settings-switch{background:#ffffff1a;border:1px solid var(--border);border-radius:999px;flex-shrink:0;height:26px;position:relative;transition:background .18s ease,border-color .18s ease;width:46px}.settings-switch:after{background:var(--text-secondary);border-radius:50%;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .18s cubic-bezier(.3,1.3,.5,1),background .18s ease;width:20px}.settings-toggle input:checked~.settings-switch{background:color-mix(in srgb,var(--accent) 34%,#0000);border-color:var(--accent)}.settings-toggle input:checked~.settings-switch:after{background:var(--accent);transform:translateX(20px)}.settings-toggle input:focus-visible~.settings-switch{outline:2px solid var(--accent);outline-offset:2px}.settings-lang{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:14px;gap:10px;min-height:48px;padding:0;text-align:start;width:100%}.settings-lang .settings-toggle-label{flex:1 1 auto}.settings-lang-value{align-items:center;color:var(--text-secondary);display:inline-flex;font-weight:700;gap:6px}.settings-chevron{color:var(--text-secondary);font-size:9px}.settings-lang-list{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);margin:2px 0 6px;max-height:264px;overflow-y:auto;padding:4px}.settings-lang-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;gap:10px;min-height:44px;padding:6px 10px;text-align:start;width:100%}.settings-lang-item:hover{background:var(--bg-sub)}.settings-lang-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.settings-lang-item.is-active{background:color-mix(in srgb,var(--accent) 18%,#0000)}.settings-lang-flag{font-size:18px;line-height:1}.settings-lang-names{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.settings-lang-native{font-size:14px;font-weight:700}.settings-lang-english,.settings-lang-native{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-lang-english{color:var(--text-secondary);font-size:11px}.settings-lang-check{color:var(--accent);font-weight:800}.settings-choice{padding:6px 0 10px}.settings-choice .settings-toggle-label{display:block;margin-bottom:6px}.settings-choice-row{display:flex;flex-wrap:wrap;gap:6px}.settings-chip{background:var(--bg-primary);border:1px solid var(--border);border-radius:999px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:700;min-height:40px;padding:0 14px}.settings-chip:hover:not(:disabled){border-color:var(--accent);color:var(--text-primary)}.settings-chip:disabled{cursor:default;opacity:.35}.settings-chip:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.settings-chip.is-on{background:color-mix(in srgb,var(--accent) 22%,#0000);border-color:var(--accent);color:var(--text-primary)}.settings-scale-row{align-items:center;gap:14px;justify-content:center}.settings-scale-row .settings-chip{font-size:16px;min-width:44px;padding:0 12px}.settings-scale-value{font-feature-settings:"tnum";color:var(--text-primary);font-size:14px;font-variant-numeric:tabular-nums;font-weight:800;min-width:56px;text-align:center}.settings-hint{color:var(--text-secondary);font-size:11.5px;line-height:1.4;margin:6px 0 0}.settings-foot{border-top:1px solid var(--border);flex-shrink:0;padding:10px 16px 14px}.settings-reset{background:#0000;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;min-height:44px;width:100%}.settings-reset:hover{border-color:var(--accent);color:var(--text-primary)}.settings-reset:focus-visible{outline:2px solid var(--accent);outline-offset:1px}[dir=rtl] .settings-lang,[dir=rtl] .settings-lang-item,[dir=rtl] .settings-toggle{text-align:right}@media (prefers-reduced-motion:reduce){.settings-backdrop,.settings-panel{animation:none}.settings-switch:after{transition:none}}@media (max-height:460px){.settings-panel{max-height:calc(100vh - 12px);width:min(420px,calc(100vw - 16px))}.settings-body{padding:2px 14px 4px}.settings-group{padding:8px 0 2px}.settings-toggle{min-height:42px}.settings-head{padding:8px 14px 6px}.settings-foot{padding:6px 14px 8px}.settings-lang-list{max-height:168px}}.ui-scale{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-shrink:0;gap:1px;padding:1px}.ui-scale-btn,.ui-scale-value{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:grid;flex-shrink:0;font-family:inherit;height:40px;min-width:40px;padding:0;place-items:center}.ui-scale-btn{font-size:18px;font-weight:700;line-height:1}.ui-scale-btn:hover:not(:disabled),.ui-scale-value:hover{background:var(--bg-sub)}.ui-scale-btn:disabled{cursor:default;opacity:.3}.ui-scale-btn:focus-visible,.ui-scale-value:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.ui-scale-value{font-feature-settings:"tnum";color:var(--text-secondary);font-size:11px;font-variant-numeric:tabular-nums;font-weight:700;min-width:42px}@media (max-width:900px){.navbar-tg{display:none}}@media (max-width:620px){.navbar-elo{display:none}}@media (max-width:440px){.navbar-container{padding:0 8px}.navbar-actions{gap:6px}.navbar-title,.navbar-username{display:none}.navbar-user-chip{padding:4px 6px}.connection-dot{display:none}}@media (max-width:420px){.ui-scale-value{font-size:10px}}.notice{align-items:center;animation:notice-in .22s ease-out;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 18px #00000073;color:var(--text-primary);display:flex;font-size:12.5px;gap:7px;left:50%;line-height:1.4;max-width:420px;padding:8px 8px 8px 11px;pointer-events:auto;position:fixed;top:calc(var(--nav-height) + 6px);transform:translateX(-50%);width:calc(100% - 20px);z-index:1200}@keyframes notice-in{0%{opacity:0;transform:translateX(-50%) translateY(-8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.notice__icon{flex-shrink:0;font-size:14px;line-height:1}.notice__text{flex:1 1;min-width:0;overflow-wrap:anywhere}.notice__close{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:grid;flex-shrink:0;font-size:16px;height:26px;line-height:1;place-items:center;width:26px}.notice__close:hover{background:var(--bg-sub);color:var(--text-primary)}.notice--info{border-color:#78a0c880}.notice--success{background:#2ecc711a;border-color:#2ecc7199}.notice--warn{background:#e58f2a1f;border-color:#e58f2aa6}.notice--error{background:#cc333324;border-color:#cc3333b3}@media (prefers-reduced-motion:reduce){.notice{animation:none}}@media (max-height:480px) and (orientation:landscape){.notice{top:calc(var(--nav-height) + 2px)}}