:root{font-family:system-ui,Arial,sans-serif;color-scheme:dark}body{margin:0;background:radial-gradient(at 50% 0,#293c57,#0e1522 70%);color:#f5f2e8}
.wrapper{max-width:920px;margin:auto;padding:25px 15px 65px}
header{margin-bottom:26px}header h1{color:#ffe4a4;font-size:clamp(27px,5vw,43px);margin:0 0 5px}header a{color:#ffda9b}
.panel{margin:14px 0;padding:19px;border-radius:13px;background:#18253a;border:1px solid #62748e;box-shadow:0 8px 25px #0004}
h2{margin:0 0 10px;color:#f2d49b}p{line-height:1.6;color:#d6e0ef}
label{display:block;margin-bottom:8px}input{padding:11px;font-size:16px;width:min(100%,420px);box-sizing:border-box;border:1px solid #8396b0;border-radius:8px;color:#fff;background:#0e1828}
button{background:#d7b66d;color:#101d30;font-size:14px;font-weight:800;border:0;border-radius:8px;padding:10px 14px;cursor:pointer;margin:10px 9px 3px 0}
button:hover{filter:brightness(1.12)}.muted{background:#a5b4c6}.danger{border-color:#a76564}.danger button{background:#f0a39b}.hidden{display:none}
.error{color:#ffb5aa}.head-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{border-bottom:1px solid #526477;padding:9px}th{color:#f4dbaa}
td:nth-child(n+2){font-variant-numeric:tabular-nums;white-space:nowrap}#scores{padding-left:23px}#scores li{padding:5px 0}

.score-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:2px 0}.score-entry span{flex:1}.score-remove{font-size:12px;background:#f0a39b;color:#1a1112;margin:4px;white-space:nowrap}.score-remove:disabled{opacity:.6;cursor:wait}