:root{--bg:#101f28;--panel:#142730;--cream:#f0ead5;--muted:#93a7a5;--teal:#86baa7;--orange:#eaa77e;--line:#334a50;--mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--cream)}body{font-family:var(--mono);overscroll-behavior:none}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}button,a,input{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--orange)}button{border-radius:0}a{color:inherit;text-decoration:none}.app{max-width:1600px;margin:0 auto;padding:0 4.4vw;min-height:100dvh;display:flex;flex-direction:column;justify-content:center}.topbar{height:90px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.wordmark{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:800;letter-spacing:1.5px}.wordmark>svg{width:20px;height:20px;fill:var(--teal)}.edition{margin-left:12px;padding-left:22px;border-left:1px solid var(--line);font-size:10px;font-weight:400;letter-spacing:2px;color:var(--muted)}.top-right{display:flex;align-items:center;gap:12px}.network-status{font-size:9px;letter-spacing:1.5px;margin-right:13px;color:var(--muted)}.network-status i,.footer-mission i{width:5px;height:5px;background:var(--teal);display:inline-block;margin-right:8px}.icon-button{width:34px;height:34px;border:1px solid var(--line);background:transparent;color:var(--cream);display:grid;place-items:center;font-size:19px;transition:background .15s,border-color .15s}.icon-button:hover{background:#264149;border-color:var(--teal)}.icon-button svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}.stage{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;border:1px solid #365056;background:#142c35;isolation:isolate;box-shadow:0 18px 60px #0002}#game{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;display:block;outline:none}.vignette{position:absolute;inset:0;box-shadow:inset 0 0 90px #08182222;pointer-events:none}.screens{position:absolute;inset:0;z-index:5}.screens:empty{pointer-events:none}.hidden{display:none!important}.menu{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:4.8%;background:linear-gradient(90deg,#122a32f5 0%,#122a32df 29%,#122a3260 52%,transparent 75%)}.eyebrow{font-size:clamp(8px,.77vw,12px);font-weight:500;letter-spacing:2.3px;color:var(--teal);display:flex;align-items:center;gap:10px;text-transform:uppercase}.eyebrow:before{content:"";display:block;width:21px;height:2px;background:var(--teal)}.pixel-title{width:49%;max-width:625px;margin:28px 0 13px;overflow:visible;filter:drop-shadow(0 5px 0 #081d29)}.subtitle{color:var(--orange);font-size:clamp(14px,1.65vw,25px);letter-spacing:.51em;margin:0 0 24px;font-weight:500}.menu-copy{font-size:clamp(10px,.92vw,14px);line-height:1.9;color:#adbbb3;margin:0 0 28px;max-width:350px}.menu-actions{display:grid;grid-template-columns:180px 156px;gap:9px;max-width:390px}.btn{min-height:45px;padding:12px 17px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:var(--cream);background:#152d35cc;border:1px solid #667c7766;letter-spacing:1.3px;font-size:10px;text-transform:uppercase;transition:background .15s,transform .15s,border-color .15s}.btn:hover{background:#31504f;border-color:#8aae9e;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn.primary{background:var(--cream);color:#183338;border-color:var(--cream);font-weight:800}.btn.primary:hover{background:#fff7df}.btn .arrow{font-size:18px;font-weight:400;line-height:12px}.menu-actions .primary{grid-column:1/-1;min-height:53px;font-size:12px;padding-left:20px}.text-btn{border:0;color:var(--muted);background:none;font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:14px 0;text-align:left;justify-self:start}.text-btn:hover{color:var(--cream)}.menu-bottom{position:absolute;bottom:5%;left:4.8%;font-size:9px;letter-spacing:1px;color:#88a39b;display:flex;align-items:center;gap:10px}.menu-bottom .mini-cells{display:flex;gap:4px}.mini-cells i{width:13px;height:4px;background:#7dac96}.mini-cells i:nth-child(n+2){background:#3c6260}.scene-label{position:absolute;right:4.5%;bottom:5%;font-size:9px;color:#acc3b2;letter-spacing:2px;text-align:right}.scene-label b{display:block;color:#d9dfc5;font-size:11px;letter-spacing:1.6px;margin-bottom:8px}.scene-label span{color:var(--orange)}.bottombar{height:68px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#78918f;font-size:8px;letter-spacing:.85px}.footer-keys{display:flex;align-items:center;gap:5px}.footer-keys>span{margin:0 6px}.footer-keys kbd{font-size:8px}.version{font-size:9px;white-space:nowrap}.version span{font-size:7px;color:var(--teal);margin-left:10px}kbd{font-family:var(--mono);border:1px solid #57716e70;background:#17323a88;box-shadow:0 2px 0 #071d23;color:#c5d3c3;font-size:9px;line-height:1.4;padding:2px 5px;border-radius:2px}.overlay{position:absolute;inset:0;background:#0b202bdc;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px}.panel{width:430px;max-width:100%;text-align:left}.panel.wide{width:810px}.panel .eyebrow{margin-bottom:15px}.panel h1{font-size:clamp(25px,3vw,43px);letter-spacing:-1.5px;margin:0 0 15px;line-height:1.15;font-weight:900}.panel .description{color:#a8bcb4;font-size:11px;line-height:1.8;margin:0 0 25px}.panel .actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:26px}.panel .actions .btn{flex:1;white-space:nowrap}.panel .stack{display:grid;gap:9px;margin-top:25px}.panel .stack .btn{width:100%}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.close-btn{font-size:22px;flex-shrink:0}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px}.level-card{padding:0;display:flex;flex-direction:column;background:#172f38;border:1px solid #405c60;text-align:left;color:var(--cream);position:relative;transition:transform .15s,border-color .15s;overflow:hidden}.level-card:not(:disabled):hover{transform:translateY(-4px);border-color:var(--teal)}.level-card:disabled{opacity:.5}.level-card canvas{width:100%;image-rendering:pixelated;aspect-ratio:2/1;display:block}.level-info{padding:17px 14px}.level-info .sector{color:var(--orange);font-size:8px;letter-spacing:1.5px;display:flex;justify-content:space-between}.level-info h2{font-size:14px;margin:11px 0 8px;letter-spacing:-.5px}.level-info p{font-size:9px;color:var(--muted);margin:0;line-height:1.8}.level-progress{display:flex;justify-content:space-between;font-size:9px;margin-top:19px;padding-top:12px;border-top:1px solid #335058;color:#bcd0c0}.legend{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:22px}.setting{padding:15px 0;border-bottom:1px solid #355158;display:grid;grid-template-columns:1fr 160px;align-items:center;gap:16px;font-size:11px}.setting label{display:flex;flex-direction:column;gap:6px}.setting small{color:#90aaa3;font-size:9px}.setting input[type=range]{accent-color:var(--teal);width:130px}.range-wrap{display:flex;align-items:center;gap:9px}.range-wrap output{font-size:9px;color:var(--muted);min-width:25px}.toggle{appearance:none;cursor:pointer;width:37px;height:20px;background:#293f46;border:1px solid #56716f;justify-self:end;position:relative;border-radius:1px}.toggle:before{content:"";position:absolute;width:12px;height:12px;top:3px;left:3px;background:#728984;transition:left .15s}.toggle:checked{border-color:#9fbaa4;background:#436558}.toggle:checked:before{left:20px;background:var(--cream)}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:25px 0}.control-item{border:1px solid #365259;background:#152f3866;padding:13px;font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:12px}.control-item kbd{font-size:11px}.tip{display:flex;gap:12px;font-size:10px;color:#afc1b5;line-height:1.7;padding:10px 0}.tip>span{color:var(--orange);font-size:15px;min-width:15px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#345057;border:1px solid #345057;margin:23px 0}.stat{background:#132c35;padding:18px}.stat small{display:block;font-size:8px;color:#9cb5aa;letter-spacing:1px;margin-bottom:9px}.stat b{font-size:23px;color:var(--cream);font-weight:500}.stat b span{font-size:13px;color:var(--muted)}.completion-graphic{display:flex;gap:6px;align-items:end;height:34px;margin-bottom:20px}.completion-graphic i{width:8px;background:var(--teal);height:12px}.completion-graphic i:nth-child(2){height:22px}.completion-graphic i:nth-child(3){height:32px}.hud{position:absolute;z-index:3;left:3%;right:3%;top:4%;display:flex;justify-content:space-between;pointer-events:none}.hud-left,.hud-right{display:flex;align-items:center;gap:18px}.hud-left{background:#102831df;border:1px solid #6d96804a;padding:11px 16px;box-shadow:0 3px 0 #071a2455}.hud-caption{font-size:9px;letter-spacing:1px;margin-bottom:6px}.hud-caption span{font-size:8px;color:var(--muted)}.pip-badge{width:24px;height:23px;background:var(--cream);border:3px solid #b1b8a2;position:relative}.pip-badge:before{content:"";position:absolute;left:9px;top:-9px;width:3px;height:6px;background:var(--orange)}.pip-badge span{position:absolute;inset:3px 0 5px 3px;background:#2a4f55}.pip-badge span:before,.pip-badge span:after{content:"";position:absolute;width:3px;height:4px;background:#99ccaf;left:2px;top:2px}.pip-badge span:after{left:9px}.energy{display:flex;gap:4px}.energy i{width:13px;height:6px;background:#99c2a9;box-shadow:0 2px 0 #507766}.energy i.empty{background:#354e54;box-shadow:0 2px 0 #253a42}.hud-divider{height:28px;width:1px;background:#55756755}.hud-count{display:flex;gap:9px;align-items:center;font-size:15px}.hud-count b{font-weight:500}.hud-count small{font-size:9px;color:#b2c4b8;margin-left:-4px}.bit-icon{width:8px;height:11px;background:#efb477;transform:rotate(45deg);border:2px solid #f9d49b;display:inline-block}.core-icon{width:12px;height:12px;background:#1b574f;border:2px solid #a7d2b8;display:inline-block;box-shadow:inset 0 0 0 2px #1b574f,inset 0 0 0 4px #7faf99;transform:rotate(45deg)}.hud-right{pointer-events:auto;gap:13px}.dash-meter{background:#102831dc;border:1px solid #6d96804a;padding:10px 12px;width:85px}.dash-meter>span{display:flex;justify-content:space-between;font-size:8px;align-items:center;margin-bottom:7px;color:#bcd0c0}.dash-meter kbd{font-size:7px;padding:0 3px}.dash-meter>div{height:3px;background:#496159}.dash-meter i{display:block;width:100%;height:3px;background:var(--orange);transform-origin:left;transition:transform .06s linear}.pause-button{background:#102831dc}.level-caption{position:absolute;z-index:2;left:3%;bottom:5%;pointer-events:none;text-shadow:0 2px 2px #081b2b}.level-caption>span{display:block;color:var(--orange);font-size:8px;letter-spacing:2px;margin-bottom:7px}.level-caption strong{font-size:12px;letter-spacing:.3px;font-weight:400;color:#d4dfc6}.toast{position:absolute;bottom:13%;left:50%;transform:translate(-50%,10px);z-index:4;opacity:0;pointer-events:none;background:#122a31ee;border:1px solid #8bb19988;border-left:3px solid var(--orange);padding:13px 20px;font-size:10px;color:#e8e9cc;letter-spacing:.6px;transition:opacity .25s,transform .25s;white-space:nowrap}.toast.visible{opacity:1;transform:translate(-50%,0)}.touch-controls{display:none;position:absolute;bottom:8px;left:14px;right:14px;justify-content:space-between;z-index:4;pointer-events:none}.touch-group{display:flex;gap:8px;pointer-events:auto}.touch-group button{height:52px;width:54px;border:1px solid #92b8a877;background:#102931cc;color:var(--cream);font-size:20px;touch-action:none;user-select:none}.touch-group button.active{background:#7fab94;color:#12303a}.touch-group button small{font-size:7px;display:block;letter-spacing:.7px}.touch-group .touch-jump{background:#dfd9bedd;color:#193f44;width:64px}.touch-group .touch-dash{width:55px}#rotate-note{display:none}.stage.playing{touch-action:none}.stage.playing .touch-controls{display:none}body.reduced *{animation:none!important;transition:none!important}::selection{background:#96b9a4;color:#102731}
@media(min-width:1600px){.app{padding:0 65px}.menu-copy{font-size:14px}}
@media(max-width:1050px){.app{padding:0 25px}.topbar{height:70px}.bottombar{height:55px}.footer-mission{font-size:7px}.footer-keys{display:none}.menu{padding:4.5%}.pixel-title{margin-top:21px;margin-bottom:11px}.subtitle{margin-bottom:18px}.menu-copy{margin-bottom:20px}.menu-actions{grid-template-columns:145px 125px;gap:7px}.btn{min-height:36px;font-size:9px;padding:10px 13px}.menu-actions .primary{min-height:42px;font-size:11px}.text-btn{font-size:9px;padding:10px 0}.menu-bottom{font-size:7px}.scene-label{font-size:7px}.scene-label b{font-size:9px}.panel{width:390px}.panel.wide{width:690px}.panel h1{font-size:28px}.panel .description{margin-bottom:17px;font-size:10px}.level-grid{margin-top:15px}.level-info{padding:12px}.level-info h2{font-size:11px}.level-info p{font-size:8px}.level-progress{margin-top:12px;font-size:8px}.setting{padding:11px 0}.control-grid{margin:17px 0}.control-item{padding:10px;font-size:10px}.tip{font-size:9px;padding:6px 0}.hud-left{gap:12px;padding:9px 11px}.hud-count{font-size:12px}.hud-count small{font-size:8px}.hud-caption{font-size:8px}.stat{padding:13px}.stat b{font-size:20px}}
@media(pointer:coarse){.stage.playing .touch-controls{display:flex}.stage.playing .level-caption{bottom:80px}.toast{bottom:25%}.footer-keys{display:none}}
@media(max-width:760px) and (orientation:landscape){.app{padding:0;min-height:100dvh;align-items:center;background:#081a24}.topbar,.bottombar{display:none}.stage{height:100dvh;width:auto;max-width:100%;aspect-ratio:16/9;border:0}.menu{padding:4%}.eyebrow{font-size:7px;letter-spacing:1.4px}.pixel-title{width:50%;margin:16px 0 10px}.subtitle{font-size:13px;margin-bottom:12px}.menu-copy{font-size:9px;line-height:1.6;margin-bottom:14px}.menu-actions{grid-template-columns:127px 115px;gap:6px}.btn{font-size:8px;min-height:30px;padding:8px 10px}.menu-actions .primary{font-size:10px;min-height:35px}.menu-bottom{bottom:4%;font-size:6px}.scene-label{bottom:4%;right:4%}.overlay{padding:18px}.panel{width:360px}.panel h1{font-size:25px;margin-bottom:10px}.panel .eyebrow{margin-bottom:10px}.panel .description{font-size:9px;line-height:1.5;margin-bottom:10px}.panel .actions{margin-top:15px}.panel .stack{margin-top:16px;gap:7px}.level-grid{gap:10px;margin-top:10px}.level-card canvas{aspect-ratio:2.5}.level-info{padding:9px}.level-info h2{font-size:10px}.level-info .sector{font-size:7px}.level-info p{font-size:7px}.level-progress{font-size:7px;margin-top:8px;padding-top:9px}.legend{margin-top:12px;font-size:8px}.setting{font-size:10px;padding:8px 0}.setting small{font-size:8px}.control-grid{margin:12px 0;gap:7px}.control-item{padding:8px;font-size:9px}.control-item kbd{font-size:9px}.tip{font-size:8px;padding:4px 0}.stats{margin:14px 0}.stat{padding:11px}.stat b{font-size:18px}.completion-graphic{height:25px;margin-bottom:12px}.completion-graphic i:nth-child(3){height:25px}.hud{top:4%;left:3%;right:3%}.hud-left{gap:9px;padding:7px 10px}.hud-caption{font-size:7px;margin-bottom:4px}.hud-caption span{font-size:7px}.energy i{width:10px;height:5px}.hud-count{gap:7px;font-size:11px}.hud-count small{font-size:7px}.pip-badge{width:19px;height:20px}.hud-divider{height:20px}.dash-meter{width:65px;padding:7px 9px}.dash-meter>span{font-size:7px}.icon-button{width:30px;height:30px}.touch-group button{height:45px;width:47px}.touch-group .touch-jump{width:56px}.level-caption strong{font-size:10px}.level-caption>span{font-size:7px}}
@media(max-width:600px) and (orientation:portrait){.app{padding:0 12px;justify-content:flex-start}.topbar{height:68px}.edition,.network-status{display:none}.wordmark{font-size:11px;gap:8px}.top-right{gap:6px}.stage{aspect-ratio:3/4;min-height:480px}#game{height:100%;width:177.778%;left:-45%;object-fit:cover}.menu{background:linear-gradient(90deg,#122a32ee,#122a3299 65%,#122a3211);padding:8%;justify-content:flex-start;padding-top:14%}.eyebrow{font-size:7px;letter-spacing:1.4px}.pixel-title{width:100%;margin:27px 0 17px}.subtitle{font-size:16px;margin-bottom:24px;letter-spacing:.45em}.menu-copy{font-size:10px;margin-bottom:25px;max-width:250px}.menu-actions{grid-template-columns:1fr 1fr;max-width:285px;width:100%}.menu-actions .primary{min-height:46px}.menu-bottom{bottom:8%;left:8%;font-size:7px}.scene-label{display:none}.bottombar{height:50px;font-size:7px}.footer-mission{max-width:220px;line-height:1.7;font-size:7px}.overlay{padding:23px;overflow:auto}.panel{width:100%;margin:auto}.panel h1{font-size:27px}.panel .description{font-size:10px}.level-grid{grid-template-columns:1fr;gap:8px}.level-card{flex-direction:row;min-height:87px}.level-card canvas{width:33%;aspect-ratio:auto}.level-info{flex:1;padding:12px}.level-info h2{font-size:12px;margin:8px 0 0}.level-info p{display:none}.level-progress{margin-top:8px;padding-top:8px}.legend{font-size:8px;line-height:1.8}.control-grid{grid-template-columns:1fr}.control-item{padding:9px}.setting{grid-template-columns:1fr 125px;font-size:10px}.setting input[type=range]{width:95px}.setting small{font-size:8px}.panel .actions{gap:6px}.panel .actions .btn{font-size:8px;padding:10px}.stage.playing{aspect-ratio:16/9;min-height:0;margin-top:40px;overflow:visible}.stage.playing #game{width:100%;height:100%;left:0}.stage.playing .screens{overflow:hidden}.stage.playing .touch-controls{bottom:-77px;left:0;right:0}.stage.playing .hud{top:7px;left:7px;right:7px}.hud-left{gap:6px;padding:6px}.pip-badge,.hud-divider{display:none}.hud-caption{font-size:6px}.hud-caption span{font-size:6px}.energy i{width:8px;height:4px}.hud-count{font-size:9px;gap:4px}.hud-count small{font-size:6px}.bit-icon{width:6px;height:8px}.core-icon{width:9px;height:9px}.hud-right{gap:6px}.dash-meter{width:48px;padding:5px}.dash-meter>span{font-size:5px;margin-bottom:4px}.dash-meter kbd{display:none}.pause-button{width:25px;height:25px}.level-caption{display:none!important}.stage.playing #rotate-note{display:block;position:absolute;top:-30px;width:100%;font-size:8px;color:var(--muted);text-align:center}.stage.playing+.bottombar{margin-top:90px}.toast{font-size:7px;padding:7px 10px;bottom:12%}.stage.playing .overlay{position:fixed;z-index:20;padding:28px}.stage.playing .panel{max-width:400px}.stage.playing:has(.overlay) .touch-controls{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Keep the complete game frame on shorter laptop displays. */
@media (min-width:601px) and (orientation:landscape){.stage,.topbar,.bottombar{max-width:calc((100dvh - 158px)*16/9);align-self:center}.topbar,.bottombar{width:100%}}
@media (min-width:761px) and (max-width:1050px) and (orientation:landscape){.stage,.topbar,.bottombar{max-width:calc((100dvh - 125px)*16/9)}}
@media (max-width:760px) and (orientation:landscape){.stage{max-width:100%;height:min(100dvh,56.25vw);width:min(100vw,177.778dvh)}.menu-copy{margin-bottom:12px}.pixel-title{margin-top:14px}}