/* A focused extension of the existing Midnight Clue Desk palette. */
.game-header{max-width:1120px;padding-top:20px;padding-bottom:20px}
#game{max-width:1120px;padding-top:30px}
#game .game-heading{align-items:flex-end;margin-bottom:24px}
#game .game-heading h1{font-size:42px;font-weight:600;letter-spacing:-.035em}
#game .game-heading p{font-size:14px;margin-top:10px}
#game .edition{gap:6px;padding-bottom:3px}
#game .edition>span:first-child{font-size:13px;color:#f3f6fc}
#game .mode-bar{margin-bottom:28px}
#game .mode-switch{padding:4px;background:#17243a}
#game .mode-switch button{min-height:44px;padding:8px 24px}
#game .game-layout{grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:64px;align-items:start;padding-bottom:44px}
#game .clue-panel{padding-top:14px}
#game .section-heading h2{font-size:23px;font-weight:600}
#game .section-heading>span{font-size:12px;color:#bac7db}
#game .panel-description{font-size:13px;margin:9px 0 26px;max-width:28ch}
#game #clues li{padding:16px 0;gap:15px;min-height:58px;align-items:center}
#game #clues li:first-child{padding-top:0}
#game #clues .clue-index{min-width:30px;background:transparent;color:#9fb3d0;font-size:12px}
#game #clues .active{align-items:flex-start;min-height:104px;padding-bottom:24px}
#game #clues .active .clue-index{min-width:34px;height:34px;background:#b7ed8c;color:#15282c;margin-top:3px}
#game #clues .active p{font-size:23px;line-height:1.45;letter-spacing:-.02em;font-weight:500;margin:0}
#game #clues .past p{font-size:14px;line-height:1.65;color:#adbed4}
#game #clues .locked p{font-size:12px;color:#9fb3d0;margin:0}
#game #clues .locked .clue-index{background:transparent;color:#9fb3d0}
#game .clue-tip{display:none}
#game .side-note{display:block;padding-top:20px}
#game .mini-tiles{display:none}
#game .side-note h2,#game .side-note>p:not(.independent-note){display:none}
#game .hint-link{font-size:13px;margin-top:0;color:#f3f6fc}
#game .daily-reset{margin-top:24px;padding-top:20px;align-items:center}
#game .daily-reset strong{display:inline-block;margin-top:4px;color:#f3f6fc;font-size:15px;letter-spacing:.02em;font-weight:500;font-variant-numeric:tabular-nums}
#game .side-note .independent-note{font-size:12px;line-height:1.7;margin:22px 0 0}
#game .board-panel{padding:24px 28px 22px;border-radius:16px}
#game .board-caption{font-size:12px;margin-bottom:22px;color:#bac7db}
#game #board{max-width:350px;gap:7px}
#game .tile{font-size:29px;font-weight:600}
#game .board-row.current .tile{border-color:#4b5e7b;background:#1e2e46}
#game .board-panel:focus-within .board-row.current .tile{border-color:#8c9cfb}
#game .tile.filled{border-color:#b9c7ff;background:#263650}
#game #answer-form{max-width:350px;margin-top:16px}
#game #answer{padding:11px 13px;min-height:46px;background:#111e32}
#game #feedback{min-height:21px;margin:8px 0 10px;font-size:12px;line-height:1.6}
#game #keyboard{max-width:416px}
#game .key{height:46px;min-height:46px;font-size:13px;font-weight:600}
#game .key.wide{font-size:12px}
#game .keyboard-note{margin:12px 0 14px;font-size:12px;color:#adbed4}
#game .color-key{font-size:12px;gap:18px;padding-top:14px;border-top:1px solid #2b3950}
#game #result{max-width:380px;margin:25px auto 0;padding-top:22px;border-top:1px solid #2b3950}
#game #result-title{font-size:25px;line-height:1.25;font-weight:600}
#game #result-copy{font-size:14px;line-height:1.75}
#game .result-actions{gap:10px;margin-top:20px}
#game .result-actions button{min-height:46px}

@media(max-width:1050px) and (min-width:701px){
 .game-header,#game{max-width:960px}
 #game .game-layout{grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:34px}
 #game .board-panel{padding:22px}
 #game #clues .active p{font-size:21px}
 #game .side-note h2{font-size:19px}
}
@media(max-width:700px){
 .game-header{padding:14px 18px}
 #game{padding:20px 18px 0}
 #game .game-heading{align-items:center;gap:12px;margin-bottom:17px}
 #game .game-heading h1{font-size:29px;line-height:1.15;font-weight:600}
 #game .game-heading p{font-size:12px;line-height:1.5;margin-top:7px}
 #game .edition{font-size:12px;gap:4px;padding:0;flex-shrink:0}
 #game .edition>span:first-child{font-size:12px}
 #game .mode-bar{margin-bottom:18px}
 #game .mode-switch{width:100%}
 #game .mode-switch button{flex:1;min-height:44px;padding:8px 18px;font-size:13px}
 #game .game-layout{display:flex;gap:17px;padding-bottom:30px}
 #game .clue-panel{padding:0}
 #game .section-heading h2{font-size:14px;font-weight:600}
 #game .section-heading>span{font-size:12px}
 #game .panel-description,#game .side-note{display:none}
 #game #clues{margin-top:11px}
 #game #clues li,#game #clues .active{border:0;min-height:0;padding:0;gap:12px}
 #game #clues .active .clue-index{min-width:30px;height:30px;margin-top:0;font-size:12px}
 #game #clues .active p{font-size:18px;line-height:1.45;letter-spacing:-.015em;padding-top:1px}
 #game #clues.show-history .past{padding-bottom:11px;margin-bottom:11px;border-bottom:1px solid #2b3950}
 #game #clue-history.visible{margin-top:8px;min-height:36px}
 #game .board-panel{padding:16px 14px 18px;border-radius:14px}
 #game .board-caption{margin-bottom:14px;font-size:12px}
 #game #board{max-width:300px;gap:5px}
 #game .tile{font-size:23px}
 #game #answer-form{max-width:300px;margin-top:12px}
 #game #answer{min-height:44px;padding:9px 11px;font-size:16px}
 #game #feedback{min-height:18px;margin:7px 0 9px;font-size:12px}
 #game .key{height:44px;min-height:44px;font-size:12px}
 #game .key.wide{font-size:12px}
 #game .keyboard-note{font-size:12px;margin:10px 0 12px}
 #game .color-key{font-size:12px;gap:12px;padding-top:12px}
 #game #result{margin-top:18px;padding-top:18px}
 #game #result-title{font-size:23px}
 #game .result-actions{flex-wrap:wrap;margin-top:15px}
 #game .result-actions button{flex:1;white-space:nowrap;padding:10px 12px;font-size:12px}
}
@media(max-width:350px){
 #game{padding-left:12px;padding-right:12px}
 #game .game-heading h1{font-size:26px}
 #game .edition{font-size:12px}
 #game .edition>span:first-child{font-size:12px}
 #game #clues .active p{font-size:17px}
 #game .board-panel{padding-left:10px;padding-right:10px}
 #game .tile{font-size:21px}
 #game .color-key{gap:8px}
}