.arcade-board{margin:18px 0;padding:20px;border:1px solid #385276;border-top:5px solid #d12c3a;background:linear-gradient(145deg,#13243f,#0e1b30);box-shadow:0 10px 25px rgba(0,0,0,.2)}
.arcade-board>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.arcade-board h2{margin:.15rem 0 .7rem;color:#f7f3e8}
.arcade-board>header a{flex:none;padding:8px 10px;border:1px solid #8facce;color:#eef5ff;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
.arcade-board-tabs{display:flex;gap:6px;overflow-x:auto;padding:7px 0 12px}
.arcade-board-tabs button{flex:none;padding:7px 9px;border:1px solid #466184;background:#122641;color:#d8e4f2;font-size:.7rem;font-weight:800;text-transform:uppercase}
.arcade-board-tabs button[aria-pressed="true"]{background:#d12c3a;border-color:#ef8790;color:#fff}
.arcade-board-list{list-style:none;margin:0;padding:0;border-top:1px solid #385276}
.arcade-board-list li{display:grid;grid-template-columns:2.2rem minmax(0,1fr) auto;gap:9px;padding:9px 3px;border-bottom:1px solid #304967;color:#dce8f7}
.arcade-board-list .rank{font-weight:900;color:#ff6974}
.arcade-board-list .score{font-weight:900;color:#f7f3e8}
.arcade-board-list .mine{color:#93e0a5}
.arcade-board-note{margin:.7rem 0 0;color:#aebbd0;font-size:.75rem}
@media(max-width:600px){.arcade-board>header{display:block}.arcade-board>header a{display:inline-block;margin-bottom:8px}}