:root{--bg: #020617;--primary: #00e5ff;--success: #10b981;--danger: #f43f5e;--warning: #fbbf24;--surface: #0f172a;--border: #1e293b;--neon-glow: 0 0 15px rgba(0, 229, 255, .3)}.app-container{width:800px;height:600px;margin:20px auto;background:var(--bg);position:relative;font-family:Inter,sans-serif;color:#fff;overflow:hidden;border:1px solid var(--border);box-shadow:0 20px 40px #0009}.top-bar{position:absolute;top:0;left:0;right:0;height:32px;background:#0f172acc;display:flex;justify-content:space-between;align-items:center;padding:0 16px;z-index:100;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,#0f172a,#020617);padding:20px}.brand{text-align:center;margin-bottom:20px}.title{font-size:56px;font-weight:900;letter-spacing:-2px;background:linear-gradient(to bottom,#fff,var(--primary));-webkit-background-clip:text;-webkit-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(0,229,255,.4));margin:0}.subtitle{font-size:9px;letter-spacing:8px;color:var(--primary);opacity:.7}.ship-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%;max-width:600px;margin-bottom:20px}.ship-card{background:var(--surface);border:1px solid var(--border);padding:10px;display:flex;align-items:center;gap:12px;cursor:pointer;position:relative;border-radius:8px;transition:all .2s ease}.ship-card.active{border-color:var(--primary);box-shadow:var(--neon-glow);background:#00e5ff0d}.ship-card.locked{opacity:.6}.lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#020617cc;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;color:var(--danger);border-radius:8px}.ship-visual{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.ship-visual img{width:100%;height:100%;object-fit:contain}.ship-info h3{font-size:14px;margin:0;font-weight:800}.ship-info .desc{font-size:9px;opacity:.5;margin:0;line-height:1.2}.hud{position:absolute;top:48px;left:20px;right:20px;pointer-events:none;z-index:40}.hud-top{display:flex;justify-content:space-between;align-items:flex-start}.stat-box .label{font-size:9px;opacity:.5;letter-spacing:1px}.stat-box .value{font-size:28px;font-weight:900;line-height:1}.xp-container{display:flex;flex-direction:column;align-items:center;gap:4px}.xp-label{font-size:10px;font-weight:900;color:var(--primary)}.xp-track{width:160px;height:4px;background:#ffffff0d;border-radius:2px;overflow:hidden}.xp-fill{height:100%;background:linear-gradient(90deg,var(--primary),#d500f9);transition:width .3s}.launch-btn{padding:12px 36px;background:var(--primary);color:#000;border:none;font-weight:900;cursor:pointer;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);transition:.2s;letter-spacing:1px}.launch-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 20px var(--primary)}.launch-btn:disabled{opacity:.4}.controls-guide{display:flex;gap:20px;margin-bottom:20px}.guide-item{font-size:10px;opacity:.5;display:flex;align-items:center;gap:6px}.key{background:#1e293b;padding:2px 6px;border-radius:4px;color:var(--primary);font-weight:800}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#020617e6;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.upgrade-modal{background:var(--surface);padding:24px;border:1px solid var(--primary);text-align:center;width:320px;border-radius:12px}.upgrade-list{display:flex;flex-direction:column;gap:8px}.upgrade-card{background:#ffffff08;border:1px solid var(--border);color:#fff;padding:12px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:.2s;border-radius:6px;width:100%}.upgrade-card:hover{border-color:var(--primary);background:#00e5ff1a;transform:translate(4px)}.score-report{background:#ffffff05;padding:20px;width:240px;margin-bottom:20px;border:1px solid var(--border);border-radius:8px}.report-item{display:flex;justify-content:space-between;font-size:14px;margin-bottom:8px;font-weight:700}canvas{width:100%;height:100%;display:block}canvas.hidden{display:none}