*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fafafa;--surface:#fff;--surface-2:#f4f4f5;--surface-3:#e4e4e7;--border:#e4e4e7;--border-strong:#d4d4d8;--text:#09090b;--text-2:#71717a;--text-3:#a1a1aa;--primary:#16a34a;--primary-hover:#15803d;--primary-fg:#fff;--primary-subtle:#f0fdf4;--primary-muted:#dcfce7;--accent:#4f46e5;--accent-hover:#4338ca;--accent-fg:#fff;--accent-subtle:#eef2ff;--accent-muted:#c7d2fe;--success:#16a34a;--success-bg:#f0fdf4;--success-border:#bbf7d0;--success-text:#166534;--warning:#d97706;--warning-bg:#fffbeb;--warning-border:#fde68a;--warning-text:#92400e;--danger:#e11d48;--danger-hover:#be123c;--danger-fg:#fff;--danger-bg:#fff1f2;--danger-border:#fecdd3;--danger-text:#9f1239;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 12px rgba(0,0,0,.07),0 1px 3px rgba(0,0,0,.04);--shadow-lg:0 8px 30px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.05);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px}@media (prefers-color-scheme:dark){:root{--bg:#0c0c0d;--surface:#141416;--surface-2:#1c1c1f;--surface-3:#26262b;--border:#2a2a30;--border-strong:#36363e;--text:#ececf0;--text-2:#8b8b96;--text-3:#5c5c68;--primary:#22c55e;--primary-hover:#16a34a;--primary-fg:#fff;--primary-subtle:rgba(34,197,94,.08);--primary-muted:rgba(34,197,94,.15);--accent:#6366f1;--accent-hover:#4f46e5;--accent-fg:#fff;--accent-subtle:rgba(99,102,241,.08);--accent-muted:rgba(99,102,241,.18);--success:#22c55e;--success-bg:rgba(34,197,94,.08);--success-border:rgba(34,197,94,.2);--success-text:#4ade80;--warning:#f59e0b;--warning-bg:rgba(245,158,11,.08);--warning-border:rgba(245,158,11,.2);--warning-text:#fbbf24;--danger:#f43f5e;--danger-hover:#e11d48;--danger-fg:#fff;--danger-bg:rgba(244,63,94,.08);--danger-border:rgba(244,63,94,.2);--danger-text:#fb7185;--shadow-sm:0 1px 3px rgba(0,0,0,.4);--shadow-md:0 4px 14px rgba(0,0,0,.5),0 1px 4px rgba(0,0,0,.3);--shadow-lg:0 8px 32px rgba(0,0,0,.6),0 2px 10px rgba(0,0,0,.4)}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;transition:background-color .2s ease,border-color .2s ease,color .2s ease}h1{font-size:21px;font-weight:700;letter-spacing:-.3px;line-height:1.2}h2{font-size:16px;font-weight:600}.container{max-width:480px;margin:0 auto;padding:16px 14px 40px}.card,.card-accent{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-md);padding:20px;margin-bottom:12px}.card-accent{border-top:2px solid #06c755}.actions{display:flex;flex-direction:column;gap:10px;margin-top:16px}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;border:none;border-radius:var(--radius-lg);font-size:15px;font-weight:600;cursor:pointer;letter-spacing:.01em;transition:transform .15s ease,opacity .15s ease,box-shadow .15s ease;text-decoration:none}.btn:not(:disabled):active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-fg);box-shadow:0 1px 2px rgba(0,0,0,.08),0 4px 12px rgba(22,163,74,.2)}.btn-primary:not(:disabled):hover{background:var(--primary-hover);box-shadow:0 1px 2px rgba(0,0,0,.1),0 6px 16px rgba(22,163,74,.25)}.btn-danger{background:var(--danger);color:var(--danger-fg);box-shadow:0 1px 2px rgba(0,0,0,.08),0 4px 12px rgba(225,29,72,.2)}.btn-danger:not(:disabled):hover{background:var(--danger-hover);box-shadow:0 1px 2px rgba(0,0,0,.1),0 6px 16px rgba(225,29,72,.25)}.btn-accent{background:var(--accent);color:var(--accent-fg);box-shadow:0 1px 2px rgba(0,0,0,.08),0 4px 12px rgba(79,70,229,.2)}.btn-accent:not(:disabled):hover{background:var(--accent-hover);box-shadow:0 1px 2px rgba(0,0,0,.1),0 6px 16px rgba(79,70,229,.25)}.btn-ghost{background:transparent;color:var(--text-2);box-shadow:none}.btn-ghost:not(:disabled):hover{background:var(--surface-2)}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border-strong);box-shadow:none}.btn-outline:not(:disabled):hover{background:var(--surface-2)}.badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.badge{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600;letter-spacing:.01em}.badge-success{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.badge-warning{background:var(--warning-bg);color:var(--warning-text);border:1px solid var(--warning-border)}.badge-danger{background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger-border)}.section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);margin-bottom:14px}.player-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}.player-row:last-child{border-bottom:none;padding-bottom:0}.avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.avatar-success{background:var(--success-bg);color:var(--success-text)}.avatar-danger{background:var(--danger-bg);color:var(--danger-text)}.avatar-warning{background:var(--warning-bg);color:var(--warning-text)}.player-info{flex:1 1;min-width:0}.player-name{font-size:15px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-me{font-size:11px;font-weight:600;color:var(--primary);margin-left:6px}.player-rank{font-size:12px;font-weight:600;color:var(--text-3);min-width:20px;text-align:right}.player-tag{font-size:10px;font-weight:600;color:var(--warning-text,#92400e);background:var(--warning-bg,#fef3c7);border-radius:4px;padding:1px 5px;margin-left:6px}.toast{padding:12px 14px;border-radius:var(--radius-lg);margin-bottom:14px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}.toast-success{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.toast-error{background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger-border)}.tabs{display:flex;background:var(--surface-2);border-radius:var(--radius-md);padding:3px;margin-bottom:12px;gap:2px}.tab{flex:1 1;padding:9px 8px;text-align:center;font-size:13px;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;border:none;background:transparent;color:var(--text-3);transition:all .18s ease}.tab.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.empty-state{text-align:center;padding:24px 0;color:var(--text-3);font-size:14px}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,var(--surface-3) 25%,var(--surface-2) 50%,var(--surface-3) 75%);background-size:200% 100%;animation:skeleton 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes spin{to{transform:rotate(1turn)}}.spinner{display:inline-block;width:16px;height:16px;border:2.5px solid hsla(0,0%,100%,.35);border-top-color:#fff;border-radius:50%;animation:spin .55s linear infinite;flex-shrink:0}.meta-row{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-2);margin-top:6px}.meta-row a{color:var(--primary);text-decoration:none}