nav {display:flex; flex-wrap:wrap; gap:.7rem 1.6rem; margin-bottom:2.4rem; padding-bottom:1.2rem; border-bottom:1px solid #dedede}
.tool-page {max-width:960px}
.tool-page h1 {font-size:3.2rem; line-height:1.25}
.tool-page h2 {font-size:2.6rem}
.answer {font-size:2.2rem; padding:1.6rem; background:#f4f6f7; border-left:4px solid #607d8b}
.cards {display:flex; gap:.6rem; margin:1rem 0 2rem; flex-wrap:wrap}
.cards .card {width:65px}
.daily-artwork {padding:1.2rem; border-radius:6px; background:#eaf1eb center/cover; min-height:100px}
.daily-artwork .card {flex-shrink:0; filter:drop-shadow(0 2px 2px #0005)}
.daily-artwork.artwork-text .card::after {display:none}
.daily-artwork.artwork-text .sr-only {position:static; width:auto; height:auto; clip:auto; overflow:visible; color:#222; background:white; padding:.5rem; border-radius:3px}
.table-scroll {overflow-x:auto}
.table-scroll table {min-width:450px}
.table-scroll .score-breakdown {min-width:0; width:100%}
.table-scroll caption {text-align:left; font-weight:600; padding:1rem 0}
.cut-grid {display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:.5rem; padding-left:2rem}
.share {display:flex; flex-wrap:wrap; align-items:center; gap:1rem; margin:2rem 0}
.share button {margin:0}
.game-link {padding:1.5rem; background:#f2f7ee; border-radius:4px}
fieldset {border:1px solid #ddd; padding:1.5rem}
.pick-cards {display:flex; flex-wrap:wrap; gap:1rem}
.pick-cards label {padding:.8rem; border:1px solid #ccc; border-radius:4px; cursor:pointer}
.pick-cards label:has(input:checked) {background:#e7f1df; border-color:#558b2f}
.error {color:#9b1b25; background:#fff0f1; padding:1rem}
footer {border-top:1px solid #ddd; padding-top:2rem; margin-top:4rem; font-size:1.4rem}
.sr-only {position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap}
[hidden], [v-cloak] {display:none !important}
button:disabled {opacity:.55; cursor:wait}
button, .button {white-space:normal; height:auto; min-height:38px; line-height:1.4; padding:1rem 2rem}
img {max-width:100%; height:auto}
code {white-space:normal; overflow-wrap:anywhere}
input[type=checkbox] {margin-right:.6rem}
:focus-visible {outline:3px solid #1565c0; outline-offset:3px}
@media(max-width:600px) {.tool-page h1{font-size:2.5rem}.content{padding:20px 12px}.cards .card{width:52px}.answer{font-size:1.9rem}}