:root{--ink: #edf4ff;--muted: #93a7c2;--line: rgba(149, 177, 219, .22);--panel: rgba(8, 17, 31, .78);--indigo: #222f64;--xylem: #6ce0d0;--sap: #f3ca73;--prune: #f78b8c;--stone: #b2b5ed;--canopy: #8be0a8;--recovery: #f3ca73;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:#070e19;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#070e19}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--sap);outline-offset:3px}#app{position:relative;isolation:isolate}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.grain{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.13;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.03) 4px),linear-gradient(90deg,rgba(86,114,206,.05),transparent 35%,rgba(99,225,206,.04) 70%,transparent);mix-blend-mode:screen}.topbar{position:absolute;z-index:8;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:22px 28px;pointer-events:none}.brand{display:flex;align-items:baseline;gap:12px;letter-spacing:.2em}.brand b{font-size:13px}.brand span{color:var(--muted);font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}.actions{display:flex;gap:7px;pointer-events:auto}.actions button,.help-sheet button{min-height:38px;padding:9px 12px;border:1px solid var(--line);background:#060e19cc;color:var(--muted);font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}.actions button:hover,.help-sheet button:hover{border-color:var(--xylem);color:var(--xylem);background:#102b35e6}.chamber-card{position:absolute;z-index:4;top:78px;left:50%;width:min(480px,calc(100vw - 32px));transform:translate(-50%);padding:14px 17px 12px;border:1px solid var(--line);background:linear-gradient(90deg,#08111f73,#08111fe6 18% 82%,#08111f73);backdrop-filter:blur(12px)}.chamber-head,.fork-title,.chamber-copy{display:flex;justify-content:space-between;align-items:center;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}.chamber-head span,.chamber-copy span,.fork-title span{color:var(--xylem)}.chamber-head b,.chamber-copy b,.fork-title b{color:var(--muted);font-weight:500}.depth-rail{position:relative;height:5px;margin:12px 0 9px;background:#839bc829}.depth-rail i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,var(--xylem),var(--sap));box-shadow:0 0 12px #6ce0d06b}.depth-rail span{position:absolute;right:0;top:9px;color:var(--sap);font:8px ui-monospace,SFMono-Regular,Menlo,monospace}.chamber-copy b{color:var(--sap)}.telemetry{position:absolute;z-index:4;top:170px;left:28px;width:min(290px,calc(100vw - 56px));padding:15px 16px;border:1px solid var(--line);border-left:2px solid var(--xylem);background:var(--panel);backdrop-filter:blur(12px)}.meter{display:grid;grid-template-columns:82px 1fr 34px;gap:8px;align-items:center;margin:9px 0;color:var(--muted);font:8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.meter>div{height:4px;background:#85bcbd29;overflow:hidden}.meter i{display:block;width:0;height:100%;background:var(--xylem);box-shadow:0 0 8px var(--xylem);transition:width .1s linear}.meter strong{color:var(--ink);text-align:right;font-weight:500}.meter.sap i{background:var(--sap);box-shadow:0 0 8px var(--sap)}.meter.momentum i{background:var(--prune);box-shadow:0 0 8px var(--prune)}.meter.mass i{background:#929fea;box-shadow:0 0 8px #929fea}.meter.tilt i{background:var(--prune);box-shadow:0 0 8px var(--prune)}.meter.seam i{background:var(--stone);box-shadow:0 0 8px var(--stone)}.readout{display:flex;justify-content:space-between;gap:10px;margin:14px -16px -15px;padding:11px 16px;border-top:1px solid var(--line);font:8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.07em}.readout span{color:var(--muted)}.readout b{color:var(--sap);font-weight:500;text-align:right}.fork-panel{position:absolute;z-index:4;top:170px;right:28px;width:255px;padding:14px 15px;border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(12px)}.fork-title{margin-bottom:12px}.fork-options{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.fork-options div{padding:10px 9px;background:#091121f2}.fork-options b,.fork-options span{display:block;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.fork-options b{color:var(--ink)}.fork-options span{margin-top:6px;color:var(--xylem)}.fork-options div:last-child span{color:var(--stone)}.fork-panel small{display:block;margin-top:11px;color:var(--muted);font:7px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;line-height:1.4}.callout{position:absolute;z-index:7;left:50%;top:29%;transform:translate(-50%);padding:10px 17px;border:1px solid currentColor;background:#060e19e0;font:700 12px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;white-space:nowrap;box-shadow:0 8px 35px #00000057}.callout[hidden]{display:none}.status-ribbon{position:absolute;z-index:4;left:50%;bottom:24px;transform:translate(-50%);width:max-content;max-width:calc(100vw - 40px);padding:9px 14px;background:#050c16c7;border:1px solid var(--line);color:var(--muted);font:8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;text-align:center}.screen{position:absolute;z-index:12;inset:0;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 45%,#111f4047,#030811e6)}.screen[hidden],.help-sheet[hidden]{display:none}.screen-card{width:min(620px,100%);padding:clamp(25px,5vw,48px);border:1px solid var(--line);border-top:2px solid var(--xylem);background:linear-gradient(145deg,#0b182df7,#040a14fc);box-shadow:0 35px 110px #0000009e,0 0 70px #4fafc514}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--xylem);font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em}.eyebrow i{width:28px;height:1px;background:var(--xylem);box-shadow:0 0 8px var(--xylem)}.screen-card h1{margin:22px 0 18px;font-size:clamp(42px,8vw,76px);line-height:.9;letter-spacing:-.07em}.screen-card h1 em{color:var(--xylem);font-style:normal}.screen-card h2{margin:18px 0 12px;font-size:clamp(31px,5vw,48px);line-height:1;letter-spacing:-.05em}.screen-card>p{max-width:520px;margin:0 0 24px;color:var(--muted);font-size:13px;line-height:1.7}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0 0 25px;background:var(--line);border:1px solid var(--line)}.control-grid div{padding:13px;background:#09152a}.control-grid b,.control-grid span{display:block;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em}.control-grid b{color:var(--ink)}.control-grid span{margin-top:5px;color:var(--xylem)}.primary,.secondary{width:100%;min-height:49px;padding:14px 17px;border:1px solid var(--xylem);background:var(--xylem);color:#041413;font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em;transition:box-shadow .2s,background .2s}.primary{display:flex;justify-content:space-between;align-items:center}.primary span{font-size:19px}.primary:hover{background:#a0ffe9;box-shadow:0 0 35px #6ce0d042}.secondary{margin-top:9px;background:transparent;border-color:var(--line);color:var(--muted)}.secondary:hover{color:var(--ink);border-color:var(--muted)}.best-line{margin:17px 0 0!important;color:var(--sap)!important;font:8px ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.12em}.compact{width:min(470px,100%)}.end-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:0 0 24px;background:var(--line)}.end-stats span{padding:12px;background:#09152a;color:var(--muted);font:7px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.end-stats b{display:block;margin-bottom:4px;color:var(--xylem);font-size:16px;font-weight:500}.help-sheet{position:absolute;z-index:18;top:72px;right:28px;width:min(390px,calc(100vw - 32px));padding:22px;background:#050d19f7;border:1px solid var(--line);box-shadow:0 24px 70px #0000008c}.help-sheet h2{margin:14px 0 11px;font-size:25px;letter-spacing:-.04em}.help-sheet p{color:var(--muted);font-size:11px;line-height:1.65}.help-sheet b{color:var(--ink)}.help-sheet button{margin-top:6px}.touch-hint{display:none;position:absolute;z-index:5;left:50%;bottom:59px;transform:translate(-50%);width:max-content;max-width:calc(100vw - 40px);color:#93a7c2bf;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;pointer-events:none}@media(pointer:coarse),(max-width:720px){.topbar{padding:15px 14px}.brand span{display:none}.chamber-card{top:65px}.telemetry{top:153px;left:14px;width:224px;padding:10px 12px}.meter{grid-template-columns:67px 1fr 31px;margin:7px 0}.readout{margin:10px -12px -10px;padding:9px 12px}.fork-panel{top:153px;right:14px;width:186px;padding:10px}.fork-title{margin-bottom:7px}.fork-options div{padding:7px 5px}.fork-panel small{margin-top:7px;font-size:6px}.status-ribbon{bottom:18px;font-size:7px;padding:7px 9px}.touch-hint{display:block;bottom:45px;font-size:7px}.screen-card{max-height:93vh;overflow:auto}.screen-card h1{font-size:45px}}@media(max-width:520px)and (orientation:portrait){.telemetry{top:137px;left:10px;right:10px;width:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:8px}.meter{display:block;margin:0;font-size:6px;text-align:center}.meter label{display:block;margin-bottom:4px}.meter>div{height:3px}.meter strong{display:block;margin-top:3px;font-size:7px}.readout{grid-column:1 / -1;margin:2px -8px -8px;padding:6px 8px;font-size:6px}.fork-panel{top:228px;left:10px;right:10px;width:auto;padding:8px}.fork-title{font-size:7px}.fork-options div{padding:6px 3px}.fork-options b,.fork-options span{font-size:6px;letter-spacing:.05em}.fork-panel small{font-size:6px}.chamber-card{padding-inline:10px}.actions button{padding-inline:7px;font-size:7px}.end-stats{grid-template-columns:1fr 1fr}}@media(max-height:650px)and (orientation:landscape){.chamber-card{top:58px;transform:scale(.82) translate(-50%);transform-origin:top center}.telemetry,.fork-panel{top:68px;transform:scale(.8);transform-origin:top left}.fork-panel{transform-origin:top right}.status-ribbon{bottom:11px}.screen-card{max-height:95vh;overflow:auto;padding:24px 30px}.screen-card h1{font-size:42px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(min-width:721px){.chamber-card,.telemetry,.fork-panel{border-top:2px solid var(--xylem)}.screen-card{border-top-width:3px}}@media(max-width:520px)and (orientation:portrait){.chamber-card{right:10px;width:auto}.telemetry{top:137px;left:10px;right:10px;width:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px}.meter{min-width:0;font-size:7px}.meter label{font-size:7px;letter-spacing:.06em;white-space:normal}.meter strong{font-size:8px}.readout{margin:8px -10px -10px;padding:8px 10px;font-size:7px}.fork-panel{top:270px;left:10px;right:10px;width:auto}.fork-options b,.fork-options span{font-size:8px}.fork-panel small{font-size:7px}.status-ribbon{bottom:16px;font-size:8px}.touch-hint{bottom:47px;font-size:7px}.screen{align-items:start;overflow-y:auto;padding:14px 10px}.screen-card{max-height:calc(100dvh - 28px);padding:28px 20px 22px}.screen-card h1{font-size:clamp(42px,13vw,60px)}.help-sheet{top:64px;right:10px;left:10px;width:auto;max-height:calc(100dvh - 76px);overflow:auto;padding:18px}}@media(max-width:520px)and (orientation:portrait){.telemetry{top:164px}.fork-panel{top:286px}}@media(max-width:520px)and (orientation:portrait){.chamber-card{left:10px;transform:none}}.meter.recovery i{background:var(--recovery);box-shadow:0 0 8px var(--recovery)}.meter.ecology i{background:var(--canopy);box-shadow:0 0 8px var(--canopy)}.momentum-hint{margin:8px 0 2px;color:var(--sap);font:7px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;line-height:1.35}.commitment-strip{position:absolute;z-index:4;left:50%;bottom:51px;transform:translate(-50%);width:max-content;max-width:calc(100vw - 40px);padding:7px 12px;border-left:2px solid var(--canopy);color:var(--canopy);background:#050c16b8;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-align:center;pointer-events:none}.end-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.end-stats b{font-size:14px}@media(max-width:720px){.commitment-strip{bottom:47px;font-size:7px}.touch-hint{bottom:72px}}@media(max-width:520px)and (orientation:portrait){.telemetry{grid-template-columns:repeat(4,minmax(0,1fr))}.momentum-hint,.readout{grid-column:1 / -1}.commitment-strip{bottom:43px;max-width:calc(100vw - 20px)}.status-ribbon{bottom:13px}.touch-hint{bottom:65px}.end-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:900px){.start-screen{place-items:center start;padding-left:7vw;background:linear-gradient(90deg,#030811e6,#0308117a 52%,#03081114)}.start-card{width:min(560px,52vw)}}