html,body,#app{height:100%;min-height:0;overflow:hidden}
.garden-app>.stage-col{height:100%;max-height:100%;align-self:stretch;position:relative;top:auto}
.garden-app{width:100%;max-width:none;height:100dvh;min-height:0;padding:20px 26px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:28px;overflow:hidden}
.stage-col{min-height:0;display:flex;flex-direction:column;gap:8px}.top{min-height:86px;flex:none}.top h1{font-size:34px}.garden-table{min-height:0;flex:1;display:grid;place-items:center;padding:18px 50px 30px 16px;overflow:hidden}.scene{height:100%;width:100%;max-height:100%;aspect-ratio:auto}#scene-host{height:100%}#scene-host svg{height:100%;width:100%}.table-rake{height:min(180px,25dvh);right:25px}.rake-row{flex:none}.panel-col{min-height:0;display:block;overflow:auto;overscroll-behavior:contain;margin:0;padding:0 6px 0 0;scrollbar-width:thin}#items{grid-template-columns:1fr}.season{border-left:0;border-top:1px solid var(--zc-border);padding:20px 0 0;margin-top:16px}.foot{margin-top:20px}.away{flex:none;max-height:120px;overflow:auto}
.garden-table{display:block}.garden-table .scene{position:absolute;inset:18px 50px 30px 16px;height:auto;width:auto;min-height:0;max-height:none;margin:0}.garden-table #scene-host,.garden-table #scene-host svg{position:absolute;inset:0;width:100%;height:100%}
@media(max-width:700px){.garden-app{grid-template-columns:1fr;grid-template-rows:minmax(270px,1.2fr) minmax(0,1fr);gap:12px;padding:12px 14px}.stage-col{gap:4px}.top{min-height:68px;padding:0}.top h1{font-size:25px;margin:4px 0}.top .eyebrow{margin:0}.stillness-line{top:3px;width:52px;height:52px}.top .rate{margin:4px 0}.garden-table{margin:0;padding:8px 35px 20px 8px;min-height:100px}.garden-caption{font-size:6px;bottom:7px}.table-rake{height:80px;right:18px}.rake-row button{min-height:40px;padding:5px 18px}.hint{font-size:9px}.note{font-size:12px}.stage-col>#sound{min-height:28px;font-size:9px}.panel-col{border-top:1px solid var(--zc-border);padding-top:10px}.section-head h2{font-size:22px}.item{padding:12px 0}.garden-app>.stage-col{gap:4px}}
@media(max-width:700px){.garden-table .scene{inset:8px 35px 20px 8px}}