:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#07150f;color:#e8f3cf;--ink: #e8f3cf;--muted: #91a98c;--moss: #7fba68;--lime: #c6e56f;--water: #70c7b7;--violet: #bc7cff;--danger: #d273ff;--panel: rgba(7, 21, 15, .86);--line: rgba(183, 222, 148, .2)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#07150f;user-select:none;-webkit-user-select:none}button,kbd{font:inherit}button{color:inherit}button:focus-visible,canvas:focus-visible{outline:2px solid var(--lime);outline-offset:3px}button{border:1px solid var(--line);background:#163022bd;cursor:pointer;transition:border-color .14s ease,background .14s ease,color .14s ease,transform .14s ease}button:hover:not(:disabled){border-color:#c6e56fad;background:#234931e6}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.42}#vault{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.masthead{position:fixed;z-index:5;top:max(18px,env(safe-area-inset-top));left:24px;right:24px;display:grid;grid-template-columns:minmax(230px,1fr) auto minmax(230px,1fr);align-items:start;gap:20px;pointer-events:none}.brand-block h1{margin:1px 0 0;font-size:clamp(24px,3vw,44px);line-height:.9;letter-spacing:-.06em;font-weight:840;text-shadow:0 3px 24px #000}.brand-block h1 span{color:var(--lime);font-weight:420}.eyebrow{margin:0;color:var(--muted);font-size:10px;line-height:1.4;letter-spacing:.2em;font-weight:760}.seed-readout{justify-self:center;display:flex;align-items:baseline;gap:8px;padding:7px 11px;border:1px solid var(--line);background:#05100a9e;backdrop-filter:blur(10px)}.seed-readout span,.turn-block span,.threat-block span,.meter-label span,.edit-readout>span,.edge-control span{color:var(--muted);font-size:9px;letter-spacing:.16em;font-weight:760}.seed-readout strong{color:var(--lime);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.top-actions{justify-self:end;display:flex;gap:6px;pointer-events:auto}.top-actions button{min-height:34px;padding:7px 10px;border-radius:3px;font-size:10px;letter-spacing:.06em;backdrop-filter:blur(10px)}.telemetry{position:fixed;z-index:4;left:24px;top:104px;width:min(360px,calc(100vw - 48px));display:grid;grid-template-columns:92px 1fr 1fr;grid-template-rows:auto auto;gap:8px 12px;pointer-events:none}.turn-block,.meter-block,.threat-block{border:1px solid var(--line);background:#05100ab8;backdrop-filter:blur(12px)}.turn-block{grid-row:1 / 3;display:flex;flex-direction:column;justify-content:center;padding:10px 12px}.turn-block strong{color:var(--lime);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:27px;line-height:1.1}.turn-block small{color:var(--muted);font-size:12px}.meter-block{padding:8px 10px 9px}.meter-label{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px}.meter-label b{color:var(--ink);font-size:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.meter{height:4px;overflow:hidden;background:#ffffff14}.meter i{display:block;width:52%;height:100%;background:linear-gradient(90deg,#65a968,var(--lime));box-shadow:0 0 14px #c6e56f80;transition:width .24s ease}.ring-meter i{background:linear-gradient(90deg,var(--water),var(--lime))}.threat-block{grid-column:2 / 4;display:flex;align-items:center;justify-content:space-between;padding:7px 10px}.threat-block strong{color:var(--water);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.threat-block.hot strong{color:var(--danger)}.console-panel{position:fixed;z-index:6;top:104px;right:24px;width:min(330px,calc(100vw - 48px));max-height:calc(100vh - 138px);overflow:auto;padding:16px;border:1px solid rgba(183,222,148,.25);border-radius:6px;background:var(--panel);box-shadow:0 18px 60px #00000057;backdrop-filter:blur(18px) saturate(1.25);scrollbar-width:thin}.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:10px;margin-bottom:12px}.panel-heading h2{margin:2px 0 0;font-size:20px;line-height:1.05;letter-spacing:-.03em}#cell-coordinate,#bearing-value{color:var(--lime);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;white-space:nowrap}.tool-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.tool{min-width:0;min-height:68px;padding:7px 4px 6px;border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.tool b{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.tool span{font-size:10px;font-weight:760}.tool small{color:var(--muted);font-size:7px;line-height:1.1}.tool.active{color:#09140b;border-color:var(--lime);background:var(--lime)}.tool.active b,.tool.active small{color:#09140bb3}.edge-control{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding:8px 9px;border:1px solid var(--line)}.edge-control>div{display:grid;gap:2px}.edge-control button{padding:6px 8px;border-radius:3px;color:var(--water);font-size:9px}.edit-readout{margin-top:8px;padding:10px;min-height:92px;border-left:2px solid var(--moss);background:#5d8b4b1a}.edit-readout strong{display:block;margin:4px 0 3px;font-size:13px}.edit-readout p,.preview-panel,.commit-note,.overlay-card p{color:var(--muted);font-size:11px;line-height:1.48}.edit-readout p{margin:0}.preview-panel{margin-top:8px;padding:10px;border:1px solid rgba(112,199,183,.22);background:#2b6a5c1a}.preview-title{display:flex;justify-content:space-between;gap:8px;color:var(--water);font-size:9px;font-weight:780;letter-spacing:.13em}.preview-title b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:0}#preview-summary{min-height:33px;margin-top:5px}.preview-track{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:8px}.preview-track i{height:3px;background:#70c7b72e}.preview-track i:first-child,.preview-track i:nth-child(2){background:var(--water)}.commit-button,.primary-button,.secondary-button{border-radius:3px;font-weight:780;letter-spacing:.03em}.commit-button{width:100%;min-height:44px;margin-top:10px;padding:9px 10px 9px 13px;display:flex;align-items:center;justify-content:space-between;color:#07150f;border-color:var(--lime);background:var(--lime);font-size:12px}.commit-button:hover:not(:disabled){color:#07150f;background:#d5f287}kbd{display:inline-grid;min-width:20px;min-height:18px;place-items:center;padding:1px 4px;border:1px solid currentColor;border-radius:2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;font-weight:650;opacity:.75}.commit-note{margin:6px 0 0;text-align:center;font-size:9px}.dpad{position:fixed;z-index:5;left:24px;bottom:54px;display:grid;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(3,30px);gap:3px}.dpad button{border-radius:3px;color:var(--muted);font-size:8px;font-weight:780}.dpad [data-move=up]{grid-column:2}.dpad [data-move=left]{grid-column:1;grid-row:2}.dpad span{grid-column:2;grid-row:2;display:grid;place-items:center;color:var(--lime);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.dpad [data-move=right]{grid-column:3;grid-row:2}.dpad [data-move=down]{grid-column:2;grid-row:3}.control-legend{position:fixed;z-index:4;left:24px;bottom:18px;display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:9px;pointer-events:none}.control-legend span{display:flex;align-items:center;gap:4px}.toast{position:fixed;z-index:12;left:50%;bottom:24px;min-width:210px;max-width:min(420px,calc(100vw - 40px));padding:9px 14px;border:1px solid var(--line);border-radius:3px;background:#05100af0;color:var(--ink);font-size:11px;text-align:center;opacity:0;transform:translate(-50%,10px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.toast.visible{opacity:1;transform:translate(-50%)}.overlay{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:24px;overflow:auto;background:radial-gradient(circle at 50% 42%,#123721c7,#020906f0 70%);backdrop-filter:blur(9px)}.overlay[hidden]{display:none}#briefing{place-content:center start;padding-left:clamp(34px,7vw,112px);background:linear-gradient(90deg,#07150ffa,#07150fe0 55%,#07150f4d 82%,#07150fad);backdrop-filter:blur(2px)}#briefing .briefing-card{width:min(650px,100%);text-align:left}.overlay-card{width:min(720px,100%);padding:clamp(24px,5vw,52px);border:1px solid rgba(183,222,148,.32);border-radius:8px;background:#07150feb;box-shadow:0 30px 100px #0000008c,inset 0 1px #ffffff0a}.overlay-card h2{margin:8px 0 14px;max-width:680px;font-size:clamp(34px,6vw,66px);line-height:.96;letter-spacing:-.06em}.overlay-card h2 span{color:var(--lime);font-weight:390}.overlay-card>p:not(.eyebrow):not(.audio-note){max-width:590px;font-size:14px;line-height:1.65}.briefing-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:24px 0;background:var(--line)}.briefing-rules div{padding:14px;background:#0a1b12}.briefing-rules b,.help-grid b{color:var(--lime);font-size:10px;letter-spacing:.16em}.briefing-rules span{display:block;margin-top:6px;color:var(--muted);font-size:11px;line-height:1.5}.primary-button,.secondary-button{min-height:44px;padding:10px 16px}.primary-button{color:#07150f;border-color:var(--lime);background:var(--lime)}.primary-button:hover{color:#07150f;background:#d5f287}.secondary-button{margin-left:6px}.audio-note{margin:10px 0 0;font-size:9px;color:#70846e}.compact-card{width:min(460px,100%)}.compact-card h2{font-size:clamp(34px,6vw,52px)}.help-card{width:min(850px,100%)}.help-card h2{font-size:clamp(32px,5vw,52px)}.help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:20px 0;background:var(--line)}.help-grid div{padding:14px;background:#0a1b12}.help-grid p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.ending-card{width:min(620px,100%)}.ending-card h2{color:var(--lime)}#end-overlay{place-content:center start;padding-left:clamp(34px,7vw,112px);background:linear-gradient(90deg,#07150ffa,#07150fe6 55%,#07150f61 82%,#07150fb3)}.ending-card{box-shadow:inset 4px 0 var(--lime),0 24px 70px #0000005c}body[data-outcome=bulwark] .ending-card{box-shadow:inset 4px 0 var(--water),0 24px 70px #0000005c}body[data-outcome=bulwark] .ending-card h2{color:var(--water)}body[data-outcome=aperture] .ending-card{box-shadow:inset 4px 0 var(--lime),0 24px 70px #0000005c}body[data-outcome=scar] .ending-card,body[data-outcome=blight-arrival] .ending-card{box-shadow:inset 4px 0 var(--violet),0 24px 70px #0000005c}body[data-outcome=scar] .ending-card h2,body[data-outcome=blight-arrival] .ending-card h2{color:var(--violet)}body[data-outcome=pulse-collapse] .ending-card,body[data-outcome=timeout] .ending-card{box-shadow:inset 4px 0 var(--muted),0 24px 70px #0000005c}.ending-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin:24px 0;background:var(--line)}.ending-stats div{padding:12px;background:#0a1b12}.ending-stats span{display:block;color:var(--muted);font-size:8px;letter-spacing:.15em}.ending-stats b{display:block;margin-top:5px;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:20px}.ending-stats div:last-child b{font-size:11px;line-height:1.35}.ending-actions{display:flex;flex-wrap:wrap;gap:6px}body[data-phase=playing] .briefing-card{display:none}@media(max-width:900px){.masthead{grid-template-columns:1fr auto}.seed-readout{display:none}.telemetry{width:310px;grid-template-columns:72px 1fr 1fr}.console-panel{width:300px}}@media(max-width:700px){.masthead{top:max(10px,env(safe-area-inset-top));left:12px;right:12px;gap:8px}.brand-block h1{font-size:25px}.brand-block .eyebrow{font-size:8px}.top-actions button{min-height:32px;padding:6px 8px;font-size:8px}.telemetry{top:62px;left:12px;width:calc(100vw - 24px);grid-template-columns:64px 1fr 1fr;gap:4px}.turn-block,.meter-block,.threat-block{padding:6px 7px}.turn-block strong{font-size:21px}.meter-label span,.threat-block span{font-size:7px}.meter-label b,.threat-block strong{font-size:8px}.console-panel{top:auto;right:8px;bottom:max(8px,env(safe-area-inset-bottom));left:8px;width:auto;max-height:42vh;padding:10px;border-radius:5px}.panel-heading{margin-bottom:7px}.panel-heading h2{font-size:16px}.tool-grid{grid-template-columns:repeat(5,1fr)}.tool{min-height:49px;padding:4px 2px}.tool small{display:none}.edge-control{margin-top:5px;padding:5px 7px}.edit-readout{min-height:0;margin-top:5px;padding:7px}.edit-readout p{display:none}.preview-panel{margin-top:5px;padding:7px}.preview-track{display:none}.commit-button{min-height:38px;margin-top:6px}.commit-note{display:none}.dpad{left:12px;bottom:calc(42vh + 22px);grid-template-columns:repeat(3,38px);grid-template-rows:repeat(3,28px)}.dpad button{font-size:7px}.control-legend{display:none}.toast{bottom:calc(42vh + 18px)}.overlay{padding:12px}.overlay-card{padding:22px}.overlay-card h2{font-size:36px}.briefing-rules,.help-grid{grid-template-columns:1fr}.briefing-rules{margin:16px 0}.briefing-rules div{padding:10px}.ending-stats{grid-template-columns:repeat(2,1fr)}#end-overlay,#briefing{place-content:center;padding:12px;background:#07150ff0}}@media(max-height:700px)and (min-width:701px){.console-panel{top:86px;max-height:calc(100vh - 104px)}.telemetry{top:86px}.dpad,.control-legend{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media(min-width:701px){:root{--panel: rgba(7, 21, 15, .94);--line: rgba(183, 222, 148, .26)}.console-panel,.telemetry,.turn-block,.meter-block,.threat-block{box-shadow:0 16px 48px #00000047}.tool small,.commit-note,.audio-note,.mini-legend,.control-legend{color:#b6c9ab}}@media(max-width:700px){:root{--panel: rgba(7, 21, 15, .96);--line: rgba(183, 222, 148, .28)}.masthead{grid-template-columns:minmax(0,1fr) auto;align-items:center}.brand-block{min-width:0}.brand-block h1{font-size:clamp(22px,7vw,27px)}.top-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.top-actions button{min-width:0;min-height:34px;padding:6px 4px;font-size:8px;white-space:nowrap}.telemetry{background:var(--panel)}.console-panel{max-height:min(46vh,360px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.tool span{font-size:9px}.tool small{font-size:8px}.dpad{bottom:calc(min(46vh,360px) + 18px)}.toast{bottom:calc(min(46vh,360px) + 14px);max-width:calc(100% - 24px);white-space:normal}.overlay-card{max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain}.overlay-card h2{font-size:clamp(30px,9vw,38px)}.briefing-rules span,.help-grid p{font-size:10px}.primary-button,.secondary-button{min-height:44px}.ending-stats b{font-size:17px}}@media(max-width:420px){.telemetry{grid-template-columns:58px minmax(0,1fr) minmax(0,1fr)}.meter-label,.threat-block{min-width:0}.meter-label span,.threat-block span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-grid{gap:3px}.tool{padding-inline:1px}.tool span{font-size:8px}}