body{flex-direction:column;min-height:100dvh;display:flex}#app{flex-direction:column;flex:1 0 auto;gap:12px;min-width:0;padding:10px 12px 12px;display:flex}.site-credits{color:var(--text-dim);text-align:center;flex-wrap:wrap;justify-content:center;gap:4px 20px;padding:0 12px 12px;font-size:12px;display:flex}.site-credits a{color:var(--text);text-underline-offset:.2em}.bongo-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;padding:4px 3px 0;display:flex}.bongo-bar .wordmark{color:var(--text);text-transform:uppercase;text-shadow:var(--glow-blue);white-space:nowrap;margin:0}.stage-controls{display:contents}.chorus-panel{flex:1 1 0;min-height:360px}.stage-song{flex-wrap:wrap;align-items:center;gap:4px 7px;min-width:0;display:flex}.stage-song select{width:204px;max-width:100%;min-height:34px;color:var(--text);border:1px solid var(--blue-dim);font:inherit;background:#0c161e;flex:none;padding-inline:7px;font-weight:500}.stage-song .stage-song-play{color:#081917;white-space:nowrap;background:#88dfcb;border-color:#88dfcb;flex:0 0 84px;width:84px;min-height:34px;margin:0;font-weight:500}.stage-song .stage-song-play:hover{color:#081917;background:#b5efdf}.stage-song-error{color:var(--red);flex-basis:100%}.chorus-viewport{flex:auto;min-height:0;position:relative;overflow:hidden}.chorus-viewport>canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.chorus-viewport>canvas:active{cursor:grabbing}.chorus-viewport>canvas:focus-visible{outline-offset:-3px}.stage-status{text-align:center;color:var(--text-dim);margin:28px 14px}.stage-view-tools{flex-wrap:wrap;gap:6px;display:flex}.stage-view-tools .chip{background:#0c161e;min-height:34px;margin:0;font-weight:500}@media (max-width:640px),(max-width:1000px) and (max-height:500px) and (orientation:landscape){#app{reading-flow:grid-rows;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) 8px max(10px, env(safe-area-inset-left));grid-template:"title""stage"minmax(220px,1fr)"controls"/minmax(0,1fr);gap:8px;display:grid}.bongo-bar{display:contents}.bongo-bar .wordmark{letter-spacing:.25em;text-align:center;grid-area:title;padding-block:3px;font-size:clamp(16px,5vw,20px)}.chorus-panel{grid-area:stage;min-height:0}.chorus-viewport>canvas{position:absolute;inset:0}.stage-controls{reading-flow:grid-rows;border:1px solid var(--frame);background:#070e14;grid-area:controls;gap:8px;min-width:0;padding:8px;display:grid}.stage-song{grid-row:1;grid-template-columns:minmax(0,1fr) 84px;min-height:44px;display:grid}.stage-song select{width:100%;min-width:0;min-height:44px;font-size:16px}.stage-song .stage-song-play,.stage-view-tools .chip{letter-spacing:.1em;min-height:44px;font-size:11px}.stage-song>[role=status],.stage-song-error{grid-column:1/-1}.stage-view-tools{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.stage-view-tools .chip{padding-inline:4px}.site-credits{padding:0 max(10px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));letter-spacing:.02em;gap:3px 14px;font-size:11px}@media (orientation:landscape) and (max-height:500px){#app{grid-template:"stage."1fr"stage title""stage controls""stage."1fr/minmax(0,1fr) clamp(200px,31vw,270px)}.stage-song{grid-template-columns:minmax(0,1fr)}.stage-song .stage-song-play{width:100%}}}