*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background-color:#000;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#app{width:100%;min-height:100vh;padding:.6rem 1rem;max-width:1400px;margin:0 auto}#control-panel{background-color:#111;border:1px solid #333;border-radius:6px;padding:.6rem .8rem;margin-bottom:.8rem}.clock-row{text-align:center;margin-bottom:.5rem}#utc-clock{font-size:16pt;font-weight:700;color:#fff;letter-spacing:1px}.control-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.control-row:last-child{margin-bottom:0}.control-row-top{align-items:flex-start}.control-label{font-size:.8rem;color:#999;min-width:70px;flex-shrink:0}#contest-select{padding:.35rem .5rem;font-size:.85rem;background-color:#1a1a1a;color:#fff;border:1px solid #555;border-radius:4px;cursor:pointer;min-width:260px}#contest-select:focus{outline:2px solid #5599ff}#contest-select option{background:#1a1a1a;color:#fff}.radio-group{display:flex;gap:.8rem}.radio-label{font-size:.8rem;color:#ccc;cursor:pointer;display:inline-flex;align-items:center;gap:.2rem}.radio-label input[type=radio]{accent-color:#5599ff;cursor:pointer}.top10-label{font-size:.8rem;color:#ccc;cursor:pointer;display:inline-flex;align-items:center;gap:.2rem;margin-left:.8rem}.top10-label input[type=checkbox]{accent-color:#5599ff;cursor:pointer}.filter-row{display:flex;gap:.8rem;margin-top:.4rem}.filter-section{min-width:0;display:flex;flex-direction:column;gap:.25rem}.filter-section:first-child{flex:0 0 auto;max-width:200px}.filter-section:last-child{flex:1}.category-listbox{background:#0a0a0a;border:1px solid #333;border-radius:4px;max-height:120px;overflow-y:auto;padding:.3rem;display:flex;flex-direction:column;gap:1px;min-width:200px}.category-item{display:flex;align-items:center;gap:.3rem;font-size:.9rem;color:#ccc;cursor:pointer;padding:.2rem .4rem;border-radius:2px}.category-item:hover{background:#1a1a1a}.category-item input[type=checkbox]{accent-color:#5599ff;cursor:pointer}.country-listbox{background:#0a0a0a;border:1px solid #333;border-radius:4px;max-height:180px;overflow-y:auto;padding:.4rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:2px;flex:1;min-width:200px}.country-item{display:flex;align-items:center;gap:.3rem;font-size:1rem;color:#ccc;cursor:pointer;padding:.25rem .4rem;border-radius:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.country-item:hover{background:#1a1a1a}.country-item input[type=checkbox]{accent-color:#5599ff;cursor:pointer;flex-shrink:0}#status-bar{margin-bottom:.5rem}.stale-indicator{color:#ffc107;font-size:.8rem;padding:.2rem 0}.data-unavailable{color:#f99;font-size:.8rem;display:inline;margin-right:.5rem}.retry-button{padding:.2rem .6rem;font-size:.75rem;background:#333;color:#fff;border:1px solid #666;border-radius:4px;cursor:pointer}.retry-button:hover{background:#444}#leaderboard-container{display:flex;flex-direction:column;gap:1.5rem}.leaderboard-section{width:100%}.class-heading{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.3rem;border-bottom:1px solid #333;padding-bottom:.15rem}.leaderboard-svg{width:100%;display:block}@media (max-width: 768px){#app{padding:.4rem .5rem}#control-panel{padding:.5rem}.control-row{flex-direction:column;align-items:flex-start;gap:.3rem}.control-label{min-width:unset;font-size:.75rem}#contest-select{width:100%;min-width:unset;font-size:.85rem}.radio-group{flex-wrap:wrap;gap:.6rem}.category-listbox{width:100%;min-width:unset;max-height:100px}.country-listbox{width:100%;min-width:unset;max-height:120px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.filter-row{flex-direction:column}.class-heading{font-size:.9rem}#leaderboard-container{gap:1rem}}@media (max-width: 480px){#app{padding:.3rem}#control-panel{padding:.4rem;border-radius:4px}.radio-label{font-size:.75rem}.category-item{font-size:.7rem}.class-heading{font-size:.8rem}}