:root{--color-crystallid: #00e5ff;--color-crystallid-dim: #00838f;--color-sporekin: #76ff03;--color-sporekin-dim: #558b2f;--color-voidborn: #ffd740;--color-voidborn-dim: #ff8f00;--color-bg: #0a0a12;--color-panel: rgba(10, 10, 25, .85);--color-border: rgba(100, 140, 255, .25);--color-border-glow: rgba(100, 140, 255, .6);--color-text: #e0e8ff;--color-text-dim: #7888aa;--color-accent: #648cff;--color-danger: #ff4466;--color-success: #44ff88;--color-warning: #ffd740;--font-display: "Orbitron", sans-serif;--font-body: "Rajdhani", sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.selectable{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}#game-container{position:relative;width:100vw;height:100vh}#game-canvas{display:block;width:100%;height:100%;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;cursor:crosshair}body.game-dragging,body.game-dragging *{user-select:none!important;-webkit-user-select:none!important;cursor:crosshair!important}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#ui-overlay>*:not(.hud):not(.hud__pause-indicator){pointer-events:auto}.ui-hidden{display:none!important}.panel{background:var(--color-panel);border:1px solid var(--color-border);border-radius:8px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:var(--space-md);box-shadow:0 0 15px #648cff14,inset 0 0 30px #648cff08;transition:border-color .3s ease,box-shadow .3s ease}.panel:hover{border-color:var(--color-border-glow);box-shadow:0 0 20px #648cff26,inset 0 0 30px #648cff0d}.btn{font-family:var(--font-display);font-size:clamp(.65rem,1.2vw,.8rem);font-weight:500;letter-spacing:.05em;text-transform:uppercase;padding:var(--space-xs) var(--space-md);border:1px solid var(--color-border);border-radius:4px;background:#648cff1a;color:var(--color-text);cursor:pointer;transition:all .2s ease}.btn:hover{background:#648cff40;border-color:var(--color-accent);box-shadow:0 0 10px #648cff4d}.btn:active{transform:scale(.97)}.btn--danger{border-color:#f466;background:#ff44661a}.btn--danger:hover{background:#ff446640;border-color:var(--color-danger);box-shadow:0 0 10px #ff44664d}.btn--success{border-color:#4f86;background:#44ff881a}.btn--success:hover{background:#44ff8840;border-color:var(--color-success);box-shadow:0 0 10px #44ff884d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 5px #648cff33}50%{box-shadow:0 0 20px #648cff80}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate-fade-out{animation:fadeOut .2s ease-in forwards}.system-label{position:absolute;transform:translate(-50%,-50%);background:#0a0f1ed9;border:1px solid rgba(100,140,255,.3);border-radius:12px;padding:4px 12px;color:#e6f0ff;font-family:var(--font-display);font-size:14px;font-weight:700;text-align:center;transition:border-color .3s,box-shadow .3s;display:flex;flex-direction:column;backdrop-filter:blur(4px);pointer-events:auto;cursor:pointer}.system-label.is-current{border-color:var(--color-success);box-shadow:0 0 12px #4f86;color:var(--color-success)}.system-label.is-target{border-color:var(--color-warning);box-shadow:0 0 12px #ffd74066;color:var(--color-warning)}.system-label .sector-name{font-size:9px;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:2px}.hud{position:fixed;top:0;left:0;width:100%;pointer-events:none;z-index:50;padding:var(--space-md);display:flex;justify-content:space-between;align-items:flex-start}.hud__left{display:flex;flex-direction:column;gap:var(--space-sm)}.hud__right{position:fixed;bottom:var(--space-md);right:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);pointer-events:auto}.hud__stat{background:var(--color-panel);border:1px solid var(--color-border);border-radius:6px;backdrop-filter:blur(8px);padding:var(--space-xs) var(--space-md);font-family:var(--font-display);font-size:clamp(.6rem,1.2vw,.75rem);letter-spacing:.05em;white-space:nowrap}.hud__stat-label{color:var(--color-text-dim);font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:2px}.hud__stat-value{font-weight:700}.hud__hp-bar{width:120px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-top:4px}.hud__hp-fill{height:100%;border-radius:3px;transition:width .3s ease,background-color .3s ease}.hud__system-name{color:var(--color-accent)}.hud__credits{color:var(--color-warning)}.hud__cargo{color:var(--color-accent)}.hud__hull--high{color:var(--color-success)}.hud__hull--mid{color:var(--color-warning)}.hud__hull--low{color:var(--color-danger)}.hud__left{pointer-events:auto}#hud-toggle-map{margin-top:10px;width:100%;text-align:center}#hud-target-box{margin-top:10px;width:100%}#hud-dock-btn{margin-top:10px;width:100%;text-align:center}.minimap-stats{position:fixed;top:224px;right:16px;width:200px;display:flex;justify-content:space-between;font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.05em;pointer-events:none;z-index:100;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 2px 8px rgba(0,0,0,.9);font-variant-numeric:tabular-nums}.minimap-stats__hp,.minimap-stats__cargo{width:50%;display:flex;justify-content:center;transition:color .3s}.minimap-stats__cargo{color:var(--color-accent)}.stat-val{width:28px;text-align:right}.stat-sep{width:14px;text-align:center;opacity:.6}.stat-max{width:28px;text-align:left}#minimap{position:fixed;top:16px;right:16px;width:200px;height:200px;border-radius:50%;z-index:100;pointer-events:none;box-shadow:0 0 0 1.5px #5082dc8c,0 0 16px #5082dc2e,0 4px 24px #000000a6;transition:all .3s cubic-bezier(.4,0,.2,1)}#minimap.is-expanded{top:50%;right:50%;transform:translate(50%,-50%);width:400px;height:400px;box-shadow:0 0 0 2px #5082dccc,0 0 40px #5082dc80,0 20px 60px #000000f2}.minimap-stats{transition:all .3s cubic-bezier(.4,0,.2,1)}.minimap-stats.is-expanded{top:calc(50% + 210px);right:50%;transform:translate(50%);width:400px;font-size:1rem}.menu-panel{position:fixed;bottom:0;left:50%;transform:translate(-50%) translateY(100%);width:clamp(240px,30vw,340px);z-index:300;text-align:center;transition:transform .3s cubic-bezier(.4,0,.2,1);border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none;padding:0}.menu-panel.is-visible{transform:translate(-50%) translateY(calc(100% - 48px))}.menu-panel.is-visible:hover{transform:translate(-50%) translateY(0)}.menu-panel__title{font-family:var(--font-display);font-size:1.2rem;font-weight:900;letter-spacing:.1em;color:var(--color-accent);padding:12px;cursor:pointer;background:#0000004d;border-bottom:1px solid var(--color-border);text-shadow:0 0 10px rgba(100,140,255,.4)}.menu-panel__content{padding:var(--space-lg)}.menu-panel__buttons{display:flex;flex-direction:column;gap:var(--space-sm)}.menu-panel__btn{font-family:var(--font-display);font-size:clamp(.7rem,1.5vw,.9rem);font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-border);border-radius:6px;background:#648cff14;color:var(--color-text);cursor:pointer;transition:all .2s ease}.menu-panel__btn:hover{background:#648cff33;border-color:var(--color-accent);box-shadow:0 0 15px #648cff40;transform:scale(1.02)}.menu-panel__btn:active{transform:scale(.98)}#warp-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;opacity:0;pointer-events:none;z-index:999;transition:opacity .3s ease-in-out}#warp-overlay.active{opacity:1}.trade-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(320px,50vw,580px);max-height:80vh;z-index:100}.trade-panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.trade-panel__title{font-family:var(--font-display);font-size:clamp(.9rem,2vw,1.2rem);font-weight:700;color:var(--color-accent);letter-spacing:.05em}.trade-panel__planet-type{font-size:.75rem;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.1em}.trade-panel__close{background:none;border:none;color:var(--color-text-dim);font-size:1.5rem;cursor:pointer;transition:color .2s;padding:0 var(--space-xs)}.trade-panel__close:hover{color:var(--color-danger)}.trade-panel__table{width:100%;border-collapse:collapse;font-size:clamp(.7rem,1.5vw,.85rem)}.trade-panel__table th{font-family:var(--font-display);font-weight:500;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-dim);padding:var(--space-xs) var(--space-sm);text-align:left;border-bottom:1px solid var(--color-border)}.trade-panel__table td{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid rgba(100,140,255,.08)}.trade-panel__table tr:hover{background:#648cff0d}.trade-row--profitable-buy td:first-child{border-left:2px solid var(--color-success)}.trade-row--profitable-sell td:first-child{border-left:2px solid var(--color-warning)}.trade-panel__item-name{font-weight:600}.trade-panel__price--low{color:var(--color-success)}.trade-panel__price--high{color:var(--color-danger)}.trade-panel__actions{display:flex;gap:var(--space-xs)}.trade-panel__footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--color-border);font-family:var(--font-display);font-size:clamp(.7rem,1.3vw,.85rem)}.trade-panel__credits{color:var(--color-warning)}.trade-panel__cargo{color:var(--color-accent)}.outfitting-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(320px,50vw,600px);max-height:80vh;z-index:100}.outfitting-panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-sm)}.outfitting-panel__title{font-family:var(--font-display);font-size:1.2rem;color:var(--color-accent);font-weight:700}.outfitting-panel__close{background:none;border:none;color:var(--color-text-dim);font-size:1.5rem;cursor:pointer}.outfitting-panel__close:hover{color:var(--color-danger)}.outfitting-panel__section{margin-bottom:var(--space-md)}.outfitting-panel__subtitle{font-family:var(--font-display);font-size:.8rem;color:var(--color-text-dim);text-transform:uppercase;margin-bottom:var(--space-sm)}.outfitting-panel__item{display:flex;justify-content:space-between;align-items:center;background:#648cff0d;padding:var(--space-sm);border-radius:4px;margin-bottom:var(--space-xs);font-size:.85rem}.outfitting-panel__item-name{font-weight:700}.outfitting-panel__item-bonus{color:var(--color-success);font-size:.75rem}.outfitting-panel__item-price{color:var(--color-warning)}.outfitting-panel__footer{border-top:1px solid var(--color-border);padding-top:var(--space-sm);text-align:right;font-family:var(--font-display)}.debug-panel{position:fixed;top:20px;left:20px;width:280px;z-index:9999;background:#0f0a1ef2;border:1px solid var(--color-danger);box-shadow:0 0 20px #f463}.debug-panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);border-bottom:1px solid var(--color-danger);padding-bottom:var(--space-sm)}.debug-panel__title{font-family:var(--font-display);font-size:1rem;color:var(--color-danger);font-weight:900;letter-spacing:.1em}.debug-panel__close{background:none;border:none;color:var(--color-text-dim);font-size:1.2rem;cursor:pointer}.debug-panel__close:hover{color:var(--color-danger)}.debug-panel__section{margin-bottom:var(--space-md);background:#0003;padding:var(--space-sm);border-radius:4px}.debug-panel__subtitle{font-family:var(--font-display);font-size:.7rem;color:var(--color-text-dim);text-transform:uppercase;margin-bottom:var(--space-sm);letter-spacing:.05em}.debug-panel__row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm);font-size:.85rem}.debug-panel__row input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-danger)}.debug-panel__select{background:#ffffff1a;color:#fff;border:1px solid var(--color-border);padding:2px 6px;border-radius:4px;font-family:var(--font-body);outline:none}.debug-panel__btn{width:100%;margin-bottom:6px;font-size:.75rem;padding:6px}.debug-panel__btn:last-child{margin-bottom:0}.settings-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(500px,60vw,700px);z-index:400;display:flex;flex-direction:column;padding:0;overflow:hidden}.settings-panel__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);border-bottom:1px solid var(--color-border);background:#0003}.settings-panel__title{font-family:var(--font-display);font-size:1.2rem;color:var(--color-accent);font-weight:700;letter-spacing:.1em}.settings-panel__close{background:none;border:none;color:var(--color-text-dim);font-size:1.5rem;cursor:pointer;transition:color .2s}.settings-panel__close:hover{color:var(--color-danger)}.settings-panel__body{display:flex;height:420px}.settings-panel__sidebar{width:160px;border-right:1px solid var(--color-border);display:flex;flex-direction:column;background:#0000001a}.settings-panel__tab{padding:var(--space-md);cursor:pointer;color:var(--color-text-dim);font-family:var(--font-display);text-transform:uppercase;font-size:.85rem;font-weight:600;letter-spacing:.05em;border-left:3px solid transparent;transition:all .2s}.settings-panel__tab:hover{color:var(--color-text);background:#648cff0d}.settings-panel__tab.active{color:var(--color-accent);border-left-color:var(--color-accent);background:#648cff1a}.settings-panel__content-area{flex:1;padding:var(--space-lg);overflow-y:auto}.settings-category{display:none;flex-direction:column;gap:var(--space-lg)}.settings-category.active{display:flex}.settings-panel__row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.settings-panel__row--col{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.keybind-btn{min-width:80px;text-align:center;background:#648cff26;border:1px solid var(--color-border);color:var(--color-accent);padding:4px 12px;border-radius:4px;cursor:pointer;font-family:var(--font-display);font-size:.8rem;transition:all .2s}.keybind-btn:hover{background:#648cff4d;border-color:var(--color-accent)}.keybind-btn.listening{background:var(--color-warning);color:#000;border-color:var(--color-warning);animation:pulse 1s infinite}.custom-checkbox{display:none}.custom-checkbox-label{display:flex;align-items:center;cursor:pointer;position:relative;padding-left:32px;user-select:none}.custom-checkbox-label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;border:1px solid var(--color-border);border-radius:4px;background:#0006;transition:all .2s}.custom-checkbox:checked+.custom-checkbox-label:after{content:"";position:absolute;left:5px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:var(--color-accent);border-radius:2px;box-shadow:0 0 8px var(--color-accent)}.custom-checkbox:checked+.custom-checkbox-label:before{border-color:var(--color-accent)}.custom-range{-webkit-appearance:none;width:100%;background:transparent}.custom-range:focus{outline:none}.custom-range::-webkit-slider-runnable-track{width:100%;height:6px;background:#648cff26;border-radius:3px;border:1px solid rgba(100,140,255,.3)}.custom-range::-webkit-slider-thumb{-webkit-appearance:none;height:18px;width:10px;background:var(--color-text);margin-top:-7px;border-radius:2px;cursor:pointer;box-shadow:0 0 10px #ffffff80;transition:background .2s,transform .1s}.custom-range::-webkit-slider-thumb:hover{background:var(--color-accent);transform:scale(1.2)}.custom-select{appearance:none;background:#0006;color:var(--color-text);border:1px solid var(--color-border);padding:6px 36px 6px 12px;border-radius:4px;font-family:var(--font-body);font-size:.9rem;outline:none;cursor:pointer;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23648cff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 10px center;transition:border-color .2s}.custom-select:hover{border-color:var(--color-accent)}.custom-select option{background:var(--color-bg);color:var(--color-text)}