@import "https://fonts.googleapis.com/icon?family=Material+Icons+Round";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@40,100,0,0";.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;font-variation-settings:"FILL" 0, "wght" 100, "GRAD" 0, "opsz" 40;direction:ltr;font-family:Material Symbols Outlined;font-style:normal;font-weight:400;line-height:1;display:inline-block}:root{--green:#c8ff00;--green-dark:#8fb800;--bg:#ffffff14;--card:#ffffff8c;--text:#111;--muted:#5a5a5a;--border:#ffffff73;--dark:#121212d1;--win:#4a9e7a;--lose:#d96b6b;--shadow:0 8px 32px #0000001a;--radius:22px;--blur:blur(22px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}html{overflow-x:hidden}body{max-width:100%;color:var(--text);background-color:#0000;background-image:radial-gradient(at 15% 25%,#ffffff8c 0%,#0000 50%),radial-gradient(at 85% 75%,#dcdcdc4d 0%,#0000 50%),radial-gradient(at 55% 5%,#f0f0f066 0%,#0000 45%),linear-gradient(155deg,#e8e8e6 0%,#d8d8d6 35%,#e2e2e0 65%,#ebebea 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif;position:relative;overflow-x:hidden}body:after{content:"";filter:blur(2px)saturate(.75);opacity:.38;pointer-events:none;z-index:0;background-image:url(https://images.unsplash.com/photo-1588318073076-7030f7040046?q=80&w=987&auto=format&fit=crop);background-position:50%;background-size:cover;width:65vw;height:75vh;position:fixed;bottom:0;right:0;-webkit-mask-image:radial-gradient(at 100% 100%,#000 0%,#000000b3 30%,#0003 55%,#0000 72%);mask-image:radial-gradient(at 100% 100%,#000 0%,#000000b3 30%,#0003 55%,#0000 72%)}.mi{align-items:center;font-family:Material Icons Round;font-style:normal;line-height:1;display:inline-flex}.topnav{height:calc(64px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);-webkit-backdrop-filter:var(--blur);z-index:50;background:#fff9;border-bottom:1px solid #ffffff80;position:sticky;top:0}.topnav-inner{justify-content:space-between;align-items:center;max-width:1140px;height:64px;margin:0 auto;padding:0 32px;display:flex}.logo{cursor:pointer;align-items:center;text-decoration:none;display:flex}.logo-img{width:auto;height:36px;display:block}.nav-tabs{gap:4px;display:flex}.nav-tab{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:30px;align-items:center;gap:6px;padding:8px 18px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.nav-tab .mi{font-size:17px}.nav-tab:hover{color:var(--text);background:#f0f0ee}.nav-tab.active,.nav-tab.router-link-active{background:var(--dark);color:#fff}.nav-tab.active .mi,.nav-tab.router-link-active .mi{color:var(--green)}.nav-user{align-items:center;gap:10px;display:flex;position:relative}.nav-dropdown{-webkit-backdrop-filter:blur(24px);z-index:200;background:#ffffffd9;border:1px solid #fff9;border-radius:16px;width:240px;position:fixed;top:64px;right:24px;overflow:hidden;box-shadow:0 12px 40px #00000024}.dd-enter-active{animation:.15s dropIn}.dd-leave-active{animation:.12s reverse dropIn}@keyframes dropIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:none}}.dd-header{border-bottom:1px solid #00000012;padding:16px 18px 12px}.dd-name{font-size:15px;font-weight:800}.dd-email{color:var(--muted);margin-top:2px;font-size:12px}.dd-item{color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:11px 18px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:background .12s;display:flex}.dd-item:hover{background:#0000000a}.dd-item .mi{color:var(--muted);font-size:18px}.dd-item.danger,.dd-item.danger .mi{color:var(--lose)}.dd-sep{background:#00000012;height:1px;margin:4px 0}.dd-admin-badge{background:var(--green);color:#111;border-radius:6px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:800}.notif-btn{cursor:pointer;width:38px;height:38px;color:var(--muted);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:relative}.notif-btn:hover,.notif-btn.active{color:var(--text);background:#0000000f}.notif-btn .mi{font-size:22px}.notif-badge{color:#fff;background:#ef4444;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:800;line-height:1;display:flex;position:absolute;top:2px;right:2px}.notif-panel{top:calc(64px + env(safe-area-inset-top,0px) + 8px);-webkit-backdrop-filter:blur(24px);z-index:200;background:#ffffffeb;border:1px solid #fff9;border-radius:18px;width:320px;max-height:480px;position:fixed;right:24px;overflow-y:auto;box-shadow:0 12px 40px #00000024}.notif-header{-webkit-backdrop-filter:blur(24px);background:#ffffffeb;border-bottom:1px solid #0000000f;border-radius:18px 18px 0 0;justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex;position:sticky;top:0}.notif-title{align-items:center;gap:6px;font-size:13px;font-weight:800;display:flex}.notif-title .mi{color:var(--muted);font-size:16px}.notif-mark-all{color:var(--green-dark);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.notif-empty{color:var(--muted);flex-direction:column;align-items:center;gap:8px;padding:32px 16px;font-size:13px;display:flex}.notif-empty .mi{font-size:32px}.notif-item{border-bottom:1px solid #0000000d;align-items:flex-start;gap:10px;padding:12px 16px;transition:background .12s;display:flex}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#00000008}.notif-dot{background:var(--green-dark);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.notif-content{flex:1;min-width:0}.notif-dismiss{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:8px;flex-shrink:0;align-items:center;margin-top:1px;padding:4px;transition:background .12s,color .12s;display:flex}.notif-dismiss:hover{color:var(--text);background:#0000000f}.notif-item-title{margin-bottom:3px;font-size:13px;font-weight:700}.notif-item-body{color:var(--muted);margin-bottom:4px;font-size:12px;line-height:1.4}.notif-item-meta{color:var(--muted);opacity:.7;font-size:11px}.avatar{background:var(--dark);width:38px;height:38px;color:var(--green);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.user-name{font-size:14px;font-weight:700}.user-rank{color:var(--muted);align-items:center;gap:3px;font-size:11px;display:flex}.user-rank .mi{color:var(--text);font-size:13px}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex}.auth-card{width:100%;max-width:420px;-webkit-backdrop-filter:var(--blur);background:#fff9;border:1px solid #ffffff8c;border-radius:28px;padding:48px;box-shadow:0 16px 48px #0000001f}.auth-logo{justify-content:center;align-items:center;margin-bottom:32px;display:flex}.auth-logo-icon{justify-content:center;align-items:center;display:flex}.auth-logo-icon img{object-fit:contain;width:80px;height:80px;display:block}.auth-title{margin-bottom:6px;font-size:28px;font-weight:900}.auth-sub{color:var(--muted);margin-bottom:32px;font-size:14px}.form-group{margin-bottom:16px}.form-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.form-input{width:100%;color:var(--text);-webkit-backdrop-filter:var(--blur);background:#fff6;border:1.5px solid #ffffff80;border-radius:12px;padding:12px 16px;font-family:inherit;font-size:15px;transition:all .2s}.form-input:focus{border-color:var(--dark);outline:none}.form-input::placeholder{color:#ccc}.btn-primary{background:var(--green);color:#111;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:14px;font-family:inherit;font-size:15px;font-weight:800;transition:background .15s;display:flex}.btn-primary:hover{background:var(--green-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary .mi{font-size:20px}.btn-secondary{color:var(--text);cursor:pointer;background:#ffffff80;border:1.5px solid #ffffff80;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:all .15s;display:inline-flex}.btn-secondary:hover{background:#ffffffb3}.auth-links{justify-content:space-between;margin-top:20px;display:flex}.auth-link{color:var(--muted);cursor:pointer;font-size:13px;font-weight:600;transition:color .15s}.auth-link:hover{color:var(--text)}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.back-link{color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-bottom:28px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.back-link .mi{font-size:16px}.error-msg{color:var(--lose);text-align:center;margin-top:12px;font-size:13px;font-weight:600}.success-msg{color:var(--win);text-align:center;margin-top:12px;font-size:13px;font-weight:600}.dash-wrap{z-index:1;max-width:1140px;margin:0 auto;padding:32px;position:relative}.dash-header{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.dash-greeting{color:var(--muted);margin-bottom:4px;font-size:13px}.dash-title{letter-spacing:-.5px;font-size:32px;font-weight:900}.dash-sub{color:var(--muted);margin-top:4px;font-size:14px}.dash-cta{background:var(--dark);color:#fff;cursor:pointer;border:none;border-radius:30px;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:700;display:flex}.dash-cta .mi{color:var(--green);font-size:18px}.stats-section-title{color:var(--muted);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:6px;margin-bottom:10px;font-size:12px;font-weight:700;display:flex}.stats-section-title .mi{text-transform:none;letter-spacing:normal;font-size:15px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.stat-value--pos{color:#22c55e}.stat-value--neg{color:#ef4444}.stat-info-wrap{position:absolute;bottom:12px;right:12px}.stat-info-btn{cursor:pointer;opacity:.3;background:0 0;border:none;padding:2px;line-height:1;transition:opacity .15s;display:flex}.stat-info-btn:hover,.stat-info-wrap.active .stat-info-btn{opacity:.7}.stat-info-btn .mi{color:var(--muted);font-size:15px}.stat-card.accent .stat-info-btn .mi{color:var(--dark)}.stat-tooltip{background:var(--dark);color:#fff;z-index:20;pointer-events:none;border-radius:10px;width:200px;padding:10px 13px;font-size:12px;line-height:1.5;display:none;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 4px 16px #0000002e}.stat-tooltip:after{content:"";border:6px solid #0000;border-top-color:var(--dark);position:absolute;top:100%;right:10px}.stat-info-wrap:hover .stat-tooltip,.stat-info-wrap.active .stat-tooltip{display:block}.stat-card{border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:var(--blur);cursor:default;background:#ffffff85;border:1px solid #ffffff80;padding:24px;transition:background .2s,border-color .2s;position:relative}.stat-card:hover{background:var(--green);-webkit-backdrop-filter:none;border-color:#c8ff0080}.stat-card:hover .stat-label{color:#00000080}.stat-card:hover .stat-value{color:var(--dark)}.stat-card:hover .stat-change{color:#00000073}.stat-card:hover .stat-card-icon{background:#0000001a}.stat-card:hover .stat-card-icon .mi,.stat-card:hover .stat-info-btn .mi{color:var(--dark)}.stat-card-icon{background:var(--green);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:background .2s;display:flex;position:absolute;top:20px;right:20px}.stat-card-icon .mi{color:var(--dark);font-size:20px}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;align-items:flex-start;min-height:2.8em;margin-bottom:8px;padding-right:52px;font-size:12px;font-weight:600;display:flex}.stat-value{letter-spacing:-2px;font-size:42px;font-weight:900;line-height:1}.stat-change{color:var(--muted);align-items:center;gap:4px;margin-top:8px;font-size:12px;display:flex}.stat-change .up{color:var(--dark);font-weight:700}.stat-change .mi{font-size:14px}.content-grid{grid-template-columns:3fr 2fr;gap:16px;display:grid}.card{border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:var(--blur);background:#ffffff85;border:1px solid #ffffff80;padding:24px}.card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-title{align-items:center;gap:8px;font-size:16px;font-weight:800;display:flex}.card-title .mi{color:var(--dark);background:var(--green);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:flex}.card-more{color:var(--muted);cursor:pointer;align-items:center;gap:2px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.card-more:hover{color:var(--text)}.card-more .mi{font-size:16px}.game-row{border-radius:12px;align-items:center;gap:14px;margin-bottom:4px;padding:11px 12px;transition:background .15s;display:flex}.game-row:last-child{margin-bottom:0}.game-row:hover{background:#ffffff59}.game-result-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.game-result-icon.win{background:#4a9e7a26}.game-result-icon.win .mi{color:var(--win);font-size:20px}.game-result-icon.lose{background:#d96b6b26}.game-result-icon.lose .mi{color:var(--lose);font-size:20px}.game-info{flex:1}.game-players{font-size:14px;font-weight:600}.game-time{color:var(--muted);margin-top:2px;font-size:12px}.game-score{font-size:18px;font-weight:900}.game-score.win{color:var(--win)}.game-score.lose{color:var(--lose)}.rank-row{border-radius:12px;align-items:center;gap:12px;margin-bottom:4px;padding:10px 12px;transition:background .15s;display:flex}.rank-row:last-child{margin-bottom:0}.rank-row:hover{background:#ffffff59}.rank-row.me{background:#c8ff0033}.rank-num{width:28px;color:var(--muted);text-align:center;flex-shrink:0;font-size:13px;font-weight:800}.rank-num.first{color:var(--dark)}.rank-avatar{background:var(--dark);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:flex;overflow:hidden}.rank-avatar img{object-fit:cover;width:100%;height:100%}.rank-row.me .rank-avatar{background:var(--green);color:#111}.rank-name{flex:1;font-size:14px;font-weight:600}.rank-rate{font-size:15px;font-weight:800}.rank-row.me .rank-rate{color:var(--dark)}.page-inner{z-index:1;max-width:1140px;margin:0 auto;padding:32px;position:relative}.page-inner-title{margin-bottom:4px;font-size:30px;font-weight:900}.page-inner-sub{color:var(--muted);margin-bottom:24px;font-size:14px}.filter-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;display:flex}.chip{-webkit-backdrop-filter:var(--blur);color:var(--muted);cursor:pointer;background:#ffffff73;border:1px solid #ffffff80;border-radius:30px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s}.chip:hover{color:var(--text);background:#ffffffa6}.chip.active{background:var(--dark);color:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:#0000}.search-wrap{margin-left:auto;position:relative}.search-wrap .mi{color:var(--muted);pointer-events:none;font-size:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-box{-webkit-backdrop-filter:var(--blur);color:var(--text);background:#ffffff73;border:1px solid #ffffff80;border-radius:30px;width:210px;padding:8px 16px 8px 38px;font-family:inherit;font-size:13px}.search-box:focus{border-color:#0003;outline:none}.table-card{border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:var(--blur);background:#ffffff85;border:1px solid #ffffff80;overflow:hidden}.tbl{border-collapse:collapse;width:100%}.tbl th{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff4d;border-bottom:1px solid #00000012;padding:14px 20px;font-size:11px;font-weight:700}.tbl th:hover{color:var(--text)}.tbl th.sort-asc:after{content:" ↑";font-size:11px}.tbl th.sort-desc:after{content:" ↓";font-size:11px}.tbl td{border-bottom:1px solid #0000000f;padding:14px 20px;font-size:14px}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:#fff6}.score-bold{font-size:15px;font-weight:900}.type-tag{background:var(--bg);color:var(--muted);border:1px solid var(--border);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.rank-grid-head{background:#ffffff4d;border-bottom:1px solid #00000012;grid-template-columns:48px 44px 1fr 72px 72px 72px 120px;gap:12px;padding:12px 20px;display:grid}.rank-grid-row{border-bottom:1px solid var(--border);grid-template-columns:48px 44px 1fr 72px 72px 72px 120px;align-items:center;gap:12px;padding:14px 20px;transition:background .15s;display:grid}.rank-grid-row:hover{background:#ffffff59}.rank-grid-row.me{background:#c8ff0033}.rank-grid-row:last-child{border-bottom:none}.th{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.th:hover{color:var(--text)}.th.sort-asc:after{content:"↑";color:var(--text);font-size:12px}.th.sort-desc:after{content:"↓";color:var(--text);font-size:12px}.pos-badge{background:var(--bg);width:36px;height:36px;color:var(--muted);border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.pos-badge.first{background:var(--green);color:#111;border-color:var(--green)}.pos-badge .mi{font-size:19px}.p-avatar{background:var(--dark);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:11px;font-weight:700;display:flex;overflow:hidden}.p-avatar img{object-fit:cover;width:100%;height:100%}.rank-grid-row.me .p-avatar{background:var(--green);color:#111}.badge-me{background:var(--green);color:#111;border-radius:6px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.badge-streak{cursor:default;border-radius:6px;align-items:center;margin-left:6px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex;position:relative}.badge-streak-win{color:#3a5200;background:#c8ff0040}.badge-streak-lose{color:#7a1a1a;background:#d96b6b33}[data-theme=dark] .badge-streak-win{color:#c8ff00;background:#c8ff002e}[data-theme=dark] .badge-streak-lose{color:#d96b6b;background:#d96b6b2e}.badge-streak[data-tooltip]:after{content:attr(data-tooltip);background:var(--dark);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:100;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:600;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0003}.badge-streak[data-tooltip]:before{content:"";border:5px solid #0000;border-top-color:var(--dark);pointer-events:none;opacity:0;z-index:100;transition:opacity .15s;position:absolute;bottom:calc(100% + 1px);left:50%;transform:translate(-50%)}.badge-streak[data-tooltip]:hover:after,.badge-streak[data-tooltip]:hover:before{opacity:1}.wr-num{font-size:18px;font-weight:900}.rank-grid-row.me .wr-num{color:var(--green-dark)}.wr-bar-bg{background:var(--border);border-radius:2px;outline:1px solid #aeaeae;height:4px;margin-top:5px;overflow:hidden}.wr-bar-fill{background:var(--green);border-radius:2px;height:100%}.profile-wrap{z-index:1;max-width:1140px;margin:0 auto;padding:32px;position:relative}.profile-grid{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}@media (width<=900px){.profile-grid{grid-template-columns:1fr}}.profile-header{align-items:center;gap:20px;margin-bottom:32px;display:flex}.profile-avatar-big{background:var(--dark);width:80px;height:80px;color:var(--green);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex;position:relative;overflow:hidden}.profile-avatar-big img{object-fit:cover;width:100%;height:100%}.avatar-overlay{opacity:0;background:#00000073;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.profile-avatar-big:hover .avatar-overlay{opacity:1}.avatar-overlay .mi{color:#fff;font-size:24px}.avatar-actions{gap:8px;margin-top:8px;display:flex}.profile-section{border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:var(--blur);background:#ffffff85;border:1px solid #ffffff80;margin-bottom:16px;padding:28px}.profile-section-title{align-items:center;gap:8px;margin-bottom:20px;font-size:15px;font-weight:800;display:flex}.profile-section-title .mi{color:var(--muted);font-size:18px}.btn-danger{color:var(--lose);cursor:pointer;background:#d96b6b1f;border:1.5px solid #d96b6b4d;border-radius:10px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:all .15s}.btn-danger:hover{background:#d96b6b38}.loading-wrap{color:var(--muted);justify-content:center;align-items:center;gap:12px;padding:60px;font-size:14px;font-weight:600;display:flex}@media (width<=900px){.stat-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.rank-grid-head,.rank-grid-row{grid-template-columns:40px 36px 1fr 60px 90px}.rank-grid-head>:nth-child(4),.rank-grid-row>:nth-child(4),.rank-grid-head>:nth-child(5),.rank-grid-row>:nth-child(5),.rank-grid-head>:nth-child(7),.rank-grid-row>:nth-child(7),.nav-tabs{display:none}.dash-wrap,.page-inner,.profile-wrap{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.table-card .tbl thead{display:none}.table-card .tbl tbody{display:block}.table-card .tbl tr{border-bottom:1px solid #0000000f;grid-template-rows:auto auto;grid-template-columns:1fr auto 1fr;align-items:center;gap:4px 10px;padding:12px 16px;display:grid}.table-card .tbl tr:last-child{border-bottom:none}.table-card .tbl td{border-bottom:none;padding:0;background:0 0!important}.table-card .tbl tr:hover{background:#ffffff59}.table-card .tbl td:first-child{color:var(--muted);grid-area:1/1;font-size:12px}.table-card .tbl td:nth-child(2){text-align:center;grid-area:1/2}.table-card .tbl td:nth-child(6){text-align:right;color:var(--muted);grid-area:1/3;font-size:12px}.table-card .tbl td:nth-child(3){grid-area:2/1;font-size:14px}.table-card .tbl td:nth-child(4){text-align:center;white-space:nowrap;grid-area:2/2}.table-card .tbl td:nth-child(5){text-align:right;grid-area:2/3;font-size:14px}}@media (width<=600px){.topnav-inner{padding:0 16px}.dash-wrap,.page-inner,.profile-wrap{padding:20px;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.stat-grid{gap:10px}.auth-card{padding:32px 24px}.stat-grid{grid-template-columns:1fr;grid-auto-rows:auto}.stat-card{min-height:unset}}.form-dots{align-items:center;gap:4px;display:flex}.form-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.form-dot.w{background:var(--win)}.form-dot.l{background:var(--lose)}.form-dot.empty{background:#0000001a}.streak-banner{border:1px solid #0000;border-radius:16px;align-items:center;gap:10px;margin-bottom:20px;padding:14px 20px;font-size:14px;font-weight:600;display:flex}.streak-banner.streak-win{color:#3a5200;background:#c8ff002e;border-color:#c8ff0066}.streak-banner.streak-lose{color:#7a1a1a;background:#d96b6b1f;border-color:#d96b6b59}.streak-icon{font-size:22px;line-height:1}.rank-grid-head,.rank-grid-row{grid-template-columns:48px 44px 1fr 72px 72px 72px 120px 72px}[data-theme=dark]{--text:#efefef;--muted:#909090;--border:#ffffff1a;--shadow:0 8px 32px #0006}[data-theme=dark] body{background:radial-gradient(at 15% 25%,#32323299 0%,#0000 50%),radial-gradient(at 85% 75%,#1e1e1e66 0%,#0000 50%),linear-gradient(155deg,#1a1a1a 0%,#1e1e1e 35%,#202020 65%,#1c1c1c 100%)}[data-theme=dark] body:after{opacity:.12}[data-theme=dark] .topnav{background:#141414e0;border-bottom-color:#ffffff14}[data-theme=dark] .nav-tab:hover{color:var(--text);background:#ffffff14}[data-theme=dark] .nav-tab.router-link-active{background:var(--green);color:#111}[data-theme=dark] .nav-tab.router-link-active .mi{color:#111}[data-theme=dark] .nav-dropdown{background:#1c1c1cf7;border-color:#ffffff1a}[data-theme=dark] .dd-item:hover{background:#ffffff12}[data-theme=dark] .dd-sep{background:#ffffff14}[data-theme=dark] .stat-card{background:#ffffff0f;border-color:#ffffff17}[data-theme=dark] .stat-card:hover{background:var(--green);border-color:#c8ff0066}[data-theme=dark] .card{background:#ffffff0f;border-color:#ffffff17}[data-theme=dark] .card-header{border-bottom-color:#ffffff14}[data-theme=dark] .game-row{border-bottom-color:#ffffff0f}[data-theme=dark] .rank-row:hover{background:#ffffff0d}[data-theme=dark] .rank-row.me{background:#c8ff001a}[data-theme=dark] .chip{-webkit-backdrop-filter:none;color:var(--muted);background:#ffffff1a;border-color:#ffffff1f}[data-theme=dark] .chip.active{background:var(--green);color:#111;border-color:#0000}[data-theme=dark] .search-box{-webkit-backdrop-filter:none;background:#ffffff1a;border-color:#ffffff1f}[data-theme=dark] .notif-btn:hover,[data-theme=dark] .notif-btn.active{color:var(--text);background:#ffffff1a}[data-theme=dark] .notif-panel{-webkit-backdrop-filter:none;background:#1c1c1cf7;border-color:#ffffff1a}[data-theme=dark] .notif-header{-webkit-backdrop-filter:none;background:#1c1c1cf7;border-bottom-color:#ffffff14}[data-theme=dark] .notif-item{border-bottom-color:#ffffff0f}[data-theme=dark] .notif-item:hover{background:#ffffff0d}[data-theme=dark] .notif-dismiss:hover{background:#ffffff14}[data-theme=dark] .notif-empty{color:var(--muted)}.notif-admin-row{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.notif-admin-row:last-child{border-bottom:none}.notif-admin-title{font-size:13px;font-weight:600}.notif-admin-meta{color:var(--muted);margin-top:2px;font-size:11px}.notif-admin-del{cursor:pointer;color:var(--lose);background:0 0;border:none;border-radius:8px;flex-shrink:0;align-items:center;padding:4px;transition:background .12s;display:flex}.notif-admin-del:hover{background:#d96b6b1f}[data-theme=dark] .notif-admin-row{border-bottom-color:#ffffff12}[data-theme=dark] .table-card{-webkit-backdrop-filter:none;background:#ffffff0d;border-color:#ffffff14}[data-theme=dark] .tbl thead th{color:var(--muted);background:#ffffff12;border-bottom-color:#ffffff14}[data-theme=dark] .rank-grid-head{background:#ffffff12;border-bottom-color:#ffffff14}[data-theme=dark] .form-dot.empty{background:#ffffff1f}[data-theme=dark] .streak-banner.streak-win{color:#c8ff00;background:#c8ff001a;border-color:#c8ff0040}[data-theme=dark] .streak-banner.streak-lose{color:#d96b6b;background:#d96b6b1a;border-color:#d96b6b40}[data-theme=dark] .tbl tbody tr:nth-child(2n){background:#ffffff08}[data-theme=dark] .tbl tbody tr:hover{background:#ffffff0f}[data-theme=dark] .tbl td{border-bottom-color:#ffffff0d}[data-theme=dark] .auth-card{background:#ffffff12;border-color:#ffffff1f}[data-theme=dark] .profile-section{background:#ffffff0f;border-color:#ffffff17}[data-theme=dark] .form-input{color:var(--text);-webkit-backdrop-filter:none;background:#ffffff1a;border-color:#ffffff24}[data-theme=dark] .form-input::placeholder{color:var(--muted)}[data-theme=dark] .form-input:focus{border-color:var(--green);background:#ffffff26}[data-theme=dark] .stats-section-title{color:var(--muted)}[data-theme=dark] .search-box{color:var(--text);background:#ffffff14;border-color:#ffffff1f}.game-area,.game-overlay{background:var(--game-bg,#f4f4f4)}.gbrd{background:#fff;border-top:1px solid #00000012;width:100%;max-height:50vh;overflow-y:auto}@media (width>=800px){.gbrd{border-top:none;border-left:1px solid #00000012;width:280px;max-height:none}}.gbrd-head{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);background:inherit;z-index:1;border-bottom:1px solid #0000000f;align-items:center;gap:8px;padding:14px 16px 12px;font-size:11px;font-weight:800;display:flex;position:sticky;top:0}.gbrd-empty{text-align:center;color:var(--muted);padding:32px 16px;font-size:13px}.gbrd-row{border-bottom:1px solid #0000000d;align-items:center;gap:10px;padding:11px 16px;display:flex}.gbrd-row:last-child{border-bottom:none}.gbrd-me{background:#c8ff001a}.gbrd-rank{text-align:center;flex-shrink:0;width:28px;font-size:16px}.gbrd-avatar{color:#c8ff00;background:#111;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex;overflow:hidden}.gbrd-avatar img{object-fit:cover;width:100%;height:100%}.gbrd-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.gbrd-score{color:var(--green-dark);flex-shrink:0;font-size:20px;font-weight:900}[data-theme=dark]{--game-bg:#1e1e1e}[data-theme=dark] .gbrd{background:#ffffff0d;border-color:#ffffff14}[data-theme=dark] .gbrd-head{background:#ffffff0d;border-bottom-color:#ffffff14}[data-theme=dark] .gbrd-row{border-bottom-color:#ffffff0f}[data-theme=dark] .gbrd-me{background:#c8ff0014}