:root{--void:#05070d;--panel:#0a1019;--panel-soft:#0d1521;--tile:#18263a;--tile-edge:#2b425f;--line:#82a6c433;--line-strong:#8ab4d861;--text:#e9f1f7;--muted:#8da0b4;--muted-soft:#637387;--cyan:#32e6ff;--cyan-deep:#087f96;--coral:#ff6f61;--amber:#f5c877;--danger:#ff5266;--font-geist-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-geist-mono:ui-monospace, "SFMono-Regular", "Cascadia Mono", Consolas, monospace;--tile-gap:clamp(3px, .48vw, 7px);color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--void);min-height:100%;margin:0}body{color:var(--text);font-family:var(--font-geist-sans), Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;-webkit-font-smoothing:antialiased}button{color:inherit;font:inherit}button:not(:disabled){cursor:pointer}button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.app-shell{isolation:isolate;background:radial-gradient(circle at 48% 42%,#17586f29,#0000 34%),radial-gradient(circle at 9% 92%,#ff6f610e,#0000 24%),linear-gradient(145deg,#070b12 0%,#04060b 68%);width:100%;height:100dvh;position:relative;overflow:hidden}.ambient-grid{z-index:-1;pointer-events:none;opacity:.35;background-image:linear-gradient(#5d8bae0d 1px,#0000 1px),linear-gradient(90deg,#5d8bae0d 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 86%);mask-image:linear-gradient(#000,#0000 86%)}.topbar{z-index:30;pointer-events:none;background:linear-gradient(#04070ce6 0%,#04070c6b 62%,#0000);grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;min-height:64px;padding:10px clamp(18px,2.4vw,38px);display:grid;position:absolute;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.brand{width:max-content;min-height:48px;color:var(--text);text-align:left;background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.brand>span:nth-child(2){font-family:"Arial Narrow", "Aptos Narrow", var(--font-geist-sans), sans-serif;letter-spacing:.12em;margin-left:12px;font-size:clamp(1.42rem,2.2vw,2rem);font-weight:800;font-stretch:75%}.brand small{color:var(--muted-soft);font-family:var(--font-geist-mono), monospace;letter-spacing:.18em;white-space:nowrap;margin-left:14px;font-size:.59rem}.brand-mark{border:1px solid #32e6ff7a;grid-template-columns:repeat(2,10px);gap:3px;width:31px;height:31px;padding:3px;display:grid;position:relative;transform:skewY(-8deg);box-shadow:0 0 20px #32e6ff24}.brand-mark i{border:1px solid var(--cyan);background:linear-gradient(145deg,#32e6ffb8,#32e6ff1f)}.brand-mark i:last-child{opacity:.58}.mission-strip{align-items:center;gap:14px;min-width:260px;display:flex}.eyebrow{color:var(--muted);font-family:var(--font-geist-mono), "SFMono-Regular", Consolas, monospace;letter-spacing:.2em;text-transform:uppercase;font-size:.68rem;font-weight:650;line-height:1.35}.progress-track{grid-template-columns:repeat(12,minmax(6px,16px));gap:4px;display:grid}.progress-track span{background:#1c2b3c;height:3px;transition:background-color .18s,box-shadow .18s}.progress-track .is-complete{background:#32e6ff6b}.progress-track .is-current{background:var(--cyan);box-shadow:0 0 10px #32e6ffa3}.top-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.icon-button--ghost{border-color:var(--line-strong);width:44px;min-width:44px;color:var(--muted);background:#0e172399;justify-content:center;align-items:center;padding:0;font-size:1.05rem;line-height:1;display:inline-flex}.icon-button--ghost:hover{color:var(--text);background:#152635e6;border-color:#32e6ff8c}.text-button,.primary-button,.secondary-button,.icon-button{border:1px solid #0000;min-height:44px;transition:transform .15s,border-color .15s,background-color .15s,color .15s,box-shadow .15s}.text-button{color:var(--muted);background:0 0;border:0;padding:0 12px;font-size:.75rem}.text-button:hover{color:var(--text)}.primary-button{border-color:var(--cyan);background:var(--cyan);color:#031116;letter-spacing:.06em;text-transform:uppercase;justify-content:center;align-items:center;gap:8px;padding:0 17px;font-size:.74rem;font-weight:760;display:inline-flex;box-shadow:0 0 #32e6ff00}.primary-button:hover{transform:translateY(-1px);box-shadow:0 8px 28px #32e6ff33}.secondary-button{border-color:var(--line-strong);min-width:0;color:var(--text);letter-spacing:.035em;background:#0e1723c7;justify-content:center;align-items:center;gap:8px;padding:0 13px;font-size:.72rem;font-weight:630;display:inline-flex}.secondary-button:hover:not(:disabled){background:#152635e6;border-color:#32e6ff8c}.secondary-button:disabled,.dpad button:disabled{cursor:not-allowed;opacity:.34}kbd{min-width:22px;height:22px;color:var(--muted);font-family:var(--font-geist-mono), monospace;background:#090f17b8;border:1px solid #8da0b457;border-bottom-color:#8da0b499;border-radius:2px;place-items:center;padding:0 5px;font-size:.62rem;font-weight:500;line-height:1;display:inline-grid}.secondary-button kbd{background:#ffffff0d;border-color:#0000;margin-left:auto}.game-layout{display:contents}.playfield{z-index:1;perspective:1250px;perspective-origin:50% 42%;background:linear-gradient(#0a121c14,#04080e94),radial-gradient(at 50% 43%,#1d5b7433,#0000 51%),linear-gradient(#07101a 0%,#05080e 62%,#030509 100%);place-items:center;min-width:0;min-height:0;display:grid;position:absolute;inset:0;overflow:hidden}.playfield:before,.playfield:after{content:"";pointer-events:none;position:absolute}.playfield:before{background:linear-gradient(90deg,#0000 6%,#32e6ff29,#0000 94%);height:1px;inset:62% 0 auto}.playfield:after{transform-origin:top;opacity:.32;background-image:linear-gradient(#32e6ff1c 1px,#0000 1px),linear-gradient(90deg,#32e6ff1c 1px,#0000 1px);background-size:58px 58px;height:76%;bottom:-45%;left:-16%;right:-16%;transform:perspective(540px)rotateX(64deg);-webkit-mask-image:linear-gradient(#000000bf,#0000 72%);mask-image:linear-gradient(#000000bf,#0000 72%)}.stage-corners span{z-index:2;opacity:.44;border-color:var(--cyan);pointer-events:none;width:38px;height:38px;position:absolute}.stage-corners span:first-child{border-top:1px solid;border-left:1px solid;top:22px;left:22px}.stage-corners span:nth-child(2){border-top:1px solid;border-right:1px solid;top:22px;right:22px}.stage-corners span:nth-child(3){border-bottom:1px solid;border-left:1px solid;bottom:22px;left:22px}.stage-corners span:nth-child(4){border-bottom:1px solid;border-right:1px solid;bottom:22px;right:22px}.stage-readout{z-index:2;color:var(--muted-soft);font-family:var(--font-geist-mono), monospace;letter-spacing:.17em;pointer-events:none;font-size:.56rem;position:absolute}.stage-readout--left{top:78px;left:30px}.stage-readout--right{display:none;bottom:30px;right:72px}.board-wrap{z-index:3;transform:translate(var(--board-shift-x,0px), var(--board-shift-y,0px));transform-style:preserve-3d;filter:drop-shadow(0 42px 34px #0000006b);flex:none;position:relative}.board-shadow{filter:blur(22px);background:radial-gradient(#00000094,#0000 69%);border-radius:50%;position:absolute;inset:20% -10% -35%;transform:translateY(28%)rotate(-3deg)}.board{grid-template-columns:repeat(var(--board-cols), minmax(0, 1fr));grid-template-rows:repeat(var(--board-rows), minmax(0, 1fr));gap:var(--tile-gap);width:100%;height:100%;transform:rotateX(var(--camera-tilt)) rotateZ(var(--camera-yaw));transform-origin:50% 52%;transform-style:preserve-3d;display:grid;position:relative}.tile{border:1px solid var(--tile-edge);min-width:0;min-height:0;transform:translateZ(var(--tile-depth));transform-style:preserve-3d;background:linear-gradient(145deg,#b2d3eb29,#0000 42%),linear-gradient(155deg,#30435b,#213249);border-radius:clamp(2px,.3vw,5px);transition:border-color .19s,background-color .19s,opacity .19s,filter .19s;position:relative;overflow:visible;box-shadow:inset 0 1px #dcf1ff2e,inset 0 -2px #03080e33,0 0 0 1px #040a1159,0 7px 16px #0000002e}.tile:before{content:"";border:1px solid #779dbc14;border-radius:2px;position:absolute;inset:11%}.tile:after{content:"";background:#89acc729;border-radius:50%;width:3px;height:3px;position:absolute;top:8%;right:8%}.tile-face,.block-face{pointer-events:none;backface-visibility:visible;display:block;position:absolute}.tile-face--front{height:var(--tile-depth);transform-origin:50% 100%;background:linear-gradient(#17263a,#0b1421);border:1px solid #455f7a40;bottom:0;left:0;right:0;transform:rotateX(90deg)}.tile-face--right{width:var(--tile-depth);transform-origin:100%;background:linear-gradient(270deg,#0a121e,#17273a);border:1px solid #3c546c38;top:0;bottom:0;right:0;transform:rotateY(-90deg)}.tile--void{visibility:hidden}.tile.is-occupied{border-color:#32e6ff47}.tile--goal{background:radial-gradient(circle,#020408 0 31%,#0000 32%),linear-gradient(145deg,#ff6f6147,#0000 60%),#301a22;border-color:#ff6f61c7;box-shadow:inset 0 0 18px #ff6f6129,0 0 0 1px #ff6f615c,0 0 22px #ff6f612b}.tile--goal .tile-face--front,.tile--goal .tile-face--right{background:linear-gradient(#35131a,#17080d)}.tile--goal:before{border-color:var(--coral);border-width:1px;inset:18%;transform:rotate(45deg)}.tile--goal:after{display:none}.goal-core{z-index:2;border:1px solid var(--coral);border-radius:50%;position:absolute;inset:29%;box-shadow:0 0 12px #ff6f617a}.tile--switch{background:radial-gradient(circle,#32e6ff33,#0000 53%),linear-gradient(145deg,#32e6ff30,#0000 58%),#102735;border-color:#32e6ffb8}.tile--switch:after{display:none}.switch-core{z-index:2;border:2px solid var(--cyan);border-radius:50%;position:absolute;inset:26%;box-shadow:0 0 12px #32e6ff5c}.switch-core:before,.switch-core:after{content:"";background:var(--cyan);position:absolute}.switch-core:before{width:180%;height:1px;top:50%;left:-40%}.switch-core:after{width:1px;height:180%;top:-40%;left:50%}.tile--switch.is-active{filter:brightness(1.2);box-shadow:inset 0 0 22px #32e6ff3d,0 0 0 1px #32e6ff6b,0 0 24px #32e6ff4d}.tile--switch .tile-face--front,.tile--switch .tile-face--right,.tile--bridge.is-active .tile-face--front,.tile--bridge.is-active .tile-face--right{background:linear-gradient(#0a5262,#072630)}.tile--bridge{background:#0c1a2585}.tile--bridge.is-dormant{--tile-depth:2px;opacity:.62;background:#0d233075;border-style:dashed;border-color:#32e6ff7a;box-shadow:inset 0 0 0 1px #32e6ff14}.tile--bridge.is-active{background:linear-gradient(145deg,#32e6ff33,#0c2a35e6);border-color:#32e6ff94;animation:.42s cubic-bezier(.2,.78,.2,1) both bridge-rise;box-shadow:inset 0 0 18px #32e6ff1a,0 0 0 1px #32e6ff4d,0 0 18px #32e6ff29}@keyframes bridge-rise{0%{filter:brightness(1.8);transform:translateZ(2px)}to{transform:translateZ(var(--tile-depth));filter:brightness()}}.bridge-ribs{opacity:.44;background:repeating-linear-gradient(90deg,#0000 0 18%,#32e6ff8c 19% 22%);position:absolute;inset:13%}.tile--bridge.is-active .bridge-ribs{opacity:.95}.tile--fragile{background:linear-gradient(145deg,#f5c87730,#0000 54%),#29271f;border-color:#f5c877a8;box-shadow:inset 0 1px #ffe5aa2e,0 0 0 1px #f5c87733,0 0 16px #f5c8771a}.tile--fragile .tile-face--front,.tile--fragile .tile-face--right{background:linear-gradient(#42371e,#211a0f)}.tile--fragile:after{display:none}.fragile-mark,.fragile-mark:before{z-index:2;transform-origin:50%;background:#f5c877cc;width:76%;height:1px;position:absolute;top:50%;left:12%;transform:rotate(-45deg)}.fragile-mark:before{content:"";width:100%;top:0;left:0;transform:rotate(90deg)}.block{--block-height:var(--block-flat-height);--block-z:calc(var(--tile-depth) + var(--block-height));--rest-transform:translateZ(var(--block-z));z-index:12;min-width:0;min-height:0;transform:var(--rest-transform);transform-origin:50% 100%;transform-style:preserve-3d;will-change:transform, opacity, filter;background:radial-gradient(circle at 79% 23%,#dcffff85 0 2px,#0000 3px),linear-gradient(145deg,#54efff 0%,#1bb8d1 45%,#08768d 100%);border:1px solid #79f2ff;border-radius:clamp(3px,.45vw,7px);place-self:stretch stretch;margin:2px;display:block;position:relative;overflow:visible;box-shadow:inset 1px 1px #ffffff73,inset -5px -7px #032f3d38,0 0 0 1px #0861718c,0 0 22px #10cfe73d}.block:before{content:"";border:1px solid #03404f6b;border-radius:3px;position:absolute;inset:8%}.block-face--front{height:var(--block-height);transform-origin:50% 100%;background:linear-gradient(#19b7cf,#05667d);border:1px solid #53e2f340;bottom:0;left:0;right:0;transform:rotateX(90deg);box-shadow:inset 0 1px #adfcff29}.block-face--right{width:var(--block-height);transform-origin:100%;background:linear-gradient(270deg,#07576a,#0d8fa5);border:1px solid #39b9cc33;top:0;bottom:0;right:0;transform:rotateY(-90deg)}.block-face--back{height:var(--block-height);transform-origin:50% 0;background:linear-gradient(#12a5bc,#086c81);border:1px solid #48cbde38;top:0;left:0;right:0;transform:rotateX(-90deg)}.block-face--left{width:var(--block-height);transform-origin:0;background:linear-gradient(90deg,#044250,#0a7b90);border:1px solid #34afc233;top:0;bottom:0;left:0;transform:rotateY(90deg)}.block-ground-shadow{z-index:9;filter:blur(7px);opacity:.68;transform:translateZ(calc(var(--tile-depth) + 1px)) translate(8px, 10px) scale(.88);background:#0000009e;border-radius:5px;place-self:stretch stretch;margin:5px;transition:transform .26s;position:relative}.block--upright{--block-height:var(--block-upright-height);--block-z:calc(var(--tile-depth) + var(--block-height));--rest-transform:translateZ(var(--block-z));margin:3px;box-shadow:inset 1px 1px #ffffff8c,inset -7px -10px #032f3d33,0 0 0 1px #08617199,0 0 30px #10cfe74d}.block--x:after{content:"";background:#01364361;width:1px;position:absolute;top:0;bottom:0;left:50%}.block--y:after{content:"";background:#01364361;height:1px;position:absolute;bottom:50%;left:0;right:0}.block-code{z-index:2;color:#012c37bf;font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;font-size:clamp(.32rem,.55vw,.52rem);font-style:normal;font-weight:750;position:absolute;top:14%;left:8%}.block-core{aspect-ratio:1;background:#03303c40;border:1px solid #064e60;border-radius:50%;width:clamp(4px,.7vw,8px);position:absolute;top:14%;right:8%;box-shadow:inset 0 0 0 1px #ffffff24}.block.roll-up{animation:.28s cubic-bezier(.25,.74,.25,1) roll-up}.block.roll-down{animation:.28s cubic-bezier(.25,.74,.25,1) roll-down}.block.roll-left{animation:.28s cubic-bezier(.25,.74,.25,1) roll-left}.block.roll-right{animation:.28s cubic-bezier(.25,.74,.25,1) roll-right}@keyframes roll-up{0%{transform:translate3d(var(--roll-from-x), var(--roll-from-y), var(--block-z)) rotateX(-88deg);filter:brightness(1.35)}56%{transform:translate3d(0, -7px, calc(var(--block-z) + var(--roll-lift))) rotateX(12deg)}to{transform:var(--rest-transform);filter:brightness()}}@keyframes roll-down{0%{transform:translate3d(var(--roll-from-x), var(--roll-from-y), var(--block-z)) rotateX(88deg);filter:brightness(1.35)}56%{transform:translate3d(0, 7px, calc(var(--block-z) + var(--roll-lift))) rotateX(-12deg)}to{transform:var(--rest-transform);filter:brightness()}}@keyframes roll-left{0%{transform:translate3d(var(--roll-from-x), var(--roll-from-y), var(--block-z)) rotateY(88deg);filter:brightness(1.35)}56%{transform:translate3d(-7px, 0, calc(var(--block-z) + var(--roll-lift))) rotateY(-12deg)}to{transform:var(--rest-transform);filter:brightness()}}@keyframes roll-right{0%{transform:translate3d(var(--roll-from-x), var(--roll-from-y), var(--block-z)) rotateY(-88deg);filter:brightness(1.35)}56%{transform:translate3d(7px, 0, calc(var(--block-z) + var(--roll-lift))) rotateY(12deg)}to{transform:var(--rest-transform);filter:brightness()}}.block.is-falling{animation:.52s cubic-bezier(.55,.04,.83,.52) forwards block-fall}.iso-block{z-index:20;pointer-events:none;isolation:isolate;filter:drop-shadow(0 13px 15px #00000085)drop-shadow(0 0 12px #32e6ff33);will-change:transform, opacity, filter;display:block;position:absolute}.iso-block-face,.iso-block-shadow,.iso-block-panel{will-change:clip-path;display:block;position:absolute;inset:0}.iso-block-shadow{z-index:0;opacity:.66;filter:blur(9px);background:#000;transform:translate(10px,13px)scale(.96)}.iso-block-face{filter:brightness(var(--face-light,1)) drop-shadow(0 0 1px #98eff8cc);background:linear-gradient(118deg,#e4fcff2e,#0000 31% 72%,#32e6ff1a),linear-gradient(152deg,#456f7b,#0a202c)}.iso-block-panel{filter:brightness(var(--face-light,1)) drop-shadow(0 0 1px #9bf7ffe6) drop-shadow(0 0 5px #32e6ff29);opacity:.92;background:linear-gradient(132deg,#a5f5ff1f,#0000 40%),#020f16c7}.iso-block-core{filter:drop-shadow(0 0 2px #dafffff2)drop-shadow(0 0 7px #32e6ffc2);will-change:clip-path;background:#bafaff;display:block;position:absolute;inset:0}.iso-block.is-rolling{filter:drop-shadow(0 15px 17px #00000080)drop-shadow(0 0 18px #32e6ff4f)}.iso-block.is-gliding .iso-block-panel{opacity:.82}.iso-block.is-falling{animation:.52s cubic-bezier(.55,.04,.83,.52) forwards iso-block-fall}@keyframes iso-block-fall{0%{opacity:1;transform:none}34%{transform:translate(var(--screen-fall-half-x), var(--screen-fall-half-y)) rotate(9deg);opacity:1}to{transform:translate(var(--screen-fall-x), calc(var(--screen-fall-y) + 170px)) scale(.42) rotate(34deg);opacity:0;filter:blur(3px)}}@keyframes block-fall{0%{transform:var(--rest-transform);opacity:1}34%{transform:translate3d(var(--fall-half-x), var(--fall-half-y), calc(var(--block-z) + 8px)) rotate(18deg);opacity:1}to{transform:translate3d(var(--fall-x), var(--fall-y), -190px) scale(.34) rotate(42deg);opacity:0;filter:blur(2px)}}.outcome{z-index:30;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#121f2ffa,#060b12fc);border:1px solid #7b9fbd6b;flex-direction:column;justify-content:center;align-items:center;width:min(430px,100% - 32px);max-height:calc(100% - 32px);padding:24px 26px;animation:.26s both outcome-in;display:flex;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #020509a3,0 28px 70px #0000009e}.outcome:before{content:"";background:linear-gradient(90deg, transparent, var(--cyan), transparent);opacity:.42;width:100%;height:1px;position:absolute;top:0}.outcome--lost:before{background:linear-gradient(90deg, transparent, var(--danger), transparent)}.outcome-signal{border:1px solid var(--cyan);width:48px;height:48px;color:var(--cyan);place-items:center;margin-bottom:14px;font-size:1.35rem;display:grid;transform:rotate(45deg);box-shadow:0 0 35px #32e6ff26}.outcome-signal>span{display:block;transform:rotate(-45deg)}.outcome--lost .outcome-signal{border-color:var(--danger);color:var(--danger);box-shadow:0 0 35px #ff526626}.outcome h2,.modal-heading h2{font-family:"Arial Narrow", "Aptos Narrow", var(--font-geist-sans), sans-serif;letter-spacing:-.025em;text-transform:uppercase;margin:6px 0 8px;font-size:clamp(1.8rem,4vw,2.8rem);line-height:.95}.outcome>p:not(.eyebrow){max-width:440px;color:var(--muted);margin:0;font-size:.88rem;line-height:1.6}.outcome-score{border:1px solid var(--line-strong);grid-template-columns:repeat(3,minmax(70px,105px));margin:18px 0;display:grid}.outcome-score span{border-right:1px solid var(--line);font-family:var(--font-geist-mono), monospace;gap:4px;padding:10px 12px;font-size:1.25rem;display:grid}.outcome-score span:last-child{border:0}.outcome-score small{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.55rem}.outcome-score .is-good{color:var(--cyan)}.outcome-actions{gap:9px;display:flex}@keyframes outcome-in{0%{opacity:0}to{opacity:1}}.control-panel{z-index:25;-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);background:linear-gradient(160deg,#0c131ecc,#060b12d1);border:1px solid #79a1c133;border-radius:16px;flex-direction:column;gap:clamp(11px,1.5vh,20px);width:clamp(276px,23vw,322px);max-height:calc(100dvh - 172px);padding:clamp(16px,1.3vw,22px);display:flex;position:absolute;top:72px;right:clamp(16px,1.5vw,26px);overflow:auto;box-shadow:0 22px 54px #00000070}.level-copy h1{font-family:"Arial Narrow", "Aptos Narrow", var(--font-geist-sans), sans-serif;letter-spacing:-.025em;text-transform:uppercase;margin:8px 0 6px;font-size:clamp(1.8rem,3vw,3rem);font-stretch:75%;line-height:.92}.level-copy p{color:var(--muted);margin:0;font-size:.82rem;line-height:1.5}.scoreboard{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);grid-template-columns:repeat(3,1fr);display:grid}.scoreboard div{border-right:1px solid var(--line);text-align:center;gap:2px;padding:12px 7px;display:grid}.scoreboard div:last-child{border-right:0}.scoreboard span{color:var(--muted);font-family:var(--font-geist-mono), monospace;letter-spacing:.13em;text-transform:uppercase;font-size:.6rem}.scoreboard strong{font-family:var(--font-geist-mono), monospace;font-size:clamp(1.3rem,2.3vw,2rem);font-weight:500}.objective-card{background:linear-gradient(90deg,#ff6f6116,#0000);border:1px solid #ff6f6152;grid-template-columns:38px 1fr;align-items:start;gap:12px;padding:13px;display:grid}.objective-card p{color:#c5d1dc;margin:4px 0 0;font-size:.72rem;line-height:1.45}.objective-icon{border:1px solid var(--coral);width:34px;height:34px;color:var(--coral);place-items:center;font-size:1.1rem;display:grid}.bridge-status{border-left:2px solid var(--muted-soft);background:#ffffff06;grid-template-columns:9px 1fr;align-items:center;gap:10px;padding:10px 12px;display:grid}.status-lamp{background:var(--muted-soft);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block;box-shadow:0 0 #0000}.bridge-status small,.bridge-status strong{font-family:var(--font-geist-mono), monospace;display:block}.bridge-status small{color:var(--muted-soft);letter-spacing:.16em;margin-bottom:2px;font-size:.5rem}.bridge-status strong{color:var(--muted);letter-spacing:.08em;font-size:.63rem}.bridge-status.is-live{border-left-color:var(--cyan);background:#32e6ff0e}.bridge-status.is-live .status-lamp,.status-lamp.is-cyan{background:var(--cyan);box-shadow:0 0 10px #32e6ffb3}.bridge-status.is-live strong{color:var(--cyan)}.action-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.legend{margin-top:auto}.legend-grid{grid-template-columns:1fr 1fr;gap:10px 8px;margin-top:10px;display:grid}.legend-grid span{color:var(--muted);align-items:center;gap:7px;font-size:.74rem;display:flex}.legend-swatch{border:1px solid var(--line-strong);background:var(--tile);flex:none;width:18px;height:18px;display:inline-block;position:relative}.legend-goal{border-color:var(--coral);background:radial-gradient(circle,#020408 0 28%,#3b1c23 30%)}.legend-switch{border-color:var(--cyan);background:radial-gradient(circle, var(--cyan) 0 24%, #102735 28%);border-radius:50%}.legend-bridge{border-style:dashed;border-color:var(--cyan);background:repeating-linear-gradient(90deg,#10242d 0 3px,#27899a 3px 4px)}.legend-fragile{border-color:var(--amber);background:linear-gradient(45deg, transparent 47%, var(--amber) 48% 52%, transparent 53%), #29271f}.control-deck{z-index:24;pointer-events:none;background:linear-gradient(#0000,#04070c47 36%,#04070cdb 100%);grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:end;min-height:70px;padding:16px clamp(18px,2.4vw,38px) 18px;display:grid;position:absolute;bottom:0;left:0;right:0}.control-deck>*{pointer-events:auto}.keyboard-hint{align-items:center;gap:14px;display:flex}.keyboard-hint p{gap:3px;margin:0;display:flex}.keyboard-hint p kbd:nth-child(4){margin-right:8px}.dpad{grid-template-rows:repeat(2,28px);grid-template-columns:repeat(3,44px);gap:3px;display:grid}.dpad button{border:1px solid var(--line-strong);color:#b9c9d7;min-width:44px;min-height:28px;font-family:var(--font-geist-mono), monospace;background:#101a28;place-items:center;padding:0;font-size:.85rem;transition:border-color .12s,background-color .12s,color .12s,transform .12s;display:grid}.dpad button:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan);background:#32e6ff1f}.dpad button:active:not(:disabled){transform:scale(.95)}.dpad-up{grid-area:1/2}.dpad-left{grid-area:2/1}.dpad-down{grid-area:2/2}.dpad-right{grid-area:2/3}.footer-tip{max-width:440px;color:var(--muted);text-align:right;justify-content:flex-end;align-items:center;gap:9px;margin:0 0 0 auto;font-size:.66rem;line-height:1.4;display:flex}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020408d1;place-items:center;padding:20px;animation:.18s both outcome-in;display:grid;position:fixed;inset:0}.level-modal,.help-modal{border:1px solid var(--line-strong);background:linear-gradient(145deg,#101b29fa,#070c13fc);width:min(920px,100%);max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 30px 90px #00000094}.help-modal{width:min(620px,100%)}.modal-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 26px 20px;display:flex}.modal-heading h2{margin-bottom:0;font-size:clamp(1.8rem,4vw,2.8rem)}.icon-button{border-color:var(--line-strong);width:44px;min-width:44px;color:var(--muted);background:#ffffff06;place-items:center;padding:0;font-size:1.3rem;display:grid}.icon-button:hover{border-color:var(--cyan);color:var(--cyan)}.level-grid{background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;padding:1px;display:grid}.level-grid button{min-height:92px;color:var(--text);text-align:left;background:#0a111b;border:0;grid-template-rows:auto auto;grid-template-columns:44px 1fr auto;gap:4px 12px;padding:17px;transition:background-color .15s,color .15s;display:grid;position:relative}.level-grid button:hover,.level-grid button.is-current{background:#102331}.level-grid button.is-current{box-shadow:inset 3px 0 0 var(--cyan)}.level-grid button.is-complete:not(.is-current){background:#0d1824}.level-number{color:var(--cyan);font-family:var(--font-geist-mono), monospace;grid-area:1/1/span 2;align-self:center;font-size:1rem}.level-grid strong{letter-spacing:.03em;text-transform:uppercase;grid-area:1/2;align-self:end;font-size:.8rem}.level-grid small{color:var(--muted-soft);font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;grid-area:2/2;font-size:.6rem}.level-grid i{color:var(--muted-soft);grid-area:1/3/span 2;align-self:center;font-style:normal}.level-grid button.is-complete i{color:var(--cyan)}.help-list{padding:8px 26px 0;display:grid}.help-list>div{border-bottom:1px solid var(--line);grid-template-columns:36px 1fr;gap:14px;padding:15px 0;display:grid}.help-list>div>span{color:var(--cyan);font-family:var(--font-geist-mono), monospace;font-size:.65rem}.help-list p{color:var(--muted);margin:0;font-size:.78rem;line-height:1.55}.help-list strong{color:var(--text)}.help-close{margin:22px 26px 26px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1050px){.topbar{grid-template-columns:1fr auto}.mission-strip{display:none}.control-panel{width:clamp(250px,30vw,286px);padding:16px}.objective-card{display:none}.footer-tip{max-width:260px}}@media (max-width:760px){.app-shell{width:100%;height:100dvh;overflow:hidden}.topbar{min-height:52px;padding:8px 12px}.brand>span:nth-child(2){font-size:1.35rem}.brand small,.text-button{display:none}.primary-button{min-height:44px;padding-inline:13px}.game-layout{display:contents}.playfield{border-bottom:0}.stage-readout--left{display:none}.stage-readout--right{background:#050a11a3;border:1px solid #638baa38;padding:5px 7px;bottom:14px;right:18px}.stage-corners span:first-child,.stage-corners span:nth-child(2){top:12px}.stage-corners span:nth-child(3),.stage-corners span:nth-child(4){bottom:12px}.stage-corners span:first-child,.stage-corners span:nth-child(3){left:12px}.stage-corners span:nth-child(2),.stage-corners span:nth-child(4){right:12px}.control-panel{z-index:22;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#070d16d6;border:1px solid #79a1c14d;border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(178px,42%);grid-template-areas:"level score""actions actions";gap:7px 12px;width:auto;max-height:none;padding:10px 12px;transition:opacity .16s,filter .16s;display:grid;position:absolute;inset:56px 12px auto;overflow:visible;box-shadow:0 14px 34px #00000040}.level-copy{grid-area:level;align-self:center}.level-copy h1{margin:4px 0 0;font-size:clamp(1.25rem,5vw,1.65rem)}.level-copy p,.bridge-status,.legend{display:none}.scoreboard{grid-area:score;align-self:center;width:100%}.scoreboard div{padding:8px 5px}.scoreboard strong{font-size:1.12rem}.action-row{grid-area:actions;gap:7px;display:flex}.action-row .secondary-button{flex:1 1 0;height:36px;min-height:36px}.control-deck{grid-template-columns:1fr auto;gap:12px;min-height:0;padding:8px 12px;transition:opacity .16s,filter .16s}.keyboard-hint{display:none}.dpad{grid-column:2;gap:5px;display:flex}.dpad button{width:48px;min-width:48px;height:48px;min-height:48px;font-size:1rem}.footer-tip{text-align:left;grid-area:1/1;justify-content:flex-start;margin:0;font-size:.76rem}.has-outcome .control-panel,.has-outcome .control-deck{pointer-events:none;opacity:.12;filter:blur(1px)}.level-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:460px){.topbar{grid-template-columns:1fr auto}.top-actions .primary-button{gap:0;width:44px;padding:0;font-size:0}.top-actions .primary-button span{font-size:1rem}.stage-readout--left{left:22px}.stage-readout--right{right:22px}.control-deck{grid-template-columns:1fr;place-items:center}.footer-tip{display:none}.dpad{grid-area:1/1;justify-self:center}.dpad button{width:48px;min-width:48px;height:48px;min-height:48px}.level-grid{grid-template-columns:1fr}.level-grid button{min-height:78px}.modal-backdrop{align-items:end;padding:0}.level-modal,.help-modal{border-bottom:0;border-left:0;border-right:0;max-height:92dvh}.modal-heading{padding:20px}.help-list{padding-inline:20px}.help-close{width:calc(100% - 40px);margin:20px}.outcome-score{grid-template-columns:repeat(3,minmax(62px,86px))}.outcome-actions{flex-direction:column;width:min(280px,100%)}}@media (max-height:700px) and (min-width:761px){.topbar{min-height:62px}.control-deck{min-height:58px}.control-panel{gap:10px;padding-block:14px}.level-copy h1{font-size:1.8rem}.legend,.objective-card{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}