*{box-sizing:border-box;margin:0}body{cursor:none;background:#020207;overflow:hidden}#boot-overlay{z-index:2;pointer-events:none;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0}#boot-overlay.hidden{opacity:0}#boot-overlay .label{color:#8fb7c8;letter-spacing:.35em;text-transform:uppercase;font-family:system-ui,-apple-system,sans-serif;font-size:15px;animation:1.6s ease-in-out infinite boot-pulse}@keyframes boot-pulse{0%,to{opacity:.35}50%{opacity:.8}}canvas{width:100vw;height:100vh}.crosshair{z-index:1;fill:#fff;pointer-events:none;position:absolute;top:50vh;left:50vw;transform:translate(-50%,-50%)}#landing{z-index:10;cursor:default;color:#cfd8e6;opacity:1;background:radial-gradient(60% 70% at 50% 45%,#02040ab8,#02040a00 75%);justify-content:center;align-items:center;padding:24px;font-family:system-ui,-apple-system,sans-serif;transition:opacity .5s;display:flex;position:fixed;inset:0;overflow-y:auto}#landing.hidden{opacity:0;pointer-events:none}.landing-console{flex-direction:column;align-items:center;gap:26px;width:min(560px,100%);animation:.6s cubic-bezier(.2,.8,.2,1) both landing-rise;display:flex}@keyframes landing-rise{0%{opacity:0;transform:translateY(14px)}}.landing-head{text-align:center}.landing-eyebrow{letter-spacing:.42em;text-transform:uppercase;color:#8fd0ff;opacity:.85;font-size:11px}.landing-title{letter-spacing:.16em;text-indent:.16em;color:#eaf4ff;text-shadow:0 0 26px #5ad1ff73;margin:10px 0 6px;font-size:clamp(52px,12vw,92px);font-weight:800;line-height:.9}.landing-tag{letter-spacing:.04em;color:#6b7a94;font-size:14px}.landing-field{width:100%}.landing-field>label{letter-spacing:.28em;text-transform:uppercase;color:#8fd0ff;margin-bottom:8px;font-size:11px;display:block}.callsign-row{gap:10px;display:flex}#vf-callsign{min-width:0;font:inherit;letter-spacing:.06em;color:#eaf4ff;cursor:text;background:#080c16b8;border:1px solid #3a4a6a;border-radius:8px;outline:none;flex:1;padding:13px 16px;font-size:19px;transition:border-color .15s,box-shadow .15s}#vf-callsign:focus{border-color:#8fd0ff;box-shadow:0 0 0 3px #5ad1ff29}.reroll{color:#8fd0ff;cursor:pointer;background:#080c16b8;border:1px solid #3a4a6a;border-radius:8px;flex:none;place-items:center;width:50px;transition:border-color .15s,color .15s,transform .3s;display:grid}.reroll:hover{color:#eaf4ff;border-color:#8fd0ff}.reroll:active{transform:rotate(-180deg)}.callsign-hint{letter-spacing:.03em;color:#6b7a94;min-height:16px;margin-top:7px;font-size:12px}.callsign-hint.error{color:#e2894a}.landing-controls{width:100%}.controls-label{letter-spacing:.28em;text-transform:uppercase;color:#8fd0ff;text-align:center;margin-bottom:14px;font-size:11px}.control-map{grid-template-columns:1fr 1fr 1fr;grid-template-areas:".up.""left ship right"".down.";place-items:center;gap:4px 10px;max-width:360px;margin:0 auto;display:grid}.dcell{letter-spacing:.12em;text-transform:uppercase;color:#6b7a94;flex-direction:column;align-items:center;gap:3px;font-size:10px;display:flex}.dcell.up{grid-area:up}.dcell.left{grid-area:left}.dcell.ship{grid-area:ship}.dcell.right{grid-area:right}.dcell.down{grid-area:down}.dcell .dir{color:#8fd0ff;font-size:11px;line-height:1}.control-map .key{width:auto;height:40px}.dcell.ship .ship{filter:drop-shadow(0 0 10px #5ad1ff59);width:128px;height:128px}.dcell.ship .thrust{transform-origin:50%;animation:.5s ease-in-out infinite alternate thrust-flicker}@keyframes thrust-flicker{0%{opacity:.55}to{opacity:1}}.key{object-fit:contain;-webkit-user-select:none;user-select:none;width:auto;height:34px}.control-chips{flex-wrap:nowrap;justify-content:center;gap:8px;margin-top:20px;padding:0;list-style:none;display:flex}.control-chips li{letter-spacing:.03em;color:#9fb0c8;background:#080c168c;border:1px solid #263450;border-radius:20px;align-items:center;gap:6px;padding:6px 12px 6px 8px;font-size:12px;display:flex}.control-chips .key{width:auto;height:26px}.launch-btn{font:inherit;letter-spacing:.22em;text-transform:uppercase;color:#1a1206;cursor:pointer;background:linear-gradient(#f3c766,#e2b04a);border:none;border-radius:9px;justify-content:center;align-items:center;margin-top:4px;padding:15px 56px;font-size:16px;font-weight:700;transition:transform .12s,box-shadow .2s,filter .15s;display:inline-flex;box-shadow:0 0 0 1px #e2b04a80,0 10px 30px #e2b04a47}.launch-btn:hover{filter:brightness(1.08);box-shadow:0 0 0 1px #e2b04a99,0 12px 40px #e2b04a6b}.launch-btn:active{transform:translateY(1px)}.launch-btn:disabled{color:#5a5342;box-shadow:none;cursor:not-allowed;background:#2a2c34}.launch-glyph{margin-left:4px;font-size:12px}@media (width<=460px){.landing-console{gap:20px}.control-chips{margin-top:16px}}@media (prefers-reduced-motion:reduce){.landing-console,.dcell.ship .thrust{animation:none}#landing,.reroll,.launch-btn{transition:none}}