:root{--bg-top: #93c5fd;--bg-bottom: #eff6ff;--panel: rgba(7, 24, 39, .78);--line: rgba(255, 255, 255, .14);--text: #eef6ff;--muted: #a9c3d6;--accent: #ffb84d;--accent-strong: #ff7a18;--display: "Avenir Next Condensed", "Franklin Gothic Medium", sans-serif;--body: "IBM Plex Sans", "Trebuchet MS", sans-serif;color:var(--text);font-family:var(--body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{min-height:100svh;background:radial-gradient(circle at top,rgba(255,255,255,.25),transparent 40%),linear-gradient(180deg,var(--bg-top),var(--bg-bottom))}button{border:0;cursor:pointer;font:inherit}.app-shell{position:relative;min-height:100svh;overflow:hidden}.sim-root,.sim-canvas{position:absolute;inset:0}.sim-canvas canvas{width:100%;height:100%;display:block}.topbar{position:absolute;inset:1rem 1rem auto;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;z-index:5;pointer-events:none}.brand,.controls-card,.hud,.menu,.status-pill{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--panel);border:1px solid var(--line);box-shadow:0 24px 80px #0008144d}.brand{padding:.9rem 1rem;border-radius:1.2rem;max-width:min(32rem,calc(100vw - 2rem))}.brand h1,.menu h2{margin:0;font-family:var(--display);font-size:clamp(2rem,4vw,3.5rem);line-height:.9;letter-spacing:.08em;text-transform:uppercase}.brand p,.menu p,.controls-card li,.status-pill,.stat-label{color:var(--muted)}.brand p{margin:.45rem 0 0;max-width:34rem;font-size:.95rem}.controls-card{width:min(22rem,calc(100vw - 2rem));padding:1rem;border-radius:1.2rem;pointer-events:auto}.controls-card h2{margin:0 0 .75rem;font-size:.95rem;letter-spacing:.16em;text-transform:uppercase}.controls-card ul{padding:0;margin:0;list-style:none;display:grid;gap:.55rem;font-size:.88rem}.hud{position:absolute;left:1rem;right:1rem;bottom:1rem;z-index:5;border-radius:1.35rem;padding:1rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.stat{padding:.8rem .9rem;border-radius:1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.stat-label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.18em}.stat-value{display:block;margin-top:.45rem;font-family:var(--display);font-size:clamp(1.2rem,2vw,2rem);letter-spacing:.05em;text-transform:uppercase}.status-row{position:absolute;left:1rem;bottom:9.6rem;display:flex;flex-wrap:wrap;gap:.65rem;z-index:5}.status-pill{border-radius:999px;padding:.55rem .85rem;font-size:.8rem}.status-pill strong{color:var(--text)}.menu{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:7;width:min(26rem,calc(100vw - 2rem));padding:1.2rem;border-radius:1.4rem}.menu p{margin:.65rem 0 1rem}.menu-actions,.secondary-actions{display:flex;flex-wrap:wrap;gap:.7rem}.menu button,.touch-button{border-radius:999px;padding:.8rem 1.1rem;font-weight:600}.menu .primary{color:#08121d;background:linear-gradient(135deg,var(--accent),var(--accent-strong))}.menu .secondary,.touch-button{color:var(--text);background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.mission{margin-top:1rem;padding:.9rem 1rem;border-radius:1rem;background:#ffffff0a}.mission strong{display:block;margin-bottom:.35rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.14em}.touch-controls{position:absolute;inset:auto 1rem 12rem;z-index:6;display:none;justify-content:space-between;align-items:flex-end;gap:1rem;pointer-events:none}.touch-pad,.touch-throttle{display:grid;gap:.65rem;pointer-events:auto}.touch-pad{grid-template-columns:repeat(3,4.2rem);grid-template-areas:". up ." "left center right" ". down ."}.touch-pad .up{grid-area:up}.touch-pad .left{grid-area:left}.touch-pad .center{grid-area:center}.touch-pad .right{grid-area:right}.touch-pad .down{grid-area:down}.touch-throttle{grid-template-columns:repeat(2,4.2rem)}.touch-button{width:4.2rem;height:4.2rem;padding:0;display:grid;place-items:center;-webkit-user-select:none;user-select:none}.touch-button.active{background:#ffb84d42;border-color:#ffb84d80}.error-state{min-height:100svh;display:grid;place-items:center;padding:2rem}.error-card{max-width:36rem;border-radius:1.5rem;padding:1.5rem;background:#030f1ae6;border:1px solid var(--line)}.error-card h2{margin-top:0;font-family:var(--display);text-transform:uppercase}.accent{color:var(--accent)}@media(max-width:960px){.topbar{flex-direction:column}.hud{grid-template-columns:repeat(2,minmax(0,1fr))}.status-row{bottom:13.7rem}.menu{inset:50% auto auto 50%;width:min(26rem,calc(100vw - 2rem))}}@media(max-width:720px),(pointer:coarse){.brand p,.controls-card{display:none}.touch-controls{display:flex}.status-row{bottom:15.7rem}}