:root{--bg:#0f172a;--bg2:#1e293b;--surface:#ffffff0a;--border:#ffffff14;--text:#f8fafc;--muted:#94a3b8;--dim:#64748b;--accent:#818cf8;--green:#10b981;--amber:#f59e0b;--red:#ef4444;--nav-h:64px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px}.page-scroll{min-height:100dvh;padding-bottom:calc(var(--nav-h) + 16px);padding-top:env(safe-area-inset-top)}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px}.stat-value{font-size:2rem;font-weight:800;line-height:1}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:.78rem}.bottom-nav{height:var(--nav-h);padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);z-index:100;background:#0f172aeb;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-btn{color:var(--dim);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 0;font-size:.65rem;font-weight:600;transition:color .15s;display:flex}.nav-btn.active{color:var(--accent)}.nav-btn.active svg{filter:drop-shadow(0 0 6px #818cf880)}.section-title{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:12px;font-size:.7rem;font-weight:700}.bar-track{background:var(--border);border-radius:3px;flex:1;height:6px;overflow:hidden}.bar-fill{border-radius:3px;height:100%;transition:width .4s}.badge{letter-spacing:.04em;border-radius:99px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-block}.badge-active{color:#10b981;background:#10b98126}.badge-inactive{color:#f59e0b;background:#f59e0b26}.badge-left{color:#9ca3af;background:#6b728026}.tier{border-radius:99px;padding:2px 8px;font-size:.68rem;font-weight:700}.input{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff0d;border-radius:10px;outline:none;padding:12px 14px;font-size:.95rem}.input:focus{border-color:#818cf880}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:14px;font-size:.95rem;font-weight:700}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.player-row{background:var(--surface);border:1px solid var(--border);border-radius:14px;align-items:center;gap:12px;padding:14px 16px;display:flex}.rank-badge{text-align:center;min-width:32px;font-size:1.1rem;font-weight:700}.dual-bars{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.bar-row{align-items:center;gap:6px;display:flex}.bar-label{color:var(--muted);flex-shrink:0;width:52px;font-size:.65rem}.bar-value{color:var(--muted);text-align:right;flex-shrink:0;width:30px;font-size:.7rem}