:root{color-scheme:light;--cream: #f4ecdc;--cream-deep: #e7dcc4;--ink: #241c16;--muted: #5c5146;--woodland: #24382d;--bark: #6d4c38;--moss: #3f6848;--line: #4a3224;--coral: #e07a5f;--gold: #e2b656;--lavender: #b7a4d6;--sky: #7eb6d6;--leaf: #7d9a72;--panel: rgba(255, 248, 234, .94);font-family:Iowan Old Style,Palatino,Palatino Linotype,Georgia,serif}body.high-contrast{--cream: #fff8ea;--ink: #140e0a;--muted: #24180f;--line: #140e0a;--panel: #fffdf6}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100dvh;background:radial-gradient(circle at 20% 10%,#355544,transparent 40%),#1a2820;color:var(--ink);display:grid;place-items:center}body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{animation:none!important;transition:none!important}button,input{font:inherit;color:inherit}button{min-height:48px;min-width:48px;border-radius:999px;border:2px solid var(--line);background:var(--cream);padding:.55rem 1rem;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:2px}button:disabled{opacity:.55;cursor:not-allowed}.shell{width:min(480px,100%);height:100dvh;background:var(--cream);color:var(--ink);display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:relative;overflow:hidden}.banner{margin:.5rem .75rem 0;padding:.6rem .75rem;background:#f3e0c2;border:2px solid var(--bark);border-radius:12px}.screen{display:none;flex:1;min-height:0;flex-direction:column}.screen.active{display:flex}.title,.garden{padding:1.25rem 1.1rem 1.5rem;gap:.8rem}.eyebrow{margin:0;letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;color:var(--moss)}h1,h2,p{margin:0}h1{font-size:2.4rem;line-height:.95;font-weight:600}h2{font-size:1.6rem;font-weight:600}.lede{color:var(--muted);line-height:1.4}.actions,.row{display:flex;flex-wrap:wrap;gap:.6rem}.primary{background:var(--moss);color:#f7f1e4}.tree{width:min(100%,280px);align-self:center}.level-list{display:flex;flex-direction:column;gap:.6rem}.level{text-align:left;border-radius:16px;padding:.75rem .9rem;display:grid;gap:.15rem;min-height:72px}.level small{color:var(--muted)}.hud{display:flex;gap:.6rem;align-items:flex-start;padding:.55rem .7rem .2rem}.hud-copy{min-width:0}.hud-copy p{font-size:.92rem;line-height:1.3}.quiet{color:var(--muted)}#stage{flex:1;min-height:220px;position:relative;touch-action:none}.hint{margin:0 .7rem;padding:.55rem .7rem;background:var(--panel);border:2px solid var(--bark);border-radius:12px;display:flex;gap:.5rem;align-items:center;justify-content:space-between}.bar{display:grid;grid-template-columns:1fr auto 1fr auto;gap:.45rem;align-items:center;padding:.45rem .6rem .7rem}.dew{display:flex;align-items:center;gap:.35rem;min-height:48px;min-width:0}.dew svg{width:28px;height:28px;flex:none}.dew span{font-size:.82rem;line-height:1.15}.dew-coral{color:#8c3d2c}.dew-gold{color:#7a5410}.dew-lavender{color:#4c3d78}.dew-sky{color:#1d4e6c}.dew-leaf{color:#234226}body.high-contrast .dew{font-weight:700}dialog{border:2px solid var(--line);border-radius:18px;background:var(--cream);color:var(--ink);width:min(420px,calc(100% - 1.5rem));padding:1rem}dialog::backdrop{background:#1a282073}.dialog-card{display:grid;gap:.7rem}fieldset{border:2px solid var(--line);border-radius:12px;display:grid;gap:.45rem;margin:0;padding:.7rem}label{display:flex;gap:.55rem;align-items:center;min-height:48px}.note{color:var(--muted);font-size:.9rem;line-height:1.35}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.stars{letter-spacing:.12em}
