*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:Segoe UI,Arial,sans-serif;color:#e0e0e0}#game-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}#game-container canvas{display:block}#ui-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}#skill-bars{position:absolute;bottom:72px;left:50%;transform:translate(-50%);pointer-events:auto;display:flex;flex-direction:row;gap:8px}.skill-bar{width:200px;height:20px;background:#0009;border:1px solid rgba(0,255,255,.3);border-radius:3px;overflow:hidden;position:relative;box-shadow:0 0 6px #00ffff26}.skill-bar-fill{height:100%;transition:width .3s ease}.skill-bar-fill.hp{background:linear-gradient(90deg,#8b0000,#ff2020);box-shadow:inset 0 0 8px #ff00004d}.skill-bar-fill.energy{background:linear-gradient(90deg,#00008b,#2080ff);box-shadow:inset 0 0 8px #0064ff4d}.skill-bar-label{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;text-shadow:1px 1px 2px #000;letter-spacing:.5px}#minimap-container{position:absolute;top:16px;right:16px;width:150px;height:150px;pointer-events:auto;border-radius:50%;overflow:hidden;border:2px solid rgba(0,255,255,.4);box-shadow:0 0 10px #0ff3}#minimap-canvas{width:100%;height:100%}#chat-box{position:absolute;bottom:16px;left:16px;width:340px;height:180px;pointer-events:auto;background:#000000a6;border:1px solid rgba(0,255,255,.25);border-radius:4px;display:flex;flex-direction:column;box-shadow:0 0 8px #00ffff1a}#chat-messages{flex:1;overflow-y:auto;padding:8px;font-size:12px;line-height:1.5}#chat-messages::-webkit-scrollbar{width:4px}#chat-messages::-webkit-scrollbar-thumb{background:#00ffff4d;border-radius:2px}.chat-message{margin-bottom:2px}.chat-message.system{color:#0cc}#chat-input-row{display:flex;border-top:1px solid rgba(0,255,255,.2)}#chat-input{flex:1;background:#0006;border:none;color:#e0e0e0;padding:6px 8px;font-size:12px;font-family:inherit;outline:none}#chat-input::placeholder{color:#ffffff4d}#chat-input:focus{background:#0009}.game-panel{position:absolute;pointer-events:auto;background:#050f19e6;border:1px solid rgba(0,255,255,.3);border-radius:4px;box-shadow:0 0 12px #00ffff26;min-width:220px}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid rgba(0,255,255,.2);font-size:13px;font-weight:700;color:#0cc;letter-spacing:1px;text-transform:uppercase}.panel-hotkey{font-size:10px;color:#00ffff80;font-weight:400}.panel-body{padding:8px}#skill-panel{top:50%;left:50%;transform:translate(-50%,-50%);width:260px}.skill-row{margin-bottom:10px}.skill-row:last-child{margin-bottom:0}.skill-row-header{display:flex;justify-content:space-between;font-size:12px;margin-bottom:3px}.skill-name{font-weight:700}.skill-level{color:#aaa}.skill-xp-bar{width:100%;height:8px;background:#00000080;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.skill-xp-fill{height:100%;border-radius:3px;transition:width .3s ease;opacity:.8}.skill-xp-text{font-size:10px;color:#888;margin-top:2px}#inventory-panel{top:50%;right:180px;transform:translateY(-50%);width:262px}#inventory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.inv-slot{width:56px;height:56px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:3px;position:relative}.inv-item{width:100%;height:100%;border-radius:3px;border:1px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.inv-item-svg{width:28px;height:28px}.inv-item-name{font-size:9px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:52px;opacity:.8;margin-top:1px}.inv-item-count{position:absolute;bottom:1px;right:3px;font-size:10px;font-weight:700;text-shadow:1px 1px 2px #000}.floating-text{position:absolute;left:0;top:0;pointer-events:none;font-size:14px;font-weight:700;text-shadow:1px 1px 3px #000,0 0 8px currentColor;white-space:nowrap;transition:none;will-change:transform,opacity}.progress-bar-3d{position:absolute;left:0;top:0;pointer-events:none;width:60px;height:6px;background:#000000b3;border:1px solid rgba(255,255,255,.2);border-radius:3px;overflow:hidden;will-change:transform}.progress-bar-3d-fill{height:100%;background:#0fc;border-radius:2px;transition:width .1s linear}.health-bar-3d{position:absolute;left:0;top:0;pointer-events:none;width:50px;height:5px;background:#000000b3;border:1px solid rgba(255,0,0,.3);border-radius:3px;overflow:hidden;will-change:transform}.health-bar-3d-fill{height:100%;background:linear-gradient(90deg,#8b0000,#ff2020);border-radius:2px}#target-panel{position:absolute;top:16px;left:50%;transform:translate(-50%);pointer-events:auto;background:#050f19e6;border:1px solid rgba(255,80,80,.4);border-radius:4px;padding:8px 16px;min-width:180px;text-align:center;box-shadow:0 0 10px #ff000026}#target-panel .target-name{font-size:13px;font-weight:700;color:#f64;margin-bottom:4px}#target-panel .target-level{font-size:11px;color:#aaa;margin-bottom:4px}#target-panel .target-hp-bar{width:100%;height:8px;background:#00000080;border-radius:4px;overflow:hidden;border:1px solid rgba(255,0,0,.3)}#target-panel .target-hp-fill{height:100%;background:linear-gradient(90deg,#8b0000,#ff2020);border-radius:3px;transition:width .15s ease}#equipment-panel{top:50%;left:180px;transform:translateY(-50%);width:200px}.equip-slots{display:flex;flex-direction:column;align-items:center;gap:4px}.equip-slot{width:56px;height:56px;background:#0006;border:1px solid rgba(0,255,255,.2);border-radius:3px;position:relative;display:flex;align-items:center;justify-content:center}.equip-slot-label{font-size:9px;color:#ffffff4d;text-transform:uppercase}.equip-row{display:flex;gap:4px}#crafting-panel{top:50%;left:50%;transform:translate(-50%,-50%);width:300px;max-height:400px}.recipe-list{max-height:300px;overflow-y:auto}.recipe-item{padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer}.recipe-item:hover{background:#00ffff0d}.recipe-item.can-craft{border-left:2px solid #00cc88}.recipe-item.cannot-craft{border-left:2px solid #663333;opacity:.6}.recipe-name{font-size:12px;font-weight:700;margin-bottom:2px}.recipe-materials{font-size:10px;color:#888}.recipe-craft-btn{margin-top:2px;padding:2px 8px;background:#00c86433;border:1px solid rgba(0,200,100,.4);color:#0c8;font-size:10px;border-radius:3px;cursor:pointer}.recipe-craft-btn:hover{background:#00c8644d}#ability-hotbar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);pointer-events:auto;display:flex;gap:4px}.ability-slot{width:48px;height:48px;background:#050f19e6;border:1px solid rgba(0,255,255,.3);border-radius:4px;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.ability-slot .hotkey-label{position:absolute;top:2px;left:4px;font-size:9px;color:#fff6}.ability-slot .ability-icon{width:32px;height:32px;border-radius:3px;opacity:.9}.ability-slot .cooldown-overlay{position:absolute;bottom:0;left:0;width:100%;background:#000000b3;border-radius:0 0 3px 3px}.ability-slot .cooldown-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;text-shadow:1px 1px 2px #000}.buff-display{position:absolute;bottom:100px;left:50%;transform:translate(-50%);pointer-events:none;display:flex;gap:3px}.buff-icon{width:24px;height:24px;border-radius:3px;border:1px solid rgba(255,255,255,.3);position:relative;font-size:8px;display:flex;align-items:center;justify-content:center;color:#fff;text-shadow:1px 1px 1px #000}#planet-map-panel{top:50%;left:50%;transform:translate(-50%,-50%);width:360px}.planet-list{display:flex;flex-direction:column;gap:8px}.planet-card{padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:4px;cursor:pointer}.planet-card:hover{background:#00ffff0d}.planet-card.locked{opacity:.5;cursor:default}.planet-card.current{border-color:#00ffff80;background:#00ffff0d}.planet-name{font-size:14px;font-weight:700;margin-bottom:2px}.planet-tier{font-size:10px;color:#888}.planet-requirements{font-size:10px;color:#a64;margin-top:4px}.planet-travel-btn{margin-top:6px;padding:4px 12px;background:#00c8c833;border:1px solid rgba(0,200,200,.4);color:#0cc;font-size:11px;border-radius:3px;cursor:pointer}.planet-travel-btn:hover{background:#00c8c84d}#loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#050f19;z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#0cc;font-size:18px;transition:opacity .3s ease}#loading-screen.fade-out{opacity:0}#spellbook-panel{top:50%;left:50%;transform:translate(-50%,-50%);width:280px;max-height:400px}.spell-list{max-height:300px;overflow-y:auto}.spell-item{padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:8px;cursor:pointer}.spell-item:hover{background:#00ffff0d}.spell-icon-small{width:24px;height:24px;border-radius:3px;flex-shrink:0}.spell-info{flex:1}.spell-name{font-size:12px;font-weight:700}.spell-desc{font-size:10px;color:#888}#settings-panel{top:50%;left:50%;transform:translate(-50%,-50%);width:320px}#settings-panel .panel-body{max-height:400px;overflow-y:auto}.settings-keybinds-header{font-size:12px;font-weight:700;color:#0cc;text-transform:uppercase;letter-spacing:.5px;margin-top:10px;margin-bottom:6px;padding-top:8px;border-top:1px solid rgba(0,255,255,.15)}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}.settings-label{font-size:12px;color:#ccc}.settings-slider{width:100px;accent-color:#00cccc}.settings-toggle{display:flex;align-items:center;gap:6px;cursor:pointer}.settings-toggle input[type=checkbox]{accent-color:#00cccc;width:14px;height:14px;cursor:pointer}.toggle-label{font-size:11px;color:#aaa}#achievement-panel{top:50%;right:16px;transform:translateY(-50%);width:260px;max-height:400px}.achievement-list{max-height:320px;overflow-y:auto}.achievement-item{padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:8px}.achievement-item.unlocked{background:#00c8640d}.achievement-item.locked{opacity:.4}.achievement-icon{width:28px;height:28px;border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:16px}.achievement-info{flex:1}.achievement-name{font-size:11px;font-weight:700}.achievement-desc{font-size:10px;color:#888}#tutorial-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none}.tutorial-tooltip{position:absolute;background:#050f19f2;border:1px solid rgba(0,255,255,.5);border-radius:6px;padding:12px 16px;max-width:280px;pointer-events:auto;box-shadow:0 0 20px #0ff3}.tutorial-text{font-size:13px;line-height:1.5;margin-bottom:8px}.tutorial-btn{padding:4px 16px;background:#00c8c833;border:1px solid rgba(0,200,200,.4);color:#0cc;font-size:12px;border-radius:3px;cursor:pointer}.tutorial-btn:hover{background:#00c8c84d}.world-label{position:absolute;left:0;top:0;pointer-events:none;font-size:11px;font-weight:600;white-space:nowrap;text-shadow:1px 1px 3px #000,0 0 6px rgba(0,0,0,.8);opacity:.9;will-change:transform}.world-label.node{color:#8fd}.world-label.enemy{color:#f88}#inv-tooltip-container{position:absolute;z-index:10;pointer-events:none}.inv-tooltip{background:#050f19f2;border:1px solid rgba(0,255,255,.4);border-radius:4px;padding:8px 10px;min-width:120px;box-shadow:0 0 10px #00ffff26}.inv-tooltip-name{font-size:12px;font-weight:700;margin-bottom:3px}.inv-tooltip-type{font-size:10px;color:#888;margin-bottom:4px}.inv-tooltip-stats{font-size:10px;color:#6ca;margin-bottom:3px;line-height:1.5}.inv-tooltip-count{font-size:10px;color:#aaa}#esc-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:20;display:flex;align-items:center;justify-content:center}#esc-menu{background:#050f19f2;border:1px solid rgba(0,255,255,.35);border-radius:6px;padding:24px 32px;min-width:240px;max-height:80vh;overflow-y:auto;text-align:center;box-shadow:0 0 20px #00ffff26}.esc-title{font-size:20px;font-weight:700;color:#0cc;letter-spacing:3px;margin-bottom:20px}.esc-btn{display:block;width:100%;padding:8px 0;margin-bottom:8px;background:#00c8c81a;border:1px solid rgba(0,255,255,.25);color:#e0e0e0;font-size:13px;font-family:inherit;border-radius:4px;cursor:pointer;letter-spacing:.5px}.esc-btn:hover{background:#00c8c833;border-color:#00ffff80;color:#fff}.keybinds-section{text-align:left;margin-bottom:8px}.keybinds-title{font-size:11px;font-weight:700;color:#0cc;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;margin-top:6px}.keybind-row{display:flex;justify-content:space-between;align-items:center;padding:2px 0;font-size:11px}.keybind-key{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:3px;padding:1px 6px;font-size:10px;color:#fff;min-width:28px;text-align:center}.keybind-action{color:#aaa;font-size:11px}#login-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#0a1525,#020810 80%);display:flex;align-items:center;justify-content:center;z-index:9999;font-family:Courier New,monospace}.login-terminal{background:#001428e6;border:1px solid rgba(0,180,255,.3);border-radius:8px;padding:40px;width:360px;box-shadow:0 0 40px #0078ff26,inset 0 0 20px #003c781a}.login-header{text-align:center;margin-bottom:30px}.login-title{font-size:28px;color:#0cf;text-shadow:0 0 20px rgba(0,200,255,.5);letter-spacing:6px;margin-bottom:8px}.login-subtitle{font-size:11px;color:#468;letter-spacing:2px}.login-field{margin-bottom:16px}.login-field label{display:block;color:#0ac;font-size:11px;letter-spacing:2px;margin-bottom:6px}.login-field input{width:100%;padding:10px 12px;background:#001e3ccc;border:1px solid rgba(0,150,200,.3);border-radius:4px;color:#0fc;font-family:Courier New,monospace;font-size:14px;outline:none;transition:border-color .2s}.login-field input:focus{border-color:#00c8ff99;box-shadow:0 0 10px #0096ff33}.login-numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:16px 0}.numpad-btn{padding:12px;background:#00285099;border:1px solid rgba(0,150,200,.2);border-radius:4px;color:#0ce;font-family:Courier New,monospace;font-size:16px;cursor:pointer;transition:all .15s}.numpad-btn:hover{background:#00508c99;border-color:#00c8ff80}.numpad-btn.numpad-pressed{background:#0096ff66;box-shadow:0 0 12px #00c8ff66}.login-actions{display:flex;gap:10px;margin-top:16px}.login-action-btn{flex:1;padding:12px;background:#0064b44d;border:1px solid rgba(0,180,255,.4);border-radius:4px;color:#0df;font-family:Courier New,monospace;font-size:13px;letter-spacing:2px;cursor:pointer;transition:all .2s}.login-action-btn:hover{background:#008cdc66;box-shadow:0 0 15px #00b4ff4d}.login-action-btn:disabled{opacity:.5;cursor:not-allowed}.login-error{color:#f44;font-size:12px;text-align:center;margin-top:12px;min-height:16px}.login-status{color:#4c8;font-size:12px;text-align:center;margin-top:4px;min-height:16px}