styles.css

body{font-family:'Orbitron',sans-serif;margin:0;overflow:hidden;background:radial-gradient(1200px 800px at 70% 10%,#0b1220 0%,#0a0f1a 40%,#070b14 70%,#04080f 100%)}#container{position:fixed;inset:0;z-index:0}#container canvas{position:fixed;inset:0;z-index:0}canvas{display:block}#ui{position:fixed;top:20px;left:20px;z-index:10000;background:rgba(17,24,39,.92);border:1px solid rgba(59,130,246,.18);box-shadow:0 10px 30px rgba(0,0,0,.45);border-radius:16px;width:380px;max-width:92vw;color:#e5e7eb;display:flex;flex-direction:column;max-height:calc(100vh - 40px)}#ui, #ui *{pointer-events:auto}#hdr{padding:14px 16px;border-bottom:1px solid rgba(59,130,246,.18);display:flex;align-items:center;justify-content:space-between;gap:10px}#title{display:flex;align-items:center;gap:10px;color:#a7f3d0;font-weight:800;letter-spacing:1px}#panel{padding:14px 16px;overflow:auto}#panel input, #panel button, #panel select, #panel textarea{pointer-events:auto}#tooltip{position:absolute;display:none;background:rgba(0,0,0,.85);color:#fff;padding:8px 12px;border-radius:8px;z-index:1500;pointer-events:none;font-size:13px;border:1px solid rgba(255,255,255,.1)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:linear-gradient(90deg,#374151,#1f2937);border-radius:6px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:#22c55e;border-radius:50%;border:2px solid #052e1a;box-shadow:0 0 0 3px rgba(34,197,94,.25);cursor:pointer}#progressBarContainer{width:100%;background:#1f2937;border-radius:6px;overflow:hidden;display:none;height:8px;margin-top:10px;border:1px solid rgba(59,130,246,.18)}#progressBar{width:0;height:8px;background:linear-gradient(90deg,#22c55e,#3b82f6);box-shadow:0 0 12px #22c55e inset}#minimapContainer{width:100%;height:240px;margin-top:12px}#minimap{width:100%;height:100%;background:linear-gradient(180deg,#0d1726,#0b1321);border-radius:10px;border:1px solid rgba(148,163,184,.25);cursor:pointer}.btn{transition:all .2s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}#statusPill{font-size:11px;padding:4px 8px;border-radius:999px;background:rgba(20,184,166,.15);color:#5eead4;border:1px solid rgba(45,212,191,.25)}