/* Fit the original game between OTA navigation and its reserved ad banner. */
#app{min-height:100svh;padding:12px 20px 10px}
#game{flex:1;display:flex;flex-direction:column;margin-bottom:0}
.masthead{min-height:80px}.seven{font-size:112px;top:45%;opacity:.48}h1{font-size:clamp(27px,4vw,38px)}
.tagline{margin:2px 0 12px}.puzzlebar{margin:0 0 12px}.eyebrow{font-size:12px;letter-spacing:1px}
.game-grid{gap:20px}.board{max-width:calc((100svh - 214px)/.96);margin:auto}
.play-panel{padding:18px;margin-top:0}.progress-row{margin-bottom:16px}
.rule-row,.input-label,.message{font-size:14px}.rule-key{width:54px}.selected-title{font-size:23px}
.edition-note,footer{display:none}.completion{padding-top:12px;margin-top:10px}
.completion h2{font-size:22px}.completion p{display:none}.completion .primary{margin-top:8px}
.board-caption{font-size:12px;margin:2px 0 0}
@media(max-width:799px){
 #app{padding:10px 12px 8px}#game{margin:0}.masthead{min-height:68px}.seven{font-size:94px}
 .tagline{margin:0 0 8px;font-size:12px}.puzzlebar{margin-bottom:6px}.puzzle-picker .eyebrow{margin-bottom:4px}
 .game-grid{gap:8px}.board{max-width:calc((100svh - 394px)/.96);min-width:220px}.board-caption{display:none}
 .play-panel{padding:12px 14px}.progress-row{margin-bottom:8px;font-size:13px}
 .selected-heading .eyebrow,.selected-heading .selected-title{font-size:12px}
 #rules{margin-top:6px}.rule-row{font-size:13px;line-height:1.4;margin:4px 0}
 #answer-form{margin-top:8px}.input-label{margin-bottom:4px;font-size:13px}
 .answer-input{padding:10px 12px;min-height:44px}.message{font-size:13px;line-height:1.4;min-height:19px;margin-top:6px}
 .completion{padding-top:8px;margin-top:8px}.completion .eyebrow,.completion h2{display:none}.completion .primary{margin:0}
}
@media(min-width:600px) and (max-height:560px){
 #app{max-width:1020px;padding:8px 14px}.masthead{min-height:72px}.seven{font-size:90px;top:40%}.tagline{display:none}
 .puzzlebar{margin:0 0 6px}.puzzle-picker .eyebrow{display:none}
 .game-grid{grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:center}
 .board{max-width:calc((100svh - 164px)/.96);min-width:150px}.board-caption{display:none}
 .play-panel{padding:10px 14px}.selected-heading{display:flex;justify-content:space-between;align-items:center}
 .selected-title{font:12px Arial,sans-serif;margin:0}.selected-heading .eyebrow{margin:0}.progress-row{margin-bottom:8px}
 #rules{margin-top:6px}.rule-row{font-size:13px;line-height:1.4;margin:4px 0}#answer-form{margin-top:8px}
 .answer-input{padding:10px 12px}.message{font-size:13px;line-height:1.4;min-height:19px;margin-top:6px}
 .completion .eyebrow,.completion h2,.completion p{display:none}
}

.daily-details{font-size:12px;color:var(--muted);line-height:1.35;margin:auto 0 0;padding-top:12px;text-align:center}
.new-daily{border:1px solid #c3cfe8;background:#eef3ff;color:#2451bd;border-radius:18px;padding:8px 11px;font-size:12px;max-width:115px}
.puzzlebar .quiet{flex-shrink:0}
@media(max-width:799px){.daily-details{font-size:11px}.new-daily{max-width:90px;padding:7px}.puzzlebar{gap:8px}}

/* Prismatic light on deep blue: the board's three colors illuminate the room. */
:root{color-scheme:dark;--ink:#f3f5ff;--muted:#b5bfd8;--gold:#ffe39b;--line:#9baada35;background:#10182f;color:var(--ink)}
body{background:radial-gradient(ellipse at 17% 24%,#274da657 0,transparent 52%),radial-gradient(ellipse at 85% 32%,#812e6a3b 0,transparent 48%),radial-gradient(ellipse at 50% 95%,#96762e24 0,transparent 53%),linear-gradient(155deg,#131e3b,#0c1225 75%);background-attachment:fixed}
.masthead .seven{margin-top:0;opacity:.66;filter:saturate(1.3);text-shadow:0 0 36px #869cfa25}
h1{color:#f2f4ff;text-shadow:0 3px 24px #060c2477}
.puzzle-picker select{background:#ffffff0d;border:1px solid #c5d3ff2b;color:#f1f4ff}
.puzzle-picker option,.puzzle-picker optgroup{background:#17213c;color:#f1f4ff}
.quiet,.dialog-close{background:#ffffff09;border-color:#b7c6f34a;color:#d8e1fb}
.quiet:hover,.dialog-close:hover{background:#ffffff16;color:#fff}
.play-panel{background:linear-gradient(145deg,#22304ce8,#17213ae8);border-color:#b0c4ff3d;box-shadow:0 18px 45px #04091945,inset 0 1px 0 #ffffff0b;backdrop-filter:blur(12px)}
.progress-row strong{color:#fff2bd}.dot{background:#7185b447}.dot.filled{background:#ffe193;box-shadow:0 0 8px #ffdf8460}
.answer-input{background:#0f1930b8;border-color:#8095c65e;color:#fff}
.answer-input::placeholder{color:#a9b7d1}.answer-input:focus{border-color:#a6beff;box-shadow:0 0 0 3px #98b5ff1c}
.message.error{color:#ffa6b4}.message.success{color:#a0e7c1}
.rule-values .separator{color:#8292b5}.daily-details,.board-caption,.input-label{color:#b5bfd8}
.new-daily{background:#263f6f;border-color:#9db8f86b;color:#e2ebff}
.space{color:#263149}.space.empty{color:#293247}
dialog{background:linear-gradient(145deg,#22304d,#121b31);border-color:#a7b9eb45;color:#f3f5ff;box-shadow:0 30px 100px #030713a0}
dialog p,dialog li{color:#c6cee1}.credits{color:#aab5ce!important}dialog::backdrop{background:#070b1cb5}

@media(max-width:599px){.complete .board{max-width:calc((100svh - 444px)/.96);min-width:180px}}