/* The board gets the space; routine controls live in the game menu. */
.app{grid-template-rows:42px minmax(0,1fr);gap:6px;padding-top:8px;padding-bottom:8px}
.masthead{border:0}.wordmark{font-size:30px}.top-actions{gap:6px}
.screen-button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:5px 9px;background:#133a31d9;border:1px solid #91a97b80;border-radius:8px;color:#eee7cc;font-size:13px}
.screen-button svg{height:18px;width:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#menu-open{border-radius:8px;width:36px;height:34px;min-height:34px}#menu-open svg{height:18px;width:18px}
.play-panel{grid-template-columns:52px minmax(0,1fr) 30px 62px;grid-template-rows:26px 19px minmax(0,1fr) 44px 30px 18px;gap:4px;min-width:0;max-width:560px}
.bonus-strip{grid-column:1/-1;grid-row:1}.board-heading{grid-column:1/-1;grid-row:2}.board-surround{grid-column:1/-1;grid-row:3;padding:3px 4px}
.word-tray,.play-actions{display:contents}
.word-preview{grid-column:2;grid-row:4;display:flex;align-items:center;min-width:0;gap:5px;padding:3px 7px;background:#08251eea;border:1px solid #91a97b80;border-radius:8px;touch-action:manipulation;user-select:none;-webkit-user-select:none;cursor:pointer}
.word-preview.can-play{border-color:#d2be80;background:#15392bdc}
.selected-word{display:block;min-width:0;overflow:auto;white-space:nowrap;max-height:none;font-size:21px;letter-spacing:.3px;line-height:1.3;overflow-wrap:normal;scrollbar-width:none}.selected-word::-webkit-scrollbar{display:none}.selected-word.placeholder{font-size:12px;white-space:normal;line-height:1.2}.selected-word.placeholder.bloom-preview{font-size:13px}
#word-points{font-size:12px;flex-shrink:0}.clear-button{grid-column:3;grid-row:4;height:44px;width:30px;border-radius:7px;font-size:23px;background:#193b32}
#bloom{grid-column:1;grid-row:4;min-height:44px;min-width:0;padding:4px;gap:2px;font-size:13px}#bloom>span:not(.bloom-count){display:none}.bloom-icon{width:23px;height:23px}.bloom-count{min-width:18px;min-height:22px;padding:1px 3px}
#submit{grid-column:4;grid-row:4;min-height:44px;padding:5px;font-size:14px;gap:0}
.message{grid-column:1/-1;grid-row:5;font-size:12px;line-height:15px;align-self:center}.board-instructions{grid-column:1/-1;grid-row:6;line-height:18px}
.menu-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.menu-actions button{display:flex;align-items:center;justify-content:center;min-height:44px;width:auto;padding:9px;font-size:14px;border:1px solid #78978580;border-radius:8px;background:#13392f;color:#eee7cc}.menu-actions #sound{grid-column:1/-1;gap:10px}.menu-actions #sound::after{content:attr(title);font-size:14px}.menu-actions #shuffle{font-size:14px}.menu-actions .collection-link{gap:5px}.modal #save-status{max-width:none;text-align:left;font-size:12px}.modal #fullscreen-tip{font-size:13px}.modal-top h1{font-size:27px;margin:0 0 6px}
:fullscreen{background:#071b28}.screen-button:disabled{opacity:.65}
@media(max-width:620px) and (orientation:portrait){
 .app{height:100svh;height:100dvh;max-width:460px;grid-template-rows:34px minmax(0,1fr);gap:3px;padding:max(3px,env(safe-area-inset-top)) 6px max(3px,env(safe-area-inset-bottom))}
 .masthead{padding:0}.wordmark{font-size:25px}.wordmark i{font-size:12px}.top-actions{gap:5px}.screen-button{font-size:12px;min-height:32px;padding:4px 7px}#menu-open{height:32px;min-height:32px;width:32px}
 .game-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:41px minmax(0,1fr);gap:3px}
 .score-panel{display:grid;grid-template-columns:85px minmax(0,1fr);grid-template-rows:16px 21px;padding:1px 7px;gap:0 9px;align-self:stretch;border-radius:8px}
 .score-block{grid-column:1;grid-row:1/3;justify-content:center}.score{font-size:25px;line-height:1;margin:0 0 1px}.best{font-size:10px}.level-block{grid-column:2;grid-row:1;margin:0}.level-heading{height:16px;font-size:12px}.mode-button{min-height:18px;height:18px;font-size:11px;padding:0 7px;z-index:1}
 .lantern-progress{grid-column:2;grid-row:2;display:flex;align-items:center;gap:5px;padding:0;margin:0}.lantern-heading{display:block}.lanterns{display:grid;grid-template-columns:repeat(6,1fr);margin:0;gap:0;flex:1;min-width:0}.lantern,.lantern img{height:21px;width:auto}.lantern-heading .eyebrow,#lantern-next{display:none}#lantern-count{font-size:12px}
 .play-panel{grid-template-columns:49px minmax(0,1fr) 28px 52px;grid-template-rows:24px 18px minmax(0,1fr) 44px 26px;gap:3px;width:100%;max-width:none}.board-instructions{display:none}
 .bonus-strip{font-size:12px;padding:0 6px}#bonus-word{font-size:17px}#bonus-reward{font-size:11px}.board-heading,.board-heading>span:last-child{font-size:12px}.board-surround{padding:2px 3px;border-radius:10px}
 .board{width:min(100cqw,calc(100cqh * .782123));height:min(100cqh,calc(100cqw * 1.278571))}
 .tile .letter{font-size:clamp(21px,6vw,28px);margin-top:-4px}.tile.cluster .letter{font-size:22px}.tile .tile-value{font-size:10px;bottom:8%}.tile.bonus2 .letter{margin-top:-5px}
 .selected-word{font-size:20px}.selected-word.placeholder{font-size:12px}.clear-button{width:28px}.message{font-size:12px;line-height:13px}.word-preview{padding:3px 6px}#word-points{font-size:11px}
}
@media(max-width:620px) and (max-height:620px) and (orientation:portrait){
 .app{grid-template-rows:32px minmax(0,1fr)}.wordmark{font-size:24px}.game-layout{grid-template-rows:38px minmax(0,1fr)}.score-panel{grid-template-rows:16px 19px}.score{font-size:24px}.lantern,.lantern img{height:19px}
 .play-panel{grid-template-rows:23px 17px minmax(0,1fr) 44px 26px}.board-heading,.board-heading>span:last-child{font-size:11px}.tile .letter{font-size:21px;margin-top:0}.tile.cluster .letter{font-size:19px}.tile:not(.bonus2) .tile-value{display:none}.tile.bonus2 .letter{margin-top:-5px}.tile.bonus2 .tile-value{display:block;font-size:10px;bottom:5%}.selected-word{font-size:18px}
}
/* Full-screen layout is also available when native fullscreen is unsupported. */
.app.play-fullscreen{max-width:none;height:100svh;height:100dvh;grid-template-rows:minmax(0,1fr);position:relative;padding:max(3px,env(safe-area-inset-top)) max(5px,env(safe-area-inset-right)) max(3px,env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left));gap:0}
.play-fullscreen .masthead{position:absolute;z-index:6;right:max(5px,env(safe-area-inset-right));top:max(3px,env(safe-area-inset-top));height:30px;padding:0}
.play-fullscreen .wordmark{display:none}.play-fullscreen #fullscreen{min-height:30px;height:30px;font-size:12px;padding:3px 7px}.play-fullscreen #fullscreen svg{width:16px;height:16px}.play-fullscreen #menu-open{width:30px;height:30px;min-height:30px}
.play-fullscreen .game-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:30px minmax(0,1fr);gap:3px;padding:0}
.play-fullscreen .score-panel{width:calc(100% - 111px);max-width:430px;display:grid;grid-template-columns:70px minmax(0,1fr);grid-template-rows:28px;gap:5px;align-self:stretch;padding:0 4px;border:0;background:none;box-shadow:none}
.play-fullscreen .score-block{display:flex;grid-column:1;grid-row:1;justify-content:center;min-width:0}.play-fullscreen .score{font-size:23px;line-height:1;margin:0;letter-spacing:-.5px}.play-fullscreen .best,.play-fullscreen .score-block .eyebrow,.play-fullscreen .level-block,.play-fullscreen .recent-block,.play-fullscreen .pace-note{display:none}
.play-fullscreen .lantern-progress{grid-column:2;grid-row:1;display:flex;align-items:center;gap:4px;padding:0;margin:0;border:0;min-width:0}.play-fullscreen .lantern-heading{order:2;display:block}.play-fullscreen .lantern-heading .eyebrow,.play-fullscreen #lantern-next{display:none}.play-fullscreen .lanterns{flex:1;min-width:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:0}.play-fullscreen .lantern,.play-fullscreen .lantern img{height:26px;width:100%;object-fit:contain}.play-fullscreen #lantern-count{font-size:12px}
.play-fullscreen .play-panel{display:grid;grid-template-columns:52px minmax(0,1fr) 30px 60px;grid-template-rows:24px 18px minmax(0,1fr) 44px 26px;gap:3px;width:100%;max-width:760px;align-self:stretch;justify-self:center}
.play-fullscreen .board-instructions{display:none}.play-fullscreen .board-surround{padding:1px 2px}.play-fullscreen .tile .letter{font-size:clamp(22px,6vw,34px)}.play-fullscreen .tile.cluster .letter{font-size:clamp(20px,5vw,28px)}
@media(max-width:360px){.play-fullscreen .score-panel{grid-template-columns:53px minmax(0,1fr)}.play-fullscreen .score{font-size:20px}.play-fullscreen .lantern,.play-fullscreen .lantern img{height:21px}.play-fullscreen .play-panel{grid-template-columns:47px minmax(0,1fr) 28px 50px}.play-fullscreen #lantern-count{font-size:11px}}
@media(max-height:430px) and (orientation:landscape){
 .app{grid-template-rows:30px minmax(0,1fr);gap:3px;padding:3px max(5px,env(safe-area-inset-right)) 3px max(5px,env(safe-area-inset-left))}.masthead .wordmark{font-size:24px}
 .game-layout{grid-template-columns:140px minmax(0,1fr);gap:8px}.score-panel{padding:7px}.level-heading{flex-direction:row}.play-panel{grid-template-columns:48px minmax(0,1fr) 28px 56px;grid-template-rows:23px 17px minmax(0,1fr) 40px 26px;gap:3px;max-width:none}.board-surround{grid-column:1/-1;grid-row:3}.word-preview{grid-column:2;grid-row:4;align-self:stretch;display:flex}.word-tray,.play-actions{display:contents}.message{grid-column:1/-1;grid-row:5;align-self:center}.clear-button,#bloom,#submit{height:40px;min-height:40px!important}.bloom-icon{display:block;width:21px;height:21px}.play-panel #submit{grid-column:4}.board-instructions{display:none}.tile .letter{font-size:19px}
 .app.play-fullscreen{grid-template-rows:minmax(0,1fr)}.play-fullscreen .play-panel{grid-template-columns:minmax(0,1fr) 190px;grid-template-rows:23px 17px minmax(0,1fr) 44px;column-gap:7px;max-width:940px}.play-fullscreen .board-surround{grid-column:1;grid-row:1/5}.play-fullscreen .bonus-strip{grid-column:2;grid-row:1;font-size:11px}.play-fullscreen #bonus-word{font-size:15px}.play-fullscreen #bonus-reward{font-size:10px}.play-fullscreen .board-heading{grid-column:2;grid-row:2;flex-wrap:wrap;align-content:start;font-size:10px}.play-fullscreen .board-heading>span:last-child{font-size:10px}.play-fullscreen .word-tray{display:grid;grid-template-columns:minmax(0,1fr) 28px;grid-column:2;grid-row:3;align-self:center;gap:3px;padding:0;background:none;border:0;box-shadow:none}.play-fullscreen .word-preview{grid-column:1;grid-row:1;min-height:40px;padding:3px}.play-fullscreen .clear-button{grid-column:2;grid-row:1}.play-fullscreen .message{grid-column:2;grid-row:3;align-self:end;font-size:11px;line-height:13px}.play-fullscreen .play-actions{display:grid;grid-template-columns:50px minmax(0,1fr);grid-column:2;grid-row:4;gap:5px}.play-fullscreen #bloom{grid-column:1;grid-row:1;min-height:44px!important}.play-fullscreen #submit{grid-column:2;grid-row:1;min-height:44px!important}.play-fullscreen .tile .letter{font-size:23px}.play-fullscreen .tile.cluster .letter{font-size:21px}
}

.game-maker{margin:0 0 16px;color:#b7c8b0;font-size:14px;line-height:1.4}.game-maker strong{font-weight:500;color:#e2dfc2}.extra-help{margin:18px 0}.extra-help p{font-size:14px;line-height:1.6}