.view-toolbar{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:12px;color:var(--muted);flex-wrap:wrap}
.view-toolbar button{min-height:36px;min-width:36px;padding:5px 10px;border:1px solid var(--line);border-radius:5px;background:#fff9ed;color:var(--ink);font:16px/1.4 var(--sans);touch-action:manipulation}
.view-toolbar .view-reset{font-size:12px;min-width:76px}.view-toolbar output{min-width:33px;text-align:center;font-variant-numeric:tabular-nums}.view-label{margin-right:3px}.view-toolbar button:disabled{opacity:.4}.frame svg{touch-action:pan-y;aspect-ratio:3/2}.frame svg.is-zoomed{touch-action:none;cursor:grab}.frame svg.is-zoomed:active{cursor:grabbing}
@media(orientation:portrait){.boards{grid-template-columns:minmax(0,1fr)}}
@media(orientation:landscape){.boards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(orientation:landscape) and (max-height:600px){
  body .wrap{padding:8px max(12px,env(safe-area-inset-right,0px)) 12px max(12px,env(safe-area-inset-left,0px));max-width:1450px}
  .masthead{padding-bottom:6px;gap:10px;flex-wrap:nowrap}.brand{font-size:17px}.season{display:none}.player-chip,.music-toggle{padding:4px 9px;min-height:29px;font-size:10px}.player-chip .player-label{font-size:9px}.quiet{padding:4px;font-size:11px}
  #game{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:6px}
  .game-top{grid-column:1/-1;margin:7px 0 0;align-items:center}.game-top h1{font-size:22px;line-height:1.3;margin:2px 0}.chapter{font-size:9px;line-height:1.4}.metrics{gap:20px}.metric span{font-size:9px;margin-bottom:2px}.metric strong{font-size:19px}
  #game .controls{grid-column:1;margin:0;justify-content:flex-start;gap:14px}.hint{padding:5px 10px;font-size:10px}.progress{gap:5px}.progress-label{font-size:10px}.petal{width:8px;height:8px}
  .view-toolbar{grid-column:2;margin:0;gap:5px;flex-wrap:nowrap;font-size:10px}.view-toolbar button{min-height:28px;min-width:30px;padding:3px 7px;font-size:14px}.view-toolbar .view-reset{font-size:10px;min-width:64px}.view-label{display:none}
  .boards{grid-column:1/-1;gap:14px;align-items:start}.board{width:min(100%,calc((100svh - 158px)*1.5));justify-self:center}.board figcaption{font-size:10px;margin-bottom:4px}.frame{padding:2px}
  .game-bottom{grid-column:1/-1;margin:3px 0 0;flex-direction:row;align-items:center;gap:10px}.instruction{display:none}.round-actions{width:auto;justify-content:flex-start}.round-actions .secondary{padding:6px 9px;font-size:10px}
  .levels{grid-column:1/-1;padding:5px 0;margin:0;gap:5px}.level-pill{padding:5px 9px;font-size:10px;min-width:36px}.footer{display:none}
  .scroll-content{padding-top:14px;padding-bottom:5px}.scroll-content>h2{font-size:23px;margin:5px 0}.scroll-content>p.verse{font-size:15px;line-height:1.7;margin:6px auto 10px}.scroll-content .scroll-reveal{width:min(100%,43svh);margin:10px auto}.scroll-actions{padding-top:8px}.scroll-actions .primary{min-height:40px!important}
}