@font-face{font-family:VCR OSD Mono;src:url(/Synesthesia-garden/assets/VCR_OSD_MONO-Ceif2qmb.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Wittgenstein;src:url(/Synesthesia-garden/assets/Wittgenstein-Bold-DRxlDZFQ.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--ink:#4a2e2a;--brass:#d8c7a5;--brass-lite:#e8e2d5;--cream:#f7f1e8;--patina:#1c5e3b;--ink-soft:#897c59;--gold:#c9b38c;--gold-deep:#6e3a07;--soft-green:#a5c5a3;--border-green:#2f6f42;--planter-stroke:#6e3a07;--font:"VCR OSD Mono", ui-monospace, monospace;--font-display:"Wittgenstein", Georgia, "Times New Roman", serif;font-family:var(--font);color:var(--ink);background:var(--patina);font-synthesis:none;text-rendering:optimizelegibility;line-height:1.35}*,:before,:after{box-sizing:border-box}html,body{max-width:100%;height:100%;margin:0;overflow-x:hidden}body{background:var(--patina);height:100svh;min-height:100svh;overflow:hidden}#app{max-width:100%;height:100svh;min-height:100svh;padding:0;display:flex}.shell{flex-direction:column;align-items:stretch;gap:0;width:100%;min-width:0;max-width:100%;height:100%;display:flex}.top-bar{background:var(--cream);border-bottom:4px solid var(--ink);width:100%;min-width:0;max-width:100%;box-shadow:inset 0 -2px 0 var(--brass-lite);z-index:5;flex-wrap:wrap;flex:none;align-items:center;gap:.45rem .85rem;padding:.5rem .75rem;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.top-bar__primary{flex-wrap:wrap;flex:auto;align-items:center;gap:.45rem .85rem;min-width:0;max-width:100%;display:flex}.top-bar__meter{flex-wrap:nowrap;flex:none;align-items:center;gap:.45rem .65rem;min-width:0;margin-left:auto;display:flex}.logo{font-family:var(--font-display);letter-spacing:.01em;color:var(--ink);text-shadow:2px 2px 0 var(--brass-lite);white-space:nowrap;margin:0;font-size:clamp(1.15rem,2.6vw,1.65rem);font-weight:700}.meadow{background:var(--patina);flex:auto;justify-content:stretch;align-items:stretch;width:100%;min-width:0;min-height:0;padding:16px;display:flex;position:relative}.window-frame{--frame-dark:var(--ink);--frame-light:var(--cream);background:var(--patina);width:100%;min-width:0;max-width:none;height:100%;min-height:0;box-shadow:none;border:0;border-radius:0;flex:auto;padding:0;display:flex;position:relative}.window-frame__glass{z-index:1;overscroll-behavior:contain;background:var(--patina);border-radius:0;flex:auto;min-width:0;min-height:0;display:block;position:relative;overflow:hidden auto}.garden-stage{box-sizing:border-box;border:2px solid var(--ink);background:var(--brass-lite);width:100%;min-height:100%;position:relative}.courtyard-caption{z-index:2;font-family:var(--font);letter-spacing:.04em;color:var(--ink);background:var(--cream);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);pointer-events:none;white-space:nowrap;margin:0;padding:.22rem .5rem;font-size:.72rem;position:absolute;top:auto;bottom:10%;left:50%;transform:translate(-50%)}.courtyard-caption[hidden]{display:none}#garden{width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:pan-y manipulation;border:0;display:block;position:relative}#garden.is-over-bloom{cursor:pointer}.meter{flex:none;align-items:center;gap:.35rem;display:flex}.pitch-meter{flex:none;min-width:0}.meter-note{font-family:var(--font);letter-spacing:.04em;color:var(--ink);text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:4.5ch;font-size:.78rem;font-weight:700}.bed-compass{flex:none;grid-template-rows:repeat(2,8px);grid-template-columns:repeat(4,8px);gap:2px;padding:2px;display:grid}.bed-cell{background:var(--brass-lite);border:1px solid var(--ink);display:block}.bed-cell.is-on{background:var(--patina);box-shadow:inset 0 0 0 1px var(--brass)}.status-row{flex-wrap:nowrap;flex:none;align-items:center;gap:.35rem .45rem;min-width:0;display:flex}.undo-btn{flex:none;padding:.18rem .55rem;font-size:.82rem}.map-modal{z-index:3;background:var(--cream);border:2px solid var(--ink);max-width:min(16rem,48%);box-shadow:inset 2px 2px 0 var(--brass-lite), 2px 2px 0 var(--ink);pointer-events:none;flex-direction:column;align-items:stretch;gap:.35rem;padding:.4rem .5rem;display:flex;position:absolute;bottom:8px;right:8px}.map-modal__key{align-items:flex-start;gap:.45rem;min-width:0;display:flex}.map-modal .bed-compass{grid-template-rows:repeat(2,10px);grid-template-columns:repeat(4,10px);gap:2px;padding:0}.map-modal .bed-compass.is-portrait{grid-template-rows:repeat(4,10px);grid-template-columns:repeat(2,10px)}.bed-compass.is-portrait{grid-template-rows:repeat(4,8px);grid-template-columns:repeat(2,8px)}.map-modal__copy{flex-direction:column;gap:.18rem;min-width:0;display:flex}.map-modal__mode,.map-modal__hint,.map-modal__legend{font-family:var(--font);letter-spacing:.02em;min-width:0;margin:0;font-size:.65rem;line-height:1.35}.map-modal__mode{color:var(--ink);display:none}.map-modal__hint{color:var(--ink)}.map-modal__legend{color:var(--ink-soft)}.listen-hint{text-align:center;min-width:0;max-width:none;font-family:var(--font);letter-spacing:.02em;color:var(--ink-soft);flex:8rem;align-self:center;margin:0;font-size:.72rem;line-height:1.3}.bloom-inspect{align-items:center;gap:.4rem;min-width:0;display:flex}.bloom-inspect[hidden]{display:none}.bloom-inspect canvas{width:auto;height:80px;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.bloom-inspect__meta{flex-direction:column;gap:.08rem;min-width:0;display:flex}.bloom-inspect__meta strong{font-family:var(--font-display);color:var(--ink);font-size:.9rem}.bloom-inspect__meta span{font-family:var(--font);letter-spacing:.03em;color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.68rem}.meter-label{font-family:var(--font);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);min-width:3.2rem;font-size:.72rem;font-weight:700}.meter-track{background:var(--cream);border:2px solid var(--ink);min-width:8rem;max-width:16rem;height:12px;box-shadow:inset 2px 2px 0 var(--brass);border-radius:0;flex-direction:row;flex:0 12rem;align-items:stretch;display:flex;overflow:hidden}.meter-fill{--pitch:0%;width:var(--pitch);background:var(--patina);height:100%;transition:width 80ms linear,background .15s}.status{font-family:var(--font);color:var(--ink-soft);white-space:nowrap;flex:none;align-items:center;min-width:8ch;font-size:.78rem;display:flex}.controls{flex-wrap:wrap;flex:auto;justify-content:flex-start;align-items:center;gap:.4rem;min-width:0;display:flex}.mode-toggle{border:2px solid var(--ink);background:var(--cream);box-shadow:inset 2px 2px 0 var(--brass-lite), 2px 2px 0 var(--ink);border-radius:0;align-items:stretch;margin-left:auto;display:inline-flex;overflow:hidden}.mode-toggle[hidden]{display:none}.mode-btn{font-family:var(--font);letter-spacing:.02em;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:0;padding:.28rem .7rem;font-size:.88rem;font-weight:700}.mode-btn+.mode-btn{border-left:2px solid var(--ink)}.mode-btn:hover{color:var(--ink);background:var(--brass-lite)}.mode-btn[aria-pressed=true]{color:var(--ink);background:var(--brass);box-shadow:inset 2px 2px 0 var(--gold-deep), inset -1px -1px 0 var(--brass-lite)}.mode-btn[aria-pressed=true]:hover{color:var(--ink);background:var(--gold)}.btn{font-family:var(--font);letter-spacing:.02em;border:2px solid var(--ink);background:var(--brass-lite);color:var(--ink);cursor:pointer;box-shadow:inset 2px 2px 0 var(--cream), inset -2px -2px 0 var(--brass), 2px 2px 0 var(--ink);border-radius:0;padding:.3rem .85rem;font-size:.95rem;font-weight:700}.btn:hover{background:var(--cream)}.btn:active{box-shadow:inset 2px 2px 0 var(--brass), 1px 1px 0 var(--ink)}.btn.primary{background:var(--patina);color:var(--cream);box-shadow:inset 2px 2px 0 var(--brass-lite), inset -2px -2px 0 var(--ink), 2px 2px 0 var(--ink)}.btn.primary.active{background:var(--planter-stroke);color:var(--cream)}.btn:disabled{opacity:.5;cursor:default;pointer-events:none}.btn:disabled:hover,.btn.primary:disabled:hover{background:var(--brass-lite);color:var(--ink)}.btn.primary:disabled:hover{background:var(--patina);color:var(--cream)}.btn.ghost{color:var(--ink-soft);border-color:color-mix(in srgb, var(--ink) 38%, var(--brass-lite));box-shadow:1px 1px 0 color-mix(in srgb, var(--ink) 28%, transparent);background:0 0}.btn.ghost:hover{background:var(--brass-lite);color:var(--ink)}.btn.ghost:active{box-shadow:inset 1px 1px 0 var(--brass)}.btn.ghost:disabled:hover,.btn.ghost:disabled:active{color:var(--ink-soft);box-shadow:1px 1px 0 color-mix(in srgb, var(--ink) 28%, transparent);background:0 0}.btn:focus-visible,.mode-btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 5px var(--brass)}@media (width<=900px){.top-bar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"logo meter""controls meter";align-items:center;gap:.35rem .55rem;padding:.4rem .55rem;display:grid}.top-bar__primary{display:contents}.logo{grid-area:logo;min-width:0;font-size:1.05rem}.controls{grid-area:controls;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr) minmax(0,1fr);align-items:stretch;gap:.4rem;width:100%;display:grid}.controls .btn{text-align:center;white-space:nowrap;box-sizing:border-box;flex:none;justify-content:center;align-items:center;width:100%;height:100%;min-height:2.5rem;padding:.42rem .35rem;font-size:.82rem;line-height:1;display:flex}.controls .btn.ghost{background:var(--cream);color:var(--ink);border-color:var(--ink);box-shadow:inset 2px 2px 0 var(--brass-lite), inset -2px -2px 0 var(--brass), 2px 2px 0 var(--ink)}.controls .btn.ghost:disabled:hover,.controls .btn.ghost:disabled:active{background:var(--cream);color:var(--ink);box-shadow:inset 2px 2px 0 var(--brass-lite), inset -2px -2px 0 var(--brass), 2px 2px 0 var(--ink)}.listen-hint,.mode-toggle{display:none}.top-bar__meter{flex-direction:column;grid-area:meter;justify-content:center;align-items:flex-end;gap:.2rem;margin-left:0}.meter-track{flex:0 9rem;min-width:6.5rem;max-width:12rem}.map-modal{width:auto;max-width:none;padding:.3rem .4rem;position:absolute;bottom:8px;left:8px;right:8px}.garden-stage{padding-bottom:5.5rem}.map-modal.is-inspecting{max-width:none}.map-modal.is-inspecting .map-modal__key{display:none}.map-modal__mode{display:block}.bloom-inspect canvas{height:40px}.bloom-inspect__meta strong{font-size:.8rem}.courtyard-caption{font-size:.65rem;top:8px;bottom:auto}}@media (prefers-reduced-motion:reduce){.meter-fill{transition:none}}@media (width<=720px){.meadow{padding:8px}.meter-track{flex-direction:column;flex:none;justify-content:flex-end;width:10px;min-width:10px;max-width:none;height:2.35rem}.meter-fill{width:100%;height:var(--pitch);transition:height 80ms linear,background .15s}}@media (width<=420px){.top-bar{column-gap:.4rem;padding:.32rem .4rem}.logo{font-size:.95rem}.meter-label{display:none}.map-modal{max-width:none;left:6px;right:6px}.map-modal.is-inspecting{max-width:none}.bloom-inspect canvas{height:32px}}