:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#153b32;background:#a8d6ca;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}button{font:inherit}button:focus-visible{outline:3px solid #f5d374;outline-offset:3px}#app{position:relative;isolation:isolate;background:linear-gradient(180deg,#b8ddd0,#84b7a2)}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.wash{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(250,255,239,.1),transparent 35%,rgba(12,48,39,.14));mix-blend-mode:soft-light}.topbar{position:absolute;inset:0 0 auto;z-index:10;min-height:72px;padding:14px 22px;display:flex;justify-content:space-between;align-items:flex-start;gap:18px;background:linear-gradient(180deg,#113a31bf,#113a3100);color:#f6f0d1;pointer-events:none}.brand{display:grid;gap:2px;text-shadow:0 2px 12px rgba(9,40,32,.45)}.brand span{font-size:clamp(20px,2.2vw,30px);font-weight:850;letter-spacing:.17em;line-height:1}.brand small{font-size:9px;font-weight:750;letter-spacing:.25em;opacity:.76}.top-actions{display:flex;gap:8px;pointer-events:auto}.top-actions button,.screen-card button,.close{border:1px solid rgba(246,240,209,.55);border-radius:999px;padding:9px 14px;color:#f8f3d7;background:#153b328c;backdrop-filter:blur(10px);cursor:pointer;transition:transform .15s ease,background .15s ease}.top-actions button:hover,.screen-card button:hover{transform:translateY(-1px);background:#205243d1}.expedition,.habitat{position:absolute;z-index:7;width:min(280px,calc(100vw - 44px));padding:16px 17px;border:1px solid rgba(239,247,218,.55);border-radius:18px;background:#dbebd4ba;box-shadow:0 18px 50px #163d3221;backdrop-filter:blur(14px) saturate(1.1);pointer-events:none}.expedition{left:22px;top:88px}.habitat{right:22px;top:88px}.eyebrow{margin:0 0 7px;color:#446c5c;font-size:9px;font-weight:850;letter-spacing:.22em;text-transform:uppercase}.expedition h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(20px,2.2vw,28px);font-weight:600;line-height:1.05}.expedition>p:not(.eyebrow){min-height:45px;margin:8px 0 13px;font-size:11px;line-height:1.42;color:#355e50}.route-line,.meter,.tension-track{height:5px;overflow:hidden;border-radius:99px;background:#1a493b26}.route-line span,.meter span,.tension-track span{display:block;width:0;height:100%;border-radius:inherit;background:#d96529;transition:width .12s linear}.readout{display:flex;justify-content:space-between;align-items:baseline;margin-top:10px;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.readout strong{font-size:13px;letter-spacing:.02em}.stem-count{display:flex;align-items:center;gap:10px}.stem-count strong{font-family:Georgia,serif;font-size:39px;font-weight:500;line-height:1}.stem-count span{font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;line-height:1.25}.meter{margin:10px 0}.meter span{background:#4f9970;transition:width .25s ease}.meter span.low{background:#d45f2d}.habitat>p:last-child{margin:0;min-height:30px;font-size:10px;line-height:1.35;color:#355e50}.tension-panel{position:absolute;z-index:7;left:50%;bottom:24px;width:min(540px,calc(100vw - 36px));transform:translate(-50%);padding:13px 18px 12px;color:#f7f0d4;border:1px solid rgba(246,240,209,.46);border-radius:18px;background:#133930c7;box-shadow:0 18px 50px #09251f33;backdrop-filter:blur(12px);pointer-events:none}.stance-row{display:grid;grid-template-columns:82px 1fr 82px;align-items:center;gap:12px}.stance-state{font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}#right-anchor{text-align:right}.stance-triangle{position:relative;width:120px;height:24px;justify-self:center}.stance-triangle:before,.stance-triangle:after{content:"";position:absolute;top:12px;width:44px;height:1px;background:#f6f0d159}.stance-triangle:before{left:18px;transform:rotate(30deg);transform-origin:right}.stance-triangle:after{right:18px;transform:rotate(-30deg);transform-origin:left}.stance-triangle i{position:absolute;bottom:0;width:8px;height:8px;border:1px solid #d9d590;border-radius:50%;background:#654936}.stance-triangle i:nth-child(1){left:2px}.stance-triangle i:nth-child(2){right:2px}.stance-triangle .set{background:#b4d99f;box-shadow:0 0 9px #bae7a2b3}.stance-triangle b{position:absolute;left:56px;top:7px;width:9px;height:9px;border-radius:50%;background:#e25f28;box-shadow:0 0 0 3px #e25f282e}.stance-triangle b.steady{box-shadow:0 0 0 3px #d9e08f40}.tension-label{display:flex;justify-content:space-between;margin:7px 0 4px;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.tension-track{position:relative;height:6px;background:#f4f0d226}.tension-track span{background:#d7d88d}.tension-track span.high{background:#ec6a35}.tension-track i{position:absolute;top:-2px;bottom:-2px;left:21%;width:54%;border:1px solid rgba(246,240,209,.45);border-radius:99px}.tension-panel>p{margin:7px 0 0;text-align:center;color:#f6f0d1b3;font-size:9px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.screen{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:88px 20px 24px;background:#1f4b3d4d;backdrop-filter:blur(7px)}.screen[hidden],[hidden]{display:none!important}.screen-card{width:min(570px,100%);max-height:calc(100vh - 112px);overflow:auto;padding:clamp(23px,4vw,42px);border:1px solid rgba(249,244,211,.68);border-radius:28px;color:#183f34;background:linear-gradient(145deg,#eff2d0f5,#b7dac4f2);box-shadow:0 30px 90px #0d312747}.hero-card h2,.screen-card h2{margin:0 0 16px;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,6vw,58px);font-weight:500;line-height:.98;letter-spacing:-.025em}.hero-card h2 em{color:#d45e28;font-weight:500}.screen-card h2{font-size:clamp(30px,5vw,46px)}.screen-card>p:not(.eyebrow){max-width:50ch;margin:0 0 20px;font-size:13px;line-height:1.6;color:#3e6255}.control-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 16px;margin:22px 0;padding:15px 0;border-top:1px solid rgba(37,86,69,.18);border-bottom:1px solid rgba(37,86,69,.18)}.control-grid span{display:flex;align-items:center;gap:5px;min-height:23px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}kbd{min-width:25px;padding:4px 6px;border:1px solid rgba(35,82,66,.25);border-bottom-width:3px;border-radius:5px;background:#fffff466;font:750 10px ui-monospace,monospace;text-align:center}.screen-card button{margin:4px 7px 4px 0;color:#f6f0d2;border-color:#153e332e;background:#255b4b}.screen-card button.primary{min-width:190px;padding:12px 18px;color:#fff2cd;background:#d85e27}.screen-card small{display:block;margin-top:13px;color:#5a766b;font-size:9px;letter-spacing:.08em}.result-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:23px 0}.result-stats div{display:grid;gap:5px;padding:10px 7px;border-radius:10px;background:#3165521a}.result-stats span{font-size:7px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.result-stats strong{font-family:Georgia,serif;font-size:14px;font-weight:600}.help-card{position:absolute;z-index:40;top:82px;right:22px;width:min(380px,calc(100vw - 44px));padding:24px;border:1px solid rgba(246,240,209,.7);border-radius:22px;color:#f7f0d4;background:#143b31f0;box-shadow:0 24px 70px #09271f47;backdrop-filter:blur(18px)}.help-card h2{margin:0 28px 14px 0;font-family:Georgia,serif;font-size:27px;font-weight:500}.help-card p:not(.eyebrow){margin:0 0 12px;color:#f7f0d4c7;font-size:11px;line-height:1.55}.close{position:absolute;top:14px;right:14px;width:35px;height:35px;padding:0;font-size:22px}.touch-controls{position:absolute;z-index:12;left:50%;bottom:132px;transform:translate(-50%);display:none;grid-template-columns:repeat(4,54px);gap:6px}.touch-controls button{min-height:48px;border:1px solid rgba(246,240,209,.45);border-radius:14px;color:#f7f0d4;background:#133930ad;box-shadow:0 8px 20px #09271f21;backdrop-filter:blur(10px);font-size:10px;font-weight:800;touch-action:none}.touch-controls button:active{background:#d85e27}.toast{position:absolute;z-index:20;left:50%;top:84px;max-width:min(470px,calc(100vw - 36px));transform:translate(-50%);padding:9px 15px;border:1px solid rgba(246,240,209,.38);border-radius:999px;color:#f7f0d4;background:#143b31c2;box-shadow:0 10px 30px #09271f1f;backdrop-filter:blur(12px);font-size:10px;font-weight:750;letter-spacing:.05em;text-align:center}.route-choice{margin-top:11px;padding:8px 10px;border:1px solid rgba(226,95,40,.48);border-radius:10px;color:#fff2cd;background:#d85e2729;font-size:9px;font-weight:850;letter-spacing:.08em;line-height:1.35;text-align:center}.route-choice[hidden]{display:none}.habitat-readout{display:flex;justify-content:space-between;gap:10px;margin-top:8px;color:#446c5c;font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.habitat-readout strong{color:#183f34;font-size:9px;text-align:right}.spring-label,.recovery-label{display:flex;justify-content:space-between;margin-top:7px;color:#f7f0d4bd;font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.spring-label strong,.recovery-label strong{color:#f7f0d4;font-size:10px}.spring-track,.recovery-track{position:relative;height:5px;margin-top:4px;overflow:hidden;border-radius:99px;background:#f4f0d226}.spring-track span,.recovery-track span{display:block;width:0;height:100%;border-radius:inherit;background:#b4d99f;transition:width .12s linear}.spring-track i{position:absolute;top:-2px;bottom:-2px;left:46%;width:28%;border:1px solid rgba(246,240,209,.5);border-radius:99px}.recovery-track span{background:#f2df9a}.habitat>#bridge-status{margin:11px 0 2px;min-height:30px;color:#355e50;font-size:10px;line-height:1.35}@media(max-width:760px){.habitat-readout{font-size:7px}.habitat-readout strong,.route-choice{font-size:8px}}@media(pointer:coarse),(max-width:760px){.touch-controls{bottom:194px}.tension-panel{width:min(430px,calc(100vw - 24px))}}@media(max-width:520px)and (orientation:portrait){.habitat{top:247px}.tension-panel{bottom:8px}.touch-controls{bottom:192px}}@media(max-width:760px){.topbar{min-height:62px;padding:12px 13px}.top-actions button{padding:8px 10px;font-size:9px}.top-actions button:nth-child(2){display:none}.expedition{left:12px;top:70px;width:205px;padding:12px}.expedition>p:not(.eyebrow){display:none}.expedition h1{font-size:20px}.habitat{right:12px;top:70px;width:132px;padding:12px}.habitat .eyebrow{font-size:7px}.stem-count strong{font-size:30px}.habitat>p:last-child{min-height:42px;font-size:8px}.tension-panel{bottom:12px;padding:10px 12px}.toast{top:68px}.screen{padding:72px 12px 12px}.screen-card{max-height:calc(100vh - 84px);border-radius:20px}.result-stats{grid-template-columns:repeat(3,1fr)}.help-card{top:68px;right:12px}}@media(pointer:coarse),(max-width:760px){.touch-controls{display:grid}.tension-panel{bottom:10px;width:min(430px,calc(100vw - 24px))}.stance-row{grid-template-columns:65px 1fr 65px}.stance-triangle{transform:scale(.8)}}@media(max-height:620px)and (orientation:landscape){.expedition,.habitat{top:62px}.expedition>p:not(.eyebrow),.habitat>p:last-child{display:none}.screen{padding-top:62px}.hero-card h2{font-size:35px}.hero-card>p:not(.eyebrow){margin-bottom:8px}.control-grid{margin:10px 0;padding:8px 0}.touch-controls{bottom:10px;left:14px;transform:none;grid-template-columns:repeat(4,48px)}.tension-panel{left:auto;right:12px;transform:none;width:390px;bottom:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(min-width:761px){.expedition,.habitat,.tension-panel{border-top:2px solid #d85e27}.screen-card{border-top:3px solid #d85e27}}@media(max-width:760px){.expedition{top:70px;left:10px;right:10px;width:auto}.expedition>p:not(.eyebrow){display:block;min-height:0;margin:6px 0 9px;font-size:10px}.habitat{top:225px;left:10px;right:10px;width:auto}.habitat>p:last-child{min-height:0;margin-top:8px;font-size:9px}.tension-panel{bottom:10px}.screen{padding:72px 10px 12px}.screen-card{max-height:calc(100dvh - 84px)}.screen-card button{min-height:40px}.result-stats{gap:5px}.result-stats div{padding:9px 5px}.help-card{top:68px;right:10px;left:10px;width:auto;max-height:calc(100dvh - 80px);overflow:auto}}@media(max-width:520px)and (orientation:portrait){.habitat>#bridge-status{min-height:0;margin-top:8px;font-size:9px}.habitat{top:258px}.tension-panel{bottom:8px}.touch-controls{bottom:204px}.route-choice{margin-top:8px}}@media(max-height:620px)and (orientation:landscape){.tension-panel{width:360px}.touch-controls{bottom:10px}}@media(min-width:900px){.start-screen{place-items:center start;padding-left:7vw;background:linear-gradient(90deg,#1f4b3d6b,#1f4b3d1f 58%,#1f4b3d05)}.hero-card{width:min(540px,52vw)}}