:root{--bg:#10151d;--bg-raise:#161d27;--panel:#0b0f15;--cell:#1b2330;--cell-face-top:#232c3a;--cell-face-bottom:#171e29;--line:#27313f;--ink:#e9e4d6;--amber:#ffbb42;--amber-dim:#8a6f3a;--ok:#43d17c;--bad:#ff5c47;--ace:#b48cff;--muted:#8b96a5;--font-sign:"Barlow Condensed", "Arial Narrow", sans-serif;--font-body:"Barlow", "Helvetica Neue", sans-serif;--font-flap:"IBM Plex Mono", "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(120% 90% at 50% -10%, #1a2230 0%, var(--bg) 55%), var(--bg);min-height:100vh;color:var(--ink);font-family:var(--font-body);flex-direction:column;align-items:center;padding:20px 16px 48px;display:flex}body.fit{height:100dvh;min-height:0;padding:10px 16px 14px;overflow:hidden auto}body.fit main{flex-direction:column;flex:1;min-height:0;display:flex}@media (height<=780px){body.fit{padding:8px 16px 10px}body.fit .board{padding:4px 16px}body.fit .word{gap:6px 18px}body.fit .flap{height:clamp(36px,8.4vw,52px)}body.fit .key{height:36px}body.fit .keys{gap:5px}body.fit .deck{gap:6px}body.fit .deck-col{padding:4px 13px}body.fit .chip{padding:6px 10px}}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.signage{border-bottom:2px solid var(--amber);align-items:baseline;gap:16px;width:min(860px,100%);padding:6px 4px 14px;display:flex}.brand{align-items:baseline;gap:10px;display:flex}.brand-mark{color:var(--amber);font-size:1.5rem;display:inline-block;transform:rotate(-45deg)translateY(2px)}.signage h1{font-family:var(--font-sign);letter-spacing:.14em;text-transform:uppercase;font-size:clamp(1.7rem,5vw,2.2rem);font-weight:700}.tagline{color:var(--muted);flex:1;font-size:.9rem}.chip{font-family:var(--font-sign);letter-spacing:.12em;text-transform:uppercase;color:var(--amber);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:5px 14px;font-size:.85rem;font-weight:600}.chip:hover{border-color:var(--amber-dim)}main{width:min(860px,100%)}.board{--tone:var(--ok);border:1px solid color-mix(in srgb, var(--tone) 12%, transparent);background:0 0;border-radius:3px;flex:none;margin-top:12px;padding:6px 22px;position:relative;overflow:hidden}.board.warn{--tone:var(--amber)}.board.bad{--tone:var(--bad)}.board:after{content:"";pointer-events:none;mix-blend-mode:screen;opacity:.6;background:repeating-linear-gradient(0deg,#ffbb4209 0 1px,#0000 1px 3px);position:absolute;inset:0}.hud-brackets{z-index:1;pointer-events:none;filter:drop-shadow(0 0 3px var(--tone));position:absolute;inset:5px}.brk{border:0 solid var(--tone);width:13px;height:13px;transition:border-color .4s;position:absolute}.brk.tl{border-top-width:2px;border-left-width:2px;top:0;left:0}.brk.tr{border-top-width:2px;border-right-width:2px;top:0;right:0}.brk.bl{border-bottom-width:2px;border-left-width:2px;bottom:0;left:0}.brk.br{border-bottom-width:2px;border-right-width:2px;bottom:0;right:0}.tick{background:var(--tone);transition:background-color .4s;position:absolute}.tick.t,.tick.b{width:2px;height:7px;margin-left:-1px;left:50%}.tick.l,.tick.r{width:7px;height:2px;margin-top:-1px;top:50%}.tick.t{top:0}.tick.b{bottom:0}.tick.l{left:0}.tick.r{right:0}.board-row{z-index:1;border-bottom:1px dashed color-mix(in srgb, var(--amber) 22%, transparent);align-items:baseline;gap:18px;padding:11px 2px;display:flex;position:relative}.board-row:last-child{border-bottom:none}.board-row.hidden{display:none}.board-row.split{border-bottom:none;flex-wrap:wrap;justify-content:space-between;gap:10px 14px;padding:9px 2px 11px}.readout{border:1px solid color-mix(in srgb, var(--amber) 22%, transparent);background:#ffbb4205;border-radius:3px;align-items:baseline;gap:12px;padding:7px 12px;display:flex}.readout .board-label{min-width:0}.status-read{border-color:color-mix(in srgb, var(--tone) 45%, transparent);box-shadow:inset 0 0 12px color-mix(in srgb, var(--tone) 12%, transparent)}.board-label{font-family:var(--font-flap);letter-spacing:.22em;text-transform:uppercase;color:var(--amber-dim);min-width:104px;font-size:.7rem;font-weight:500}.board-value{font-family:var(--font-flap);letter-spacing:.06em;text-transform:uppercase;color:var(--amber);text-shadow:0 0 8px #ffbb4273;font-size:.95rem;font-weight:500}.board-value.hint{color:var(--ink);text-transform:none;letter-spacing:.02em;text-shadow:0 0 8px #e9e4d638}.status{align-items:center;gap:8px;display:inline-flex}.board-value.status{text-shadow:0 0 9px}.status-dot{background:currentColor;border-radius:1px;width:9px;height:9px;transform:rotate(45deg);box-shadow:0 0 8px}.status.warn{color:var(--amber)}.status.bad{color:var(--bad)}.status.ok{color:var(--ok)}.status.blink .status-dot{animation:.9s steps(2,start) infinite blink}@keyframes blink{50%{opacity:.15}}.pips{gap:5px;display:inline-flex}.pip{border:1px solid color-mix(in srgb, var(--amber) 40%, transparent);background:#ffbb420f;border-radius:2px;width:15px;height:20px;position:relative;box-shadow:inset 0 0 6px #ffbb4224}.pip.spent{border-color:color-mix(in srgb, var(--bad) 55%, transparent);box-shadow:none;background:#ff5c4714}.pip.spent:after{content:"✕";color:var(--bad);text-shadow:0 0 6px #ff5c4799;place-items:center;font-size:.6rem;display:grid;position:absolute;inset:0}.apron{flex:auto;justify-content:center;align-items:center;min-height:0;margin-top:6px;display:flex}body.fit .apron{min-height:140px}#plane-svg{width:min(440px,88%);height:auto;max-height:100%}.runway{stroke:#313c4c;stroke-width:3px;stroke-linecap:round}.runway-dashes{stroke:#27313f;stroke-width:2px;stroke-dasharray:22 16}.hud{--hud-tone:var(--ok)}.hud.hud-warn{--hud-tone:var(--amber)}.hud.hud-bad{--hud-tone:var(--bad)}.hud-canopy{stroke:#313c4c;stroke-width:3px;stroke-linecap:round;fill:none}.canopy-band{pointer-events:none;z-index:0;width:min(280px,50vw - 560px);display:none;position:fixed;top:0;bottom:0}.canopy-left{left:0}.canopy-right{right:0;transform:scaleX(-1)}.canopy-band svg{width:100%;height:100%}.canopy-glass{stroke:none}.canopy-glow{fill:none;stroke:#ffbe5a57;stroke-width:11px;stroke-linecap:round;filter:blur(7px)}.canopy-sill{fill:none;stroke:#3a4453;stroke-width:3.5px;stroke-linecap:round}.canopy-sill.inner{stroke:#ffd28780;stroke-width:1.5px}.canopy-glint{fill:none;stroke:#fff2d699;stroke-width:2px;stroke-linecap:round;filter:blur(1px)}@media (width>=1280px){.canopy-band{display:block}}.hud-cross{stroke:var(--ok);stroke-width:1.5px;fill:none;opacity:.55}.hud-bracket{stroke:var(--hud-tone);stroke-width:2px;fill:none;opacity:.85;transition:stroke .4s}.hud-text{font-family:var(--font-flap);letter-spacing:.08em;fill:var(--hud-tone);font-size:13px;transition:fill .4s}.hud.lost .hud-bracket{opacity:.4;animation:.4s steps(2,start) 4 trk-lost}@keyframes trk-lost{0%{opacity:.85}to{opacity:.1}}.ghost-layer use{fill:none;stroke:#3d4b5e;stroke-width:1.4px;stroke-dasharray:5 5;opacity:.5}.built-layer .part{fill:#223144;stroke:var(--amber);stroke-width:2px;opacity:0;transition:opacity .5s}.built-layer .part.on{opacity:1}#part-5{fill:var(--amber);stroke-width:1px}.plane{transform-box:fill-box;transform-origin:50%}.plane.splash .built-layer .part{opacity:1}.plane.splash{filter:drop-shadow(0 0 12px #ff5c474d)}.fire{opacity:0;transform-box:fill-box;transform-origin:50% 100%}.plane.splash .fire{filter:drop-shadow(0 0 6px #ff7d1a);animation:.4s ease-out .15s forwards ignite}.fire-outer{fill:#ff7d1a}.fire-core{fill:#ffd9a0}.plane.splash .fire-dance{animation:.14s ease-in-out infinite alternate flicker}.plane.takeoff{animation:2.4s cubic-bezier(.45,0,.7,.25) forwards takeoff}@keyframes takeoff{0%{opacity:1;transform:translate(0)scale(1)rotate(0)}16%{opacity:1;transform:translateY(-10px)scale(1)rotate(0)}40%{opacity:1;transform:translateY(-56px)scale(.92)rotate(1deg)}70%{opacity:.12;transform:translate(10px,-150px)scale(.58)rotate(5deg)}to{opacity:0;transform:translate(16px,-300px)scale(.3)rotate(7deg)}}.afterburner{opacity:0;transform-box:fill-box;transform-origin:50% 0}.ab-outer{fill:#ff7d1a}.ab-core{fill:#dceaff}.plane.takeoff .afterburner{filter:drop-shadow(0 0 6px #ff7d1a);animation:.3s ease-out forwards ignite}.plane.takeoff .ab-flicker{animation:.12s ease-in-out infinite alternate flicker}@keyframes ignite{0%{opacity:0;transform:scaleY(.15)}to{opacity:1;transform:scaleY(1)}}@keyframes flicker{0%{opacity:1}to{opacity:.5}}.word{flex-wrap:wrap;flex:none;justify-content:center;gap:10px 26px;margin-top:10px;display:flex}.word-group{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.flap{background:linear-gradient(var(--cell-face-top) 0%, var(--cell-face-top) 49%, var(--cell-face-bottom) 51%, var(--cell-face-bottom) 100%);border:1px solid var(--line);perspective:300px;border-radius:6px;place-items:center;width:clamp(30px,7.2vw,46px);height:clamp(42px,9.6vw,60px);display:grid;position:relative;overflow:hidden;box-shadow:0 3px 6px #00000059}.flap:after{content:"";background:#0000008c;height:1px;position:absolute;top:50%;left:0;right:0}.flap-inner{font-family:var(--font-flap);color:var(--ink);font-size:clamp(1.2rem,4.6vw,1.9rem);font-weight:600;line-height:1}.flap.fixed .flap-inner{color:var(--amber-dim)}.flap.revealed .flap-inner{animation:.45s ease-out flip}.flap.missed .flap-inner{color:var(--bad);animation:.45s ease-out flip}@keyframes flip{0%{transform:rotateX(-90deg)}60%{transform:rotateX(18deg)}to{transform:rotateX(0)}}.keyboard{flex:none;justify-content:center;align-items:stretch;gap:18px;margin-top:8px;display:flex}.keys{flex-direction:column;align-items:center;gap:6px;display:flex}.console{min-width:60px;font-family:var(--font-flap);flex-direction:column;gap:4px;padding:8px 12px;display:flex;position:relative}.console-left{text-align:right;border-left:2px solid #43d17c59;align-items:flex-end}.console-right{border-right:2px solid #43d17c59;align-items:flex-start}.console-left:before,.console-left:after,.console-right:before,.console-right:after{content:"";background:#43d17c59;width:12px;height:2px;position:absolute}.console-left:before,.console-left:after{left:0}.console-right:before,.console-right:after{right:0}.console-left:before,.console-right:before{top:0}.console-left:after,.console-right:after{bottom:0}.console-label{letter-spacing:.18em;color:#43d17c8c;font-size:.56rem}.console-value{color:var(--ink);font-size:.95rem}.console-value+.console-label{margin-top:10px}.console-value.hits{color:var(--ok)}.console-value.miss{color:var(--muted)}.console.warn .console-value.miss{color:var(--amber)}.console.bad .console-value.miss{color:var(--bad)}.console-rail{background:var(--cell);border-radius:2px;flex:auto;width:4px;min-height:36px;margin-top:4px;position:relative;overflow:hidden}.console-rail-fill{background:#43d17c99;width:100%;transition:height .3s;position:absolute;bottom:0;left:0}@media (width<=720px){.console{display:none}}.key-row{gap:7px;display:flex}.key{border:1px solid var(--line);background:var(--cell);color:#c9d2dd;width:clamp(28px,8vw,44px);height:clamp(40px,10vw,50px);font-family:var(--font-flap);border-radius:6px;font-size:clamp(.85rem,3vw,1.05rem);font-weight:500;transition:transform 80ms,background .15s}@media (width<=360px){.key-row{gap:4px}.key{width:clamp(24px,8.4vw,44px)}}.key:hover:not(:disabled){background:#253043;transform:translateY(-2px)}.key:disabled{cursor:default}.keys.locked .key{opacity:.4}.key.correct{color:var(--ok);background:#14351f;border-color:#2c6b41}.key.wrong{color:var(--bad);opacity:.55;background:#351712;border-color:#63241a}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#080b10d1;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.overlay.hidden{display:none}.overlay-card{background:var(--bg-raise);border:1px solid var(--line);border-top:3px solid var(--amber);text-align:center;border-radius:12px;width:min(480px,100%);padding:30px 30px 26px}.overlay-eyebrow{font-family:var(--font-sign);letter-spacing:.22em;text-transform:uppercase;color:var(--amber-dim);font-size:.8rem;font-weight:600}.overlay-title{font-family:var(--font-sign);letter-spacing:.1em;text-transform:uppercase;margin-top:6px;font-size:2.1rem;font-weight:700}.overlay-title.win{color:var(--ok)}.overlay-title.lose{color:var(--bad)}.difficulty-list{flex-direction:column;gap:12px;margin-top:22px;display:flex}.difficulty-btn{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:8px;grid-template-columns:1fr auto;grid-template-areas:"rank tier""desc desc";row-gap:4px;padding:14px 18px;transition:border-color .15s,transform .1s;display:grid;position:relative}.difficulty-btn:before,.difficulty-btn:after{content:"";pointer-events:none;border:0 solid #3d4b5e;width:14px;height:14px;transition:border-color .18s,width .18s,height .18s;position:absolute}.difficulty-btn:before{border-top-width:2px;border-left-width:2px;top:5px;left:5px}.difficulty-btn:after{border-bottom-width:2px;border-right-width:2px;bottom:5px;right:5px}.difficulty-btn:hover{border-color:var(--amber);transform:translate(3px)}.difficulty-btn:hover:before,.difficulty-btn:hover:after{border-color:var(--amber);width:22px;height:22px}.difficulty-btn .rank{font-family:var(--font-sign);letter-spacing:.08em;text-transform:uppercase;grid-area:rank;font-size:1.15rem;font-weight:600}.difficulty-btn .sortie-no{font-family:var(--font-flap);letter-spacing:.08em;color:var(--muted);margin-right:10px;font-size:.72rem;font-weight:500}.difficulty-btn .tier{font-family:var(--font-flap);letter-spacing:.1em;text-transform:uppercase;color:var(--amber);grid-area:tier;align-self:center;font-size:.75rem}.difficulty-btn .desc{color:var(--muted);grid-area:desc;font-size:.85rem}.difficulty-btn.first-officer .tier{color:var(--ok)}.difficulty-btn.test-pilot .tier{color:var(--bad)}.difficulty-btn.ace .tier{color:var(--ace)}.difficulty-btn.ace:hover,.difficulty-btn.ace:hover:before,.difficulty-btn.ace:hover:after{border-color:var(--ace)}.end-message{color:var(--muted);margin-top:14px}.end-flaps{flex-wrap:wrap;justify-content:center;gap:8px 14px;margin-top:16px;display:flex}.end-flaps .word-group{gap:3px}.end-flaps .flap{border-radius:4px;width:clamp(22px,5vw,30px);height:clamp(32px,7vw,42px)}.end-flaps .flap:after{background:#0000004d}.end-flaps .flap-inner{color:var(--ink);font-size:clamp(.95rem,3vw,1.3rem);animation:.45s ease-out backwards flip}.end-flaps .flap.fixed .flap-inner{color:var(--amber)}.end-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.action-btn{font-family:var(--font-sign);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:10px 22px;font-size:.95rem;font-weight:600}.action-btn:hover{border-color:var(--amber-dim)}.action-btn.primary{background:var(--amber);border-color:var(--amber);color:#1a1408}.action-btn.primary:hover{background:#ffca6a}.action-btn:disabled{opacity:.45;cursor:not-allowed}.action-btn:disabled:hover{border-color:var(--line)}.action-btn.primary:disabled:hover{background:var(--amber)}@media (width<=560px){.signage{flex-wrap:wrap;row-gap:4px}.tagline{order:3;width:100%}.board-label{min-width:92px}}@media (prefers-reduced-motion:reduce){.flap.revealed .flap-inner,.flap.missed .flap-inner,.status.blink .status-dot{animation:none}.plane,.built-layer .part,.key,.difficulty-btn,.difficulty-btn:before,.difficulty-btn:after{transition:none}.plane.takeoff{opacity:0;animation:none}.plane .afterburner,.plane .ab-flicker{animation:none}.plane.splash .fire{opacity:1;animation:none}.plane.splash .fire-dance,.hud.lost .hud-bracket,.end-flaps .flap-inner{animation:none}}html.reduce-motion *,html.reduce-motion :before,html.reduce-motion :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}html.no-scanlines .board:after{display:none}