:root{color-scheme:light;--leaf: #2d6a4f;--leaf-dark: #1b4332;--banana: #f4d35e;--cream: #fff8e7;--ink: #1b1b1b;--sky: #8ecae6;--btn: #40916c;--btn-ink: #fff8e7;font-family:Nunito,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;max-width:100%;min-height:100%;min-height:100dvh;background:var(--leaf-dark);color:var(--ink);touch-action:manipulation;user-select:none;-webkit-user-select:none}html,body{overflow-x:hidden}#app{height:auto}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#app,.screen,.play{min-height:100%}.screen{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;min-height:100dvh;overflow-x:hidden;overflow-y:auto;padding:1.2rem max(1rem,env(safe-area-inset-right)) 2rem max(1rem,env(safe-area-inset-left));background:radial-gradient(circle at 20% 10%,#95d5b2 0,transparent 28%),linear-gradient(180deg,var(--sky),#52b788 55%,var(--leaf))}.menu h1,.pad h1{margin:.2rem 0;font-size:2.1rem;color:#081c15}.lead,.muted{text-align:center;max-width:22rem}.logo{width:160px;height:160px;border-radius:28px;box-shadow:0 10px #1b4332;background:#fff;object-fit:cover}.stack,fieldset{display:flex;flex-direction:column;gap:.7rem;width:min(22rem,100%)}.row{display:flex;gap:.6rem}.btn,.key,.tab,.back,.letter{border:0;border-radius:16px;font:inherit;font-weight:800;padding:.85rem 1rem;background:var(--cream);color:var(--leaf-dark);box-shadow:0 5px #1b4332}.btn.primary{background:var(--banana)}.btn.ghost{background:transparent;box-shadow:none;color:var(--cream)}.btn.wide{grid-column:1 / -1}.btn:active,.key:active,.tab:active{transform:translateY(3px);box-shadow:0 2px #1b4332}.back{align-self:flex-start;padding:.45rem .8rem}.back.tiny{font-size:.85rem}.pad{align-items:stretch;text-align:left;gap:1.2rem}.screen.pad>*{width:min(22rem,100%);max-width:100%;margin-inline:auto;overflow-wrap:break-word}.screen.pad>.back{width:auto;margin-left:max(0px,calc((100% - min(22rem,100%))/2));margin-right:auto}.pad h1,.pad h2,.pad p,.pad label,.pad legend{overflow-wrap:anywhere}.pad h2{margin-top:1.2rem}.hud-stack{display:flex;flex-direction:column;gap:.15rem}label,.check{display:flex;flex-direction:column;gap:.5rem;font-weight:800}.check{flex-direction:row;align-items:center;gap:.7rem;padding:.35rem 0;min-height:2.6rem}.pad .tab{padding:.48rem .85rem}.screen.pad>.btn,.screen.pad>.reset-box{margin-top:.45rem}select{width:100%;max-width:100%;font:inherit;font-weight:800;padding:.7rem;border-radius:12px;border:3px solid var(--leaf-dark)}.tabs{display:flex;flex-wrap:wrap;gap:.4rem}.tab.on,.letter.on{background:var(--banana)}.scores{width:min(22rem,100%);padding:0;list-style:none}.scores li.mine{background:var(--banana);box-shadow:0 0 0 3px #1b4332}.scores .tag{background:var(--leaf-dark);color:var(--cream);border-radius:999px;padding:.1rem .5rem;font-size:.75rem}.scores li,.scoreline{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.4rem .8rem;background:#fff8e7d9;padding:.65rem .8rem;border-radius:12px;margin-bottom:.45rem}.play{position:relative;isolation:isolate;height:100dvh;overflow:hidden;background:#1b4332}.hud{position:absolute;inset:0 0 auto 0;z-index:4;padding:.45rem .6rem;background:linear-gradient(180deg,rgba(27,67,50,.75),transparent);color:var(--cream);font-weight:800}.hud-goal{margin:0 0 .15rem;text-align:center;font-size:1.05rem;letter-spacing:.03em;color:var(--banana);text-shadow:0 1px 0 #1b140c}.hud-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}[data-progress]{white-space:nowrap}[data-lives]{display:flex;align-items:center;gap:.12rem}.life-slot{display:block;width:1.55rem;height:1.55rem}.life-slot.lost{opacity:.28}.life-icon{display:block;width:100%;height:100%;overflow:visible}.rotten-meter{display:flex;align-items:center;gap:.35rem;padding:.12rem .45rem .12rem .5rem;border-radius:999px;background:#1b140c73;box-shadow:inset 0 0 0 2px #8d6e4a}.rotten-label{font-size:.72rem;letter-spacing:.02em;text-transform:uppercase}.rotten-slots{display:flex;align-items:center;gap:.15rem}.rotten-slot{display:block;width:1.65rem;height:1.65rem}.rotten-icon{display:block;width:100%;height:100%;overflow:visible}.rotten-icon .peel{fill:#6c584c;stroke:#3d3226;stroke-width:1.5}.rotten-icon .stem{fill:#3f2f22}.rotten-icon .spot{fill:#4d7c4a}.rotten-icon.ripe .peel{fill:#f4d35e;stroke:#c2780a}.rotten-icon.ripe .stem{fill:#6b4226}.rotten-icon.ripe .spot{fill:transparent}.rotten-icon.ape .ape-head,.rotten-icon.ape .ape-ear,.rotten-icon.ape .ape-pad{fill:#3b2416}.rotten-icon.ape .ape-face{fill:#f0c4a0}.orangutan .ape-head,.orangutan .ape-pad{fill:#c4541a}.orangutan .ape-face{fill:#241610}.rotten-icon .cross{opacity:0;fill:none;stroke-linecap:round;stroke-linejoin:round}.rotten-slot:not(.on){opacity:.78}.rotten-slot.on .cross{opacity:1;filter:drop-shadow(0 0 2px rgba(140,18,32,.55))}.rotten-icon .cross-shadow{stroke:#4a0d14;stroke-width:6.4}.rotten-icon .cross-body{stroke:#d0172c;stroke-width:3.8}.rotten-icon .cross-shine{stroke:#ff8a8a;stroke-width:1.35;opacity:.8}#stage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;display:block;touch-action:none}.overlay-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.overlay-layer:not(:empty){pointer-events:auto}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;background:#1b4332e0;color:var(--cream);text-align:center}.overlay h2{font-size:1.6rem}.overlay p{max-width:22rem;overflow-wrap:break-word}.mode-pill{background:var(--banana);color:var(--leaf-dark);border-radius:999px;padding:.2rem .8rem;font-weight:800}.answer{min-width:7rem;font-size:2.4rem;font-weight:900;background:var(--cream);color:var(--leaf-dark);border-radius:16px;padding:.3rem .8rem;margin-bottom:.6rem}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;width:min(20rem,100%)}.name-field{width:min(22rem,100%);text-align:left}.name-field input,input[data-name]{width:100%;font:inherit;font-size:16px;font-weight:800;padding:.7rem;border-radius:12px;border:3px solid var(--banana);background:var(--cream);color:var(--leaf-dark);user-select:text;-webkit-user-select:text}.reset-box{display:flex;flex-direction:column;gap:.5rem}.reset-box p{margin:0}.scores li span{flex:1 1 8rem;overflow-wrap:anywhere}.install-page{align-items:stretch;text-align:left;max-width:none;width:100%;margin:0;overflow:auto;user-select:text;-webkit-user-select:text}.install-page>*{width:min(40rem,100%)}.install-hero{text-align:center;margin-bottom:.6rem}.logo.small{width:96px;height:96px;border-radius:20px;box-shadow:0 6px #1b4332}.install-page h2{margin:1.2rem 0 .4rem}.install-page h3{margin:1rem 0 .3rem}.install-page p,.install-page li{font-weight:600;line-height:1.45}.install-page ol{padding-left:1.2em}.install-page li{margin-bottom:.55rem}