.choir-page .garden{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;margin:0;padding:0;background:var(--paper);height:100dvh;overflow:hidden}
.choir-page .garden-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;border-bottom:1px solid var(--rule);flex-shrink:0}
.choir-page .garden-header h1{font-size:26px;line-height:1.2;margin-top:3px}
.choir-page .garden-actions{display:flex;gap:8px;flex-wrap:wrap}.choir-page .garden-actions button{font-size:12px}
.choir-page .garden-stage{position:relative;flex:1;min-height:0;overflow:hidden;background:#aebc94}
.choir-page .garden-stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;outline-offset:-4px}.choir-page .garden-stage canvas:active{cursor:grabbing}
.choir-page .garden-caption{position:absolute;top:20px;left:24px;max-width:min(380px,calc(100% - 156px));pointer-events:none;color:#253b34;text-shadow:0 1px 5px #f4f1dc}
.choir-page .garden-caption p{font:18px/1.35 Georgia;margin-top:7px}.choir-page .garden-caption .eyebrow{color:#394e3b}
.choir-page .garden-touch-hint{position:absolute;bottom:8px;left:12px;padding:3px 6px;background:var(--paper);font-size:10px;pointer-events:none}
.choir-page .garden-performers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex-shrink:0;border-top:1px solid var(--rule);padding:7px 16px;gap:8px}
.choir-page .garden-performer{text-align:left;padding:5px 10px;min-width:0;border-color:transparent;border-left:2px solid var(--rule);border-radius:0;overflow:hidden}
.choir-page .garden-performer strong,.choir-page .garden-performer span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.choir-page .garden-performer strong{font-size:12px;font-weight:500}.choir-page .garden-performer span{font-size:10px;color:var(--muted)}.choir-page .garden-performer.singing{background:#dce4cb;border-left-color:var(--copper)}
.choir-page .garden-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px 24px max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--rule);flex-shrink:0}
.choir-page .garden-pad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:44px 44px;gap:4px;touch-action:none;user-select:none}
.choir-page .garden-pad button:first-child{grid-column:2}.choir-page .garden-pad button:nth-child(2){grid-column:1;grid-row:2}.choir-page .garden-pad button:nth-child(3){grid-column:2;grid-row:2}.choir-page .garden-pad button:nth-child(4){grid-column:3;grid-row:2}
.choir-page .garden-pad button,.choir-page .garden-turn button[data-walk]{font-size:23px;line-height:1;padding:4px;width:44px;min-height:44px;background:#f7f5eb;touch-action:none;user-select:none}
.choir-page .garden button.held{background:var(--moss);color:white}.choir-page .garden-instructions{flex:1}.choir-page .garden-instructions p{font-size:12px;margin-bottom:4px}.choir-page .garden-instructions span{font-size:10px;color:var(--muted)}
.choir-page .garden-turn{display:grid;gap:4px}.choir-page .garden-turn div{display:flex;gap:4px}.choir-page .garden-turn>button{font-size:11px;min-height:40px}
@media(max-width:650px){.choir-page .garden-header{padding:9px 12px;gap:6px;flex-wrap:wrap}.choir-page .garden-header h1{font-size:23px}.choir-page .garden-header .eyebrow{font-size:8px}.choir-page .garden-actions{width:100%;gap:5px}.choir-page .garden-actions button{flex:1;min-height:40px;padding:7px 6px;font-size:11px}.choir-page .garden-caption{left:14px;top:16px;max-width:calc(100% - 116px)}.choir-page .garden-caption p{font-size:15px}.choir-page .garden-caption .eyebrow{font-size:8px}.choir-page .garden-performers{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:4px 8px}.choir-page .garden-performer{min-height:40px;padding:3px 7px}.choir-page .garden-performer strong{font-size:11px}.choir-page .garden-performer span{font-size:9px}.choir-page .garden-footer{padding:7px 12px max(7px,env(safe-area-inset-bottom));gap:8px}.choir-page .garden-instructions{display:none}}
@media(max-height:500px) and (min-width:651px){.choir-page .garden-header{padding:5px 14px}.choir-page .garden-header h1{font-size:20px}.choir-page .garden-header .eyebrow{display:none}.choir-page .garden-performers{padding:2px 10px;gap:4px}.choir-page .garden-performer{min-height:38px;padding:1px 6px}.choir-page .garden-footer{padding:4px 14px;gap:16px}.choir-page .garden-pad{display:flex;gap:4px}.choir-page .garden-turn{display:flex}.choir-page .garden-instructions p{font-size:10px}.choir-page .garden-instructions p+p,.choir-page .garden-instructions span{display:none}.choir-page .garden-caption{top:12px;left:16px}.choir-page .garden-caption p{font-size:15px}}