:root{--bg:#0b1020;--bg-elevated:#151c33;--bg-row:#1b2440;--border:#283357;--text:#e9edff;--text-muted:#9aa6cf;--accent:#6c7dff;--accent-strong:#8a98ff;--viewer:#2a3a22;--viewer-border:#5fd06a;--gold:#ffd54a;--silver:#cfd6e6;--bronze:#e0925a;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 70% -10%, #1c2750 0%, transparent 60%), radial-gradient(900px 500px at 0% 110%, #19243f 0%, transparent 55%), var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif}#app{height:100%}.app{flex-direction:column;gap:18px;max-width:1200px;min-height:100%;margin:0 auto;padding:clamp(12px,2.5vw,28px);display:flex}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.title-group{align-items:baseline;gap:12px;display:flex}.club-name{letter-spacing:.02em;margin:0;font-size:clamp(1.5rem,3vw,2.4rem);font-weight:800}.level-badge{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff;border-radius:999px;padding:4px 10px;font-size:.85rem;font-weight:700}.header-actions{align-items:center;gap:14px;display:flex}.updated{color:var(--text-muted);font-size:.85rem}.refresh-button{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:8px 14px;font-weight:600;transition:border-color .15s,transform .1s}.refresh-button:hover:not(:disabled){border-color:var(--accent)}.refresh-button:disabled{opacity:.6;cursor:default}.refresh-icon{display:inline-block}.refresh-icon.spinning{animation:.9s linear infinite spin}.toolbar{justify-content:flex-end;display:flex}.period-filter{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;gap:4px;padding:4px;display:inline-flex}.period-button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:7px 16px;font-weight:600;transition:background .15s,color .15s}.period-button.active{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff}.panels{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:18px;display:grid}.panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:0 10px 30px #00000040}.panel-title{margin:0 0 14px;font-size:1.1rem;font-weight:700}.rows{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.row{background:var(--bg-row);border:1px solid #0000;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 12px;display:grid}.row .sub{color:var(--text-muted);text-align:right;grid-column:3;font-size:.78rem}.row.is-viewer{background:var(--viewer);border-color:var(--viewer-border)}.rank{min-width:2ch;color:var(--text-muted);text-align:center;font-weight:700}.rank.medal{font-size:1.15rem}.name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.value{text-align:right;font-weight:700}.flames{margin-right:2px}.challenge-list{flex-direction:column;gap:16px;display:flex}.challenge-difficulty{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px;font-size:.95rem}.empty-state{color:var(--text-muted);margin:8px 0;font-style:italic}.empty-state.small{font-size:.85rem}.error-banner{color:#ffd7dd;background:#3a1d24;border:1px solid #7a3b48;border-radius:10px;margin:0;padding:10px 14px}.screen-message{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.screen-message.error{color:#ffb4bf}.no-club-note{border:1px dashed var(--border);color:var(--text-muted);text-align:center;border-radius:16px;grid-column:1/-1;margin:0;padding:18px;font-size:.95rem}.spinner{border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:42px;height:42px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}