:root{font-family:system-ui,sans-serif;color:#eff6ee;background:#171e22;color-scheme:dark;--lime:#d4ff70;--cyan:#72eadc;--muted:#b2c6b9;--line:#ffffff20;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#2a3a32,#171e22 70%)}button,input{font:inherit}button{cursor:pointer;border:0;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}button:not(:disabled):hover{filter:brightness(1.15)}a{color:var(--cyan)}[hidden]{display:none!important}.site-header{height:54px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;color:#56636b}.site-header img{width:110px}.site-header>span{font-size:11px;letter-spacing:1px}main{max-width:1100px;margin:auto;padding:8px}.intro{display:flex;justify-content:space-between;align-items:center;margin:16px 0}.intro h1{font-size:40px;line-height:1;margin:0;letter-spacing:-2px}.intro h1 span{color:var(--lime)}.subtitle{color:var(--muted);font-size:14px}.specimen{font:12px monospace;text-align:right}.eyebrow{font:600 11px/1.5 monospace;letter-spacing:1.5px;color:var(--cyan);margin:0 0 10px}.game-shell{position:relative;display:flex;flex-direction:column;height:calc(100dvh - 16px);min-height:360px;border:1px solid #526454;border-radius:10px;overflow:hidden;background:#162326}.instrument-bar{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 12px;background:#202d2c;gap:8px}.instrument-bar>span{font:11px monospace}.instrument-bar b{font-weight:400;color:var(--muted)}.instrument-bar>div{display:flex;align-items:center;gap:10px}.instrument-bar button{background:none;color:#e0ece3;font:11px monospace;min-height:44px;padding:5px}#save-status{font:10px monospace;color:var(--muted)}.game-hud{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line);background:#1e2e2a}.hud-meters{flex:1;min-width:0}#nutrient-totals,.vital-meters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.vital-meters{margin-top:10px}.hud-meter{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px;font-size:13px;color:var(--nutrient,#e1eee3);min-width:0}.hud-meter label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-meter span{font:12px monospace;white-space:nowrap}.hud-meter progress{grid-column:1/-1}.hud-actions{display:flex;flex-direction:column;gap:9px;align-items:center;font:12px monospace}.hud-actions button{font-size:12px;padding:10px}.goal-chip{background:#2d2a1a;border:1px solid #ffc857;color:#ffc857;border-radius:6px;padding:8px 10px;font:600 11px monospace;letter-spacing:.5px;animation:goalpulse 2.2s infinite}.goal-chip.done{border-color:var(--cyan);color:var(--cyan);background:#17342c;animation:none}@keyframes goalpulse{50%{box-shadow:0 0 12px #ffc85766}}progress{display:block;width:100%;height:7px;border:0;border-radius:8px;overflow:hidden;background:#415549;accent-color:var(--nutrient,var(--lime))}progress::-webkit-progress-bar{background:#415549}progress::-webkit-progress-value{background:var(--nutrient,var(--lime));border-radius:8px}progress::-moz-progress-bar{background:var(--nutrient,var(--lime))}progress.low{accent-color:#ff7595}progress.low::-webkit-progress-value{background:#ff7595}#plant-display{width:100px;flex-shrink:0}#plant-display .pea-plant{height:80px}.pea-plant{display:block;width:100%;height:110px;margin:0 auto}.pea-plant path,.pea-plant g{transition:all .6s ease}.growing{animation:grow .9s ease}.celebrate{filter:drop-shadow(0 0 14px var(--lime))}@keyframes grow{50%{transform:scale(1.1)}}.play-layout{flex:1;min-height:0}.viewport{position:relative;height:100%;overflow:hidden;background:#101b20}canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.viewport-top,.viewport-bottom{position:absolute;left:10px;right:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none;font:12px monospace}.viewport-top{top:8px}.viewport-bottom{bottom:8px;font-size:11px}.viewport-top span,.viewport-bottom span:not(:empty){background:#102025ed;border:1px solid #72eadc33;border-radius:5px;padding:7px;color:#d0e7d9}.viewport-top b{color:var(--cyan)}#depth{font-weight:700;color:var(--lime)}#survey-status{position:absolute;top:45px;left:10px;border-left:3px solid #ffc857;padding:6px 9px;background:#2d281ee8;color:#ffe2a0;font:11px monospace;pointer-events:none}#survey-status.surveyed{border-color:var(--cyan);background:#17342ce8;color:#bcf0da}#vital-warning{position:absolute;top:78px;left:10px;right:10px;z-index:1;padding:9px;background:#3d2431ed;color:#ffd3dc;border:1px solid #ff7595;border-radius:6px;font-size:13px;pointer-events:none}#toast{position:absolute;z-index:2;bottom:44px;left:50%;transform:translate(-50%);max-width:90%;width:max-content;border:1px solid #d4ff7077;background:#243a2ff5;color:#eef8df;padding:10px 14px;font-size:13px;line-height:1.5;text-align:center;border-radius:7px;opacity:0;pointer-events:none}#toast.show{opacity:1}#growth-feedback{position:absolute;z-index:2;top:105px;left:50%;transform:translate(-50%);width:210px;padding:12px;background:#18302bf2;border:1px solid #d4ff7066;border-radius:12px;text-align:center;pointer-events:none}#growth-feedback .pea-plant{height:115px;animation:grow 1s ease}#growth-feedback strong,#growth-feedback span{display:block;font-size:13px}#growth-feedback span{font-size:12px;color:var(--muted);margin-top:6px}.game-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px max(8px,env(safe-area-inset-bottom));background:#24322f}.game-controls p{flex:1;min-width:0;font-size:13px;color:#e0efd9;text-align:center}.game-controls #scan{width:100px;height:54px;font-size:15px;flex-shrink:0}.ready{box-shadow:0 0 20px #d4ff7077}.viewport{touch-action:none}#joystick-base{position:fixed;z-index:1;width:88px;height:88px;margin-left:-44px;margin-top:-44px;border-radius:50%;background:#0d1a1d73;border:2px solid #72eadc55;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}#joystick-knob{position:absolute;left:50%;top:50%;width:42px;height:42px;margin-left:-21px;margin-top:-21px;border-radius:50%;background:#354b40dd;border:1px solid #d4ff70aa;transition:transform .05s linear}.drag-hint{width:100px;height:100px;display:block;margin:10px auto}.drag-caption{font-size:13px;color:#c0d5c8;line-height:1.5;margin:0 0 10px}.primary,.secondary,.danger{border-radius:6px;padding:13px 16px;font-size:14px;font-weight:650;line-height:1.4}.primary{background:var(--lime);color:#1c2a1c}.secondary{background:#ffffff0b;color:#e4f0e4;border:1px solid var(--line)}.danger{background:#ff7595;color:#291221}.text-button{display:block;background:none;color:#c5d9cc;padding:10px;margin:5px auto;font-size:13px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:12px;background:#07161ccf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.game-shell:has(.overlay:not([hidden])) .viewport{position:static}.overlay-panel{position:relative;background:#122629;border:1px solid #72eadc22;border-radius:12px;max-width:490px;width:100%;max-height:100%;padding:20px;text-align:center;overflow:auto;scrollbar-width:thin}.overlay-panel h2{font-size:30px;line-height:1.12;letter-spacing:-1px;margin:12px 0}.overlay-panel h2 em{font-style:normal;color:var(--lime)}.overlay-panel>p{font-size:14px;line-height:1.6;color:#c0d5c8}.overlay-panel .primary,.overlay-panel .secondary,.overlay-panel .danger{display:block;width:100%;max-width:320px;margin:8px auto}.hero-mascot{width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 0 22px #b78aff66)}.duration{display:block;color:#bdd0c3;font:11px/1.6 monospace;margin-top:14px}.scan-panel{padding-top:0}.scan-close-bar{position:sticky;top:0;z-index:3;display:flex;justify-content:flex-end;background:#122629f5;padding:4px 0;margin-bottom:8px}.scan-close{width:44px;height:44px;background:none;color:#edf8ef;font-size:30px}.scan-explanation{background:#203c30;border:1px solid #72eadc44;border-radius:8px;padding:14px;text-align:left;margin:14px 0}.scan-explanation h3{font-size:15px;color:var(--lime);margin:0 0 6px}.scan-explanation p{font-size:14px;line-height:1.6;margin:0 0 14px}.scan-explanation p:last-child{margin-bottom:0}.scan-context,.scan-species small{font-size:12px;color:#bdd0c3}.scan-species{overflow-wrap:anywhere}.map-ready{color:var(--lime)!important}.dna-animation{font:700 24px monospace;letter-spacing:3px;color:var(--cyan);margin:24px 0;animation:grow 1.5s infinite}.tutorial-list{text-align:left}.tutorial-list p{font-size:13px;line-height:1.6}.tutorial-list b{display:block}.warning{color:#ffcf75!important}.journal-list{display:grid;gap:10px;text-align:left}.journal-list article{background:#21372f;border:1px solid #72eadc33;padding:14px;border-radius:8px}.journal-list h3{font-size:16px;margin:0 0 8px}.journal-list p{font-size:14px;line-height:1.6}.journal-list a{font-size:13px}.journal-list .community{color:#bad0c2}.upgrades{display:grid;gap:8px}.upgrade{display:flex;gap:12px;align-items:center;padding:12px;background:#203a30;border-radius:8px;text-align:left}.upgrade>div{flex:1}.upgrade-symbol{font-size:25px;color:#bfa0ff}.upgrade h3{font-size:15px;margin:0 0 5px}.upgrade p{font-size:13px;margin:0}.upgrade button{min-width:65px;min-height:44px;border:1px solid #d4ff7088;border-radius:6px;background:#324831;color:var(--lime)}.levels{display:flex;gap:4px;margin-top:6px}.levels i{width:8px;height:8px;border-radius:50%;background:#fff2;border:1px solid #d4ff7055}.levels i.filled{background:var(--lime);border-color:var(--lime)}.lime-text{color:var(--lime)}.results{display:flex;justify-content:center;gap:40px;margin:18px 0;font:12px monospace;color:var(--muted)}.results b{display:block;font-size:24px;color:var(--lime)}.discovery-summary{text-align:left}.discovery-summary p{margin:10px 0;font-size:13px;line-height:1.5}.discovery-summary b,.discovery-summary span{display:block}.discovery-summary span{color:var(--muted)}.challenge{color:var(--lime)!important}body[data-mode=victory] .overlay .pea-plant{height:170px;filter:drop-shadow(0 0 18px #d4ff7055);animation:grow 2s infinite}input[type=range]{display:block;width:100%;min-height:44px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}#navigation-reader:not(.sr-only){position:absolute;z-index:3;bottom:42px;left:8px;right:8px;max-height:45%;overflow:auto;padding:12px;background:#10251bf5;border:1px solid var(--cyan);font-size:15px;line-height:1.6}.large-text .overlay-panel p,.large-text .journal-list p{font-size:18px}.large-text .game-controls p{font-size:15px}.large-text .hud-meter,.large-text .hud-meter span{font-size:14px}.large-text .hud-meter{grid-template-columns:1fr}.large-text .hud-meter progress{grid-column:1}.large-text .viewport-top,.large-text .viewport-bottom{font-size:13px}body[data-mode]:not([data-mode=title]) .intro,body[data-mode]:not([data-mode=title]) .site-header{display:none}.field-notes,footer{display:none}@media(max-width:650px){.site-header{padding:0 12px}.site-header>span{font-size:10px}.intro h1{font-size:30px}.intro .eyebrow,.subtitle,.specimen{display:none}.game-hud{padding:8px;gap:7px}#plant-display{width:42px}#plant-display .pea-plant{height:65px}#nutrient-totals,.vital-meters{gap:8px}.hud-meter{font-size:11px;grid-template-columns:1fr}.hud-meter progress{grid-column:1}.hud-meter span{font-size:11px}.hud-actions{font-size:11px;gap:7px}.hud-actions button{width:60px;padding:6px;font-size:11px}.hud-actions .goal-chip{width:auto;max-width:132px;font-size:9px;padding:5px 6px}.instrument-bar{padding:0 8px}.instrument-bar>span{font-size:10px}.instrument-bar b,#save-status{display:none}.instrument-bar>div{gap:6px}.instrument-bar button{font-size:11px}.game-controls{padding:6px 8px max(6px,env(safe-area-inset-bottom));gap:7px}.game-controls p{font-size:12px}.game-controls #scan{width:68px}.viewport-bottom{font-size:11px}.overlay-panel{padding:14px}.overlay-panel h2{font-size:28px}.scan-panel{padding-top:0}.hero-mascot{width:85px;height:85px}.large-text #plant-display{display:none}.large-text .hud-meter{font-size:14px}.large-text .hud-actions button{font-size:12px}}@media(max-height:500px)and (orientation:landscape){.game-shell{min-height:0}.instrument-bar,.instrument-bar button{min-height:30px}.game-hud{padding:4px 12px}#plant-display .pea-plant{height:52px}.game-controls{padding:4px 10px}#vital-warning{top:auto;bottom:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}