.arcade-scores { margin: 32px 0; padding: 26px; border: 1px solid #455464; border-radius: 10px; background: #0d1723; }
.arcade-scores h2 { color: #abff85; font-size: 25px; letter-spacing: -.04em; margin: 0 0 12px; }
.arcade-score-grid { display: grid; grid-template-columns: 1fr 1.15fr; gap: 30px; }
.arcade-scores p, .arcade-scores label { font-size: 12px; color: #a6b7c8; }
.arcade-scores form { display: grid; gap: 10px; margin: 18px 0; }
.arcade-scores label { display: grid; gap: 6px; }
.arcade-scores input { width: 100%; min-width: 0; min-height: 44px; padding: 10px; border: 1px solid #526373; border-radius: 4px; background: #070f1a; color: #e7f1e9; font: inherit; }
.arcade-scores button { min-height: 44px; border: 1px solid #55745e; border-radius: 4px; background: #172a23; color: #caffb3; padding: 9px 12px; font-size: 11px; }
.arcade-scores button:disabled { opacity: .45; cursor: default; }
.arcade-scores input:focus-visible { outline: 2px solid #f9c66d; outline-offset: 3px; }
.arcade-scores [hidden] { display: none; }
.arcade-score-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.leaderboard-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.arcade-scores table { width: 100%; border-collapse: collapse; font-size: 12px; table-layout: fixed; }
.arcade-scores th, .arcade-scores td { text-align: left; padding: 12px 5px; border-bottom: 1px solid #2a3b49; overflow-wrap: anywhere; }
.arcade-scores th { color: #8aa4b6; font-size: 10px; }
.arcade-scores th:first-child { width: 35px; }
.arcade-scores th:nth-child(3), .arcade-scores th:last-child { width: 75px; }
.arcade-scores td:nth-child(3) { color: #f9c66d; font-variant-numeric: tabular-nums; }
.arcade-scores td a { color: #abff85; text-decoration: underline; text-underline-offset: 3px; }
.arcade-scores #arcade-website-status { color: #f9c66d; }
.arcade-scores #arcade-status { min-height: 3em; }
@media (max-width: 720px) { .arcade-scores { padding: 16px; } .arcade-score-grid { grid-template-columns: 1fr; gap: 20px; } }