:root{color:#f4f2e8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#050604;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.4}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}#app{min-height:100svh}.pilot-shell{background:#050604;grid-template-columns:minmax(290px,340px) minmax(0,1fr);min-height:100svh;display:grid}.control-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0e0be0;border-right:1px solid #f4f2e824;flex-direction:column;gap:1.15rem;min-height:100svh;padding:1.25rem;display:flex}.panel-header{grid-template-columns:3.1rem minmax(0,1fr);align-items:center;gap:.75rem;display:grid}.brand-mark{object-fit:contain;width:3.1rem;height:3.1rem}.brand-copy{min-width:0}.eyebrow{color:#82dbc9;letter-spacing:0;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:700}h1{color:#fff8d6;letter-spacing:0;margin:0;font-size:2rem;font-weight:720}.config-form{gap:1rem;display:grid}fieldset{border:0;gap:.65rem;margin:0;padding:0;display:grid}legend,.slider-row label{color:#f4f2e8b8;letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:700}.triplet{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.triplet label,.slider-row label{gap:.35rem;display:grid}input{color:#fffdf1;background:#ffffff0f;border:1px solid #f4f2e829;border-radius:6px;outline:none;width:100%;min-height:2.45rem;padding:.55rem .65rem}input:focus{border-color:#1ce6b8e6;box-shadow:0 0 0 3px #1ce6b821}.slider-row{gap:.75rem;display:grid}.primary-button{color:#07110d;background:#1ce6b8;border:0;border-radius:6px;min-height:2.55rem;font-weight:760}.primary-button:hover{background:#7ff5db}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:auto 0 0;display:grid}.stats-grid div{background:#ffffff0b;border:1px solid #f4f2e81f;border-radius:6px;min-width:0;padding:.7rem}dt{color:#f4f2e88c;text-transform:uppercase;font-size:.72rem;font-weight:700}dd{color:#fffbe9;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin:.2rem 0 0;overflow:hidden}.stage{background:#000;min-width:0;min-height:100svh;position:relative;overflow:hidden}.stage-canvas{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.readout{z-index:2;pointer-events:none;justify-content:space-between;gap:.75rem;display:flex;position:absolute;top:1rem;left:1rem;right:1rem}.readout span{color:#fffbe9e6;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;background:#0506049e;border:1px solid #f4f2e81f;border-radius:6px;max-width:min(30rem,48%);padding:.45rem .6rem;font-size:.82rem;overflow:hidden}.touch-pad{z-index:3;grid-template-rows:3rem;grid-template-columns:repeat(4,3rem);gap:.45rem;display:grid;position:absolute;bottom:1rem;right:1rem}.touch-pad button{color:#fffbe9;background:#0a0d0aad;border:1px solid #f4f2e829;border-radius:6px;place-items:center;min-width:3rem;min-height:3rem;display:grid;box-shadow:0 .75rem 1.7rem #00000038}.touch-pad button:hover,.touch-pad button:active{color:#1ce6b8;border-color:#1ce6b8cc}.touch-pad [data-control=thrust]{grid-area:1/2}.touch-pad [data-control=left]{grid-area:1/1}.touch-pad [data-control=right]{grid-area:1/3}.touch-pad [data-control=fire]{color:#ffdf8a;grid-area:1/4}@media (width<=820px){body{overflow:auto}.pilot-shell{grid-template-rows:auto minmax(28rem,1fr);grid-template-columns:1fr}.control-panel{border-bottom:1px solid #f4f2e824;border-right:0;min-height:auto}.stage{min-height:62svh}.stats-grid{margin-top:0}}