button, input { font: inherit; }
button { cursor:pointer; border:2px solid #67519a; background:#251b43; color:#fff; padding:14px 16px; font-size:10px; line-height:1.5; box-shadow:3px 3px 0 #080817; }
button:hover { background:#3c2a63; border-color:#ffd23f; }
button:focus-visible, input:focus-visible { outline:3px solid #ffd23f; outline-offset:3px; }
button:disabled { cursor:wait; opacity:.6; }
[hidden] { display:none !important; }
#game-actions { position:fixed; bottom:max(18px,env(safe-area-inset-bottom)); left:0; right:0; display:flex; justify-content:center; flex-wrap:wrap; gap:12px; }
#submit-score, #save-score { background:#ffd23f; color:#211331; border-color:#ffec92; }
dialog { box-sizing:border-box; width:min(560px,calc(100% - 28px)); max-height:85dvh; padding:24px; overflow:auto; color:#fff; background:#15112b; border:3px solid #75609d; box-shadow:8px 8px 0 #070614; font-size:11px; line-height:1.7; user-select:text; }
dialog::backdrop { background:#08051bd9; }
.board-header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.eyebrow { color:#a693c8; font-size:8px; margin:0 0 10px; }
h1 { color:#ffd23f; font-size:clamp(12px,3.3vw,20px); margin:0; }
#close-board { font-family:monospace; font-size:25px; line-height:1; padding:8px 12px; }
.board-subtitle { color:#aa9dca; font-size:9px; margin:18px 0 24px; }
#score-form { background:#241a40; padding:18px; margin:20px 0; border-left:3px solid #ffd23f; }
#score-form p { margin-top:0; }
#score-form strong { color:#ffd23f; }
label { display:block; font-size:9px; margin:14px 0 10px; }
.submit-row { display:flex; gap:10px; }
input { box-sizing:border-box; min-width:0; width:100%; color:#fff; background:#100d20; border:2px solid #67519a; padding:12px; font-size:12px; }
#save-score { white-space:nowrap; font-size:9px; }
small { display:block; color:#baadce; font-family:monospace; font-size:12px; margin-top:8px; }
#submit-status { margin:12px 0 0 !important; font-family:monospace; font-size:14px; }
#board-status { color:#c7bcdd; padding:20px 0; font-family:monospace; font-size:16px; }
table { width:100%; border-collapse:collapse; font-size:10px; }
th { color:#ad9bc9; font-size:8px; text-align:left; padding:10px 8px; border-bottom:2px solid #514069; }
td { padding:14px 8px; border-bottom:1px solid #302544; overflow-wrap:anywhere; }
th:last-child,td:last-child { text-align:right; color:#ffd23f; }
tbody tr:nth-child(-n+3) td:first-child { color:#ffd23f; }
.board-footer { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:24px; color:#ac9ac9; font-size:8px; }
.board-footer button { font-size:8px; padding:10px; }
@media(max-width:420px) { dialog { padding:16px; } .submit-row { flex-direction:column; } #game-actions button { font-size:8px; padding:12px; } td { font-size:9px; padding:12px 5px; } }