:root{--deep: #062028;--deep-2: #0b3440;--foam: #eaf7f4;--foam-dim: #b6d3d2;--grass: #a9e26a;--grass-deep: #4f9a4a;--sand: #e6dcb8;--warn: #ffcf7a;--shadow: 0 2px 18px rgba(0, 20, 26, .55);--ui-font: "Avenir Next", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#04161c;color:var(--foam);font-family:var(--ui-font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:none}#stage,#stage canvas{position:fixed;inset:0;display:block}#stage canvas{width:100%;height:100%}#ui{position:fixed;inset:0;pointer-events:none;z-index:2}#ui>*{position:absolute;inset:0}.pointer{pointer-events:auto}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}.btn{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;gap:.55em;padding:.85em 1.9em;border-radius:999px;background:linear-gradient(180deg,var(--grass) 0%,var(--grass-deep) 100%);color:#06251a;font-weight:650;font-size:clamp(.95rem,2.6vmin,1.15rem);letter-spacing:.02em;box-shadow:var(--shadow),inset 0 1px #ffffff73;transition:transform .12s ease,filter .12s ease}.btn:hover{filter:brightness(1.07)}.btn:active{transform:scale(.97)}.btn--ghost{background:#0620288c;color:var(--foam);border:1px solid rgba(234,247,244,.28);backdrop-filter:blur(8px);box-shadow:var(--shadow);font-weight:550}.icon-btn{pointer-events:auto;width:2.9rem;height:2.9rem;border-radius:50%;display:grid;place-items:center;background:#06202880;border:1px solid rgba(234,247,244,.22);backdrop-filter:blur(8px);box-shadow:var(--shadow);font-size:1.1rem;line-height:1;transition:transform .12s ease,background .12s ease}.icon-btn:hover{background:#0a3440b3}.icon-btn:active{transform:scale(.93)}.icon-btn[aria-pressed=true]{background:#a9e26a38;border-color:var(--grass)}:focus-visible{outline:3px solid var(--grass);outline-offset:3px;border-radius:4px}.screen{display:flex;overflow-y:auto;overscroll-behavior:contain;padding:calc(1.5rem + var(--safe-t)) calc(1.5rem + var(--safe-r)) calc(1.5rem + var(--safe-b)) calc(1.5rem + var(--safe-l));text-align:center;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s}.screen[data-on=true]{opacity:1;visibility:visible;pointer-events:auto}.screen--scrim{background:radial-gradient(ellipse at center,#04161c8c,#04161ce0)}.stack{margin:auto;display:flex;flex-direction:column;align-items:center;gap:clamp(.6rem,2.2vmin,1.1rem);max-width:46rem;width:100%}h1{margin:0;font-size:clamp(2rem,8vmin,4rem);font-weight:300;letter-spacing:.06em;line-height:1.05;text-transform:uppercase;text-shadow:0 3px 26px rgba(0,0,0,.6)}h1 b{display:block;font-weight:700;color:var(--grass);letter-spacing:.02em}.lede{margin:0;max-width:34rem;font-size:clamp(.95rem,2.7vmin,1.15rem);line-height:1.55;color:var(--foam-dim)}.credit{margin:0;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#b6d3d2b8}#loading{background:#04161c}.bar{width:min(18rem,60vw);height:3px;border-radius:2px;background:#eaf7f429;overflow:hidden}.bar i{display:block;height:100%;width:0;background:var(--grass);transition:width .25s ease}.nada{width:clamp(6rem,22vmin,11rem);aspect-ratio:1;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #a9e26a80,0 8px 40px #0000008c;background:#12386b}.speaker{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--grass);margin:0}.speaker-role{display:block;margin-top:.25em;color:var(--foam-dim);letter-spacing:.14em}.subtitle{min-height:4.4em;display:grid;align-items:center;font-size:clamp(1.05rem,3.3vmin,1.5rem);line-height:1.4;font-weight:400;max-width:30rem;text-shadow:0 2px 14px rgba(0,0,0,.75)}.subtitle span{opacity:0;animation:rise .45s ease forwards}@keyframes rise{0%{opacity:0;transform:translateY(.4em)}to{opacity:1;transform:none}}.icon-row{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(.7rem,3vmin,1.6rem);margin:.4rem 0 0;padding:0;list-style:none}.icon-row li{display:flex;flex-direction:column;align-items:center;gap:.4rem;width:clamp(4rem,15vmin,5.6rem)}.icon-row img{width:100%;height:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.icon-row strong{font-size:.74rem;font-weight:600;letter-spacing:.02em;color:var(--foam)}.icon-row small{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--foam-dim);line-height:1.3}.icon-row li[data-action=plant] small{color:var(--grass)}.skip{opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s}.skip[data-on=true]{opacity:1;visibility:visible}#hud{padding:calc(.8rem + var(--safe-t)) calc(.8rem + var(--safe-r)) calc(.8rem + var(--safe-b)) calc(.8rem + var(--safe-l));display:grid;grid-template-rows:auto 1fr auto;opacity:0;transition:opacity .4s ease}#hud[data-on=true]{opacity:1}.hud-top{display:flex;align-items:flex-start;gap:.8rem}.hud-bottom{display:flex;align-items:flex-end;justify-content:center}.meter{flex:1;max-width:30rem;pointer-events:none}.meter-label{display:flex;justify-content:space-between;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--foam-dim);margin-bottom:.35rem;text-shadow:0 1px 6px rgba(0,0,0,.7)}.meter-track{height:8px;border-radius:999px;background:#04161c8c;border:1px solid rgba(234,247,244,.18);overflow:hidden}.meter-fill{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#6aa86a,var(--grass));transition:width .3s ease}.timer{font-variant-numeric:tabular-nums;font-size:.95rem;color:var(--foam);text-shadow:0 1px 6px rgba(0,0,0,.7)}.hud-actions{display:flex;gap:.5rem}.counts{display:flex;gap:1.2rem;font-size:.8rem;letter-spacing:.08em;color:var(--foam-dim);text-shadow:0 1px 6px rgba(0,0,0,.8)}.counts b{color:var(--foam);font-variant-numeric:tabular-nums}.toast{position:absolute;left:50%;top:18%;transform:translate(-50%,-.5rem);padding:.6em 1.4em;border-radius:999px;background:#062028b8;backdrop-filter:blur(10px);border:1px solid rgba(234,247,244,.2);font-size:clamp(.9rem,2.6vmin,1.1rem);letter-spacing:.04em;opacity:0;transition:opacity .4s ease,transform .4s ease;pointer-events:none;white-space:nowrap}.toast[data-on=true]{opacity:1;transform:translate(-50%)}.toast--storm{background:#1c100ac7;border-color:#ffcf7a80;color:var(--warn)}.tally{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(1rem,5vmin,2.6rem);margin:.5rem 0 .4rem;padding:0;list-style:none}.tally li{display:flex;flex-direction:column;gap:.2rem}.tally b{font-size:clamp(1.6rem,6vmin,2.6rem);font-weight:300;color:var(--grass);font-variant-numeric:tabular-nums;line-height:1}.tally small{font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:var(--foam-dim)}.species{font-size:.85rem;color:var(--foam-dim);max-width:28rem;line-height:1.5}.row{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center}.sheet{position:absolute;right:calc(.8rem + var(--safe-r));top:calc(3.9rem + var(--safe-t));width:min(17rem,calc(100vw - 1.6rem));padding:1rem 1.1rem;border-radius:1rem;background:#062028e6;backdrop-filter:blur(14px);border:1px solid rgba(234,247,244,.18);box-shadow:var(--shadow);display:none;gap:.85rem;flex-direction:column;text-align:left;pointer-events:auto}.sheet[data-on=true]{display:flex}.sheet h2{margin:0;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--foam-dim);font-weight:600}.field{display:flex;align-items:center;justify-content:space-between;gap:.8rem;font-size:.9rem}.seg{display:flex;border-radius:999px;overflow:hidden;border:1px solid rgba(234,247,244,.22)}.seg button{padding:.34em .8em;font-size:.78rem;color:var(--foam-dim);background:transparent}.seg button[aria-pressed=true]{background:var(--grass);color:#06251a;font-weight:650}.hint{margin:0;font-size:.72rem;line-height:1.45;color:#b6d3d2bf}.sheet-btn{padding:.45em 1.1em;font-size:.75rem}.sheet .row{gap:.5rem;justify-content:flex-start}#debug{position:absolute;left:calc(.8rem + var(--safe-l));bottom:calc(.8rem + var(--safe-b));width:min(20rem,calc(100vw - 1.6rem));max-height:70vh;overflow:auto;padding:.8rem;border-radius:.75rem;background:#020c10eb;border:1px solid rgba(169,226,106,.35);font:11px/1.5 ui-monospace,SF Mono,Menlo,Consolas,monospace;color:#cfe9d6;display:none;pointer-events:auto}#debug[data-on=true]{display:block}#debug h3{margin:0 0 .5rem;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--grass)}#debug .grid{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.6rem}#debug button{padding:.28em .6em;border-radius:.3rem;font:inherit;background:#a9e26a1f;border:1px solid rgba(169,226,106,.3);color:#cfe9d6}#debug button:hover{background:#a9e26a40}#debug dl{display:grid;grid-template-columns:auto 1fr;gap:0 .7rem;margin:0 0 .6rem}#debug dt{color:#cfe9d699}#debug dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}#debug label{display:flex;align-items:center;gap:.4rem;margin-bottom:.3rem}#debug input[type=range]{flex:1;accent-color:var(--grass)}.tap-hint{position:absolute;left:50%;bottom:calc(14% + var(--safe-b));transform:translate(-50%);font-size:clamp(.85rem,2.4vmin,1rem);letter-spacing:.08em;color:var(--foam);text-shadow:0 2px 12px rgba(0,0,0,.8);opacity:0;transition:opacity .5s ease;pointer-events:none}.tap-hint[data-on=true]{opacity:1;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}.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}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.08s!important}}