:root{font-family:Inter,system-ui,sans-serif;color:#eafcff;background:#02040c;--cyan:#5ee7ff;--pink:#ff4fb3;--panel:rgba(5,10,26,.92)}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#02040c}#app{position:relative;width:100vw;height:100vh;min-height:520px;background:radial-gradient(circle at 70% 30%,#12204b,#02040c 55%)}canvas{width:100%;height:100%;display:block;cursor:crosshair}.panel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(90deg,rgba(2,4,12,.93),rgba(2,4,12,.48) 55%,rgba(2,4,12,.18));backdrop-filter:blur(2px)}.hidden{display:none!important}.home{align-items:flex-start;padding-left:clamp(28px,8vw,140px)}.eyebrow{color:var(--cyan);letter-spacing:.35em;font-weight:800;font-size:12px}h1{font-size:clamp(48px,8vw,112px);line-height:.78;margin:22px 0 16px;letter-spacing:-.06em;text-shadow:0 0 25px #235fff}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--cyan);filter:drop-shadow(0 0 8px #26cfff)}.tagline{letter-spacing:.28em;color:#8fa7d5;font-size:12px}.menu-actions{display:grid;gap:10px;width:min(360px,80vw);margin-top:25px}button{color:#dffaff;background:rgba(13,23,54,.82);border:1px solid #304c87;border-radius:7px;padding:14px 18px;text-align:left;letter-spacing:.12em;font-weight:800;cursor:pointer;transition:.18s;font-size:14px}button:hover,button:focus{transform:translateX(6px);border-color:var(--cyan);box-shadow:0 0 20px #21c8ff44;outline:none}.primary{background:linear-gradient(90deg,#0878b4,#0aa1be);border-color:#7ff3ff;color:#fff}.menu-actions small{float:right;color:#83a3c7}.controls{position:absolute;left:clamp(28px,8vw,140px);bottom:25px;color:#72809e;font-size:12px}.modal{background:rgba(2,4,12,.84);padding:24px}.card{width:min(760px,92vw);max-height:88vh;overflow:auto;background:var(--panel);border:1px solid #294470;border-radius:16px;padding:28px;box-shadow:0 0 80px #061c4e}.card h2{margin:0 0 8px;font-size:28px;letter-spacing:.08em}.card>p{color:#90a5c8}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:20px 0}.choice{min-height:110px}.choice b{display:block;color:var(--cyan);font-size:16px}.choice span{display:block;color:#8799bc;font-size:11px;margin-top:8px;letter-spacing:0;line-height:1.4}.choice.locked{opacity:.55}.ship-preview{height:64px;position:relative;margin-bottom:8px}.ship-preview:before{content:"";position:absolute;left:50%;top:4px;transform:translateX(-50%);border-left:24px solid transparent;border-right:24px solid transparent;border-bottom:55px solid var(--ship,#5ee7ff);filter:drop-shadow(0 0 8px var(--ship,#5ee7ff))}.back{width:100%;text-align:center;margin-top:8px}#hud{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;align-items:flex-start;padding:20px 26px;pointer-events:none;text-shadow:0 2px 4px #000}#hud span{display:block;font-size:11px;color:#92b2d4;margin-top:4px;letter-spacing:.13em}#hud .right{text-align:right}.health{position:absolute;left:50%;transform:translateX(-50%);width:min(360px,35vw);height:9px;background:#271229;border:1px solid #4d4264}.health i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ff437a,#ffb347);box-shadow:0 0 8px #ff437a}.toast{position:absolute;left:50%;bottom:25px;transform:translate(-50%,20px);background:#071733dd;border:1px solid var(--cyan);padding:10px 18px;border-radius:30px;opacity:0;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}.upgrade{min-height:160px}.upgrade.selected{border-color:var(--pink);box-shadow:0 0 18px #ff4fb355}.danger{border-color:#923654;color:#ff9abf}@media(max-width:700px){.home{align-items:center;padding:20px;text-align:center}.controls{left:10px;right:10px;text-align:center}.menu-actions{width:min(360px,90vw)}h1{font-size:58px}.card{padding:20px}#app{min-height:440px}}