*{box-sizing:border-box}.hidden{display:none!important}#main-menu{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0f1a;display:flex;align-items:center;justify-content:center;z-index:100}.menu-screen{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:520px}#menu-title{font-size:32px;font-weight:800;letter-spacing:.5px;color:#fff}#menu-subtitle{font-size:15px;opacity:.55;margin-top:-12px}#menu-buttons{display:flex;flex-direction:column;gap:12px;width:220px}#menu-buttons button{width:100%;padding:12px;font-size:16px;font-weight:600;border-radius:10px;background:#1e2a45;border:1px solid rgba(255,255,255,.12);letter-spacing:.3px;transition:background .15s}#menu-buttons button:hover{background:#2a3a5e}#btn-play{background:#3b5bff!important;border-color:transparent!important}#btn-play:hover{background:#5470ff!important}#btn-quit{background:#2a1a1a!important;border-color:#ff646433!important;color:#ff9090}#btn-quit:hover{background:#3d2020!important}#settings-panel{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:14px}.settings-row{display:flex;align-items:center;gap:10px;font-size:14px;width:100%}.settings-row label{flex:1;opacity:.85}.settings-row input[type=range]{width:80px;accent-color:#4c67ff}.settings-row input[type=text]{flex:1;background:#1a2238;color:#fff;border:1px solid #45517c;border-radius:8px;padding:7px 10px;font-size:14px}.settings-row span{width:16px;text-align:right;font-weight:600;color:#9cc7ff}#charslot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}.charslot-card{background:#141c30;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px 12px;text-align:center;cursor:pointer;transition:background .15s,border-color .15s;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:110px;justify-content:center}.charslot-card:hover{background:#1e2a42;border-color:#6482ff66}.charslot-card.filled{border-color:#4c67ff80;background:#1a2240}.charslot-card.filled:hover{background:#222d52;border-color:#4c67ff}.charslot-icon{font-size:28px;color:#3a4a70;line-height:1}.charslot-card.filled .charslot-icon{font-size:22px;color:#9cc7ff}.charslot-name{font-size:13px;font-weight:700;color:#8898bb}.charslot-card.filled .charslot-name{color:#def}.charslot-meta{font-size:11px;color:#4a5878}.charslot-card.filled .charslot-meta{color:#89b}.charslot-delete{margin-top:4px;font-size:10px;color:#633;cursor:pointer;opacity:.7;text-decoration:underline}.charslot-delete:hover{opacity:1;color:#f66}#spawn-map-wrap{border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden;background:#0d1018}#spawn-map{display:block;cursor:crosshair}.spawn-point{cursor:pointer}.spawn-point circle{transition:r .1s,fill .15s}.spawn-point:hover circle,.spawn-point.selected circle{r:11}.spawn-point.selected circle{fill:#ff6b35;stroke:#ffaa70}.screen-title{font-size:22px;font-weight:700;opacity:.9}.screen-label{font-size:14px;opacity:.6;align-self:flex-start;margin-bottom:-12px}#account-form{display:flex;flex-direction:column;gap:10px;width:100%}#account-form input{width:100%;background:#1a2238;color:#fff;border:1px solid #45517c;border-radius:8px;padding:10px 12px;font-size:14px}#account-error{min-height:16px;color:#ff8b8b;font-size:12px}#map-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.map-card{background:#1a2238;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:16px;text-align:left;cursor:pointer;transition:background .15s,border-color .15s}.map-card:hover{background:#232e4a}.map-card.selected{border-color:#4c67ff;background:#1e2a4a}.map-card-name{font-weight:700;font-size:15px;margin-bottom:6px}.map-card-desc{font-size:12px;opacity:.6;line-height:1.4}#ability-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}#face-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-bottom:6px}#face-grid select{background:#1a2238;color:#fff;border:1px solid #45517c;border-radius:8px;padding:7px 10px}#face-grid input[type=color]{width:44px;height:34px;padding:2px;background:#1a2238;border:1px solid #45517c;border-radius:8px}.ability-card{background:#1a2238;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:14px;text-align:left;cursor:pointer;transition:background .15s,border-color .15s}.ability-card:hover{background:#232e4a}.ability-card.selected{border-color:#ff6b35;background:#2a1e14}.ability-name{font-weight:700;font-size:14px;margin-bottom:5px}.ability-desc{font-size:12px;opacity:.6;line-height:1.4}.screen-nav{display:flex;gap:12px;width:100%;justify-content:flex-end}.btn-secondary{background:#1a2238!important;border:1px solid rgba(255,255,255,.15)!important}body{margin:0;overflow:hidden;font-family:Inter,Arial,sans-serif;background:#0b0f1a;color:#fff}canvas{display:block}#hud{position:fixed;top:12px;left:12px;padding:10px 12px;background:#080a10b8;border:1px solid rgba(180,210,255,.22);border-radius:8px;z-index:10;width:min(520px,calc(100vw - 24px));box-shadow:0 10px 30px #00000040}.hud-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.hud-title{font-weight:700;font-size:15px}.hud-help{margin-top:8px;font-size:12px;opacity:.92}.hud-bars{margin-top:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hud-card{border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#ffffff0f;padding:7px 8px;min-width:0}.hud-card span{display:block;color:#9aa8bd;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.hud-card strong{display:block;margin-top:2px;color:#f4f7ff;font-size:15px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#interaction{margin-top:8px;font-size:13px;color:#a8ffcf}.socket-status{font-size:12px;font-weight:600;white-space:nowrap}.socket-connected{color:#8dffb0}.socket-connecting{color:#ffd27c}.socket-disconnected{color:#ff8b8b}#minimap-panel{position:fixed;left:12px;bottom:12px;background:#00000080;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:8px;z-index:12}.minimap-title{font-size:12px;margin-bottom:6px;opacity:.9}#minimap{width:220px;height:140px;display:block;border-radius:6px;background:#121a2d}#chat-panel{position:fixed;right:12px;top:12px;width:360px;height:calc(100vh - 24px);background:#0c101cf2;border:1px solid rgba(150,160,255,.45);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px;z-index:20}#chat-panel.hidden{display:none}#action-wheel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:flex;align-items:center;justify-content:center;background:#0000002e}#action-wheel.hidden{display:none}.wheel-action{width:138px;height:138px;border-radius:50%;background:#141c30f5;border:1px solid rgba(255,180,120,.55);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-weight:700}.wheel-action:hover{background:#302218fa}.wheel-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#ff6b35;color:#1a0c05;font-size:22px}#inspect-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:420px;max-width:calc(100vw - 24px);background:#0a0c14f7;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:12px;z-index:55}#inspect-panel.hidden{display:none}#inspect-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08);font-weight:700}#inspect-close{background:transparent!important;border:none!important;color:#777;font-size:20px;line-height:1;padding:0 4px!important}#inspect-close:hover{color:#fff}#inspect-body{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-top:12px}.inspect-item{min-height:58px;border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:6px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;line-height:1.2}#weapon-workbench{position:fixed;right:22px;top:50%;transform:translateY(-50%);width:340px;max-width:calc(100vw - 24px);background:#090b12f7;border:1px solid rgba(180,210,255,.2);border-radius:8px;padding:12px;z-index:56;color:#eef3ff}#options-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:460px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow:auto;background:#090b12fa;border:1px solid rgba(180,210,255,.2);border-radius:8px;padding:14px;z-index:58;color:#eef3ff}#options-panel.hidden{display:none}#crafting-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:420px;max-width:calc(100vw - 24px);background:#090b12fa;border:1px solid rgba(210,180,120,.28);border-radius:8px;padding:14px;z-index:57;color:#eef3ff}#crafting-panel.hidden{display:none}#crafting-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.09);font-weight:700}#crafting-close{background:transparent!important;border:none!important;color:#777;font-size:20px;line-height:1;padding:0 4px!important}#crafting-body{display:grid;gap:10px}.crafting-recipe{border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#ffffff0d;padding:10px}.crafting-title{font-weight:700;font-size:13px}.crafting-desc{color:#aab4c4;font-size:12px;margin-top:4px}.crafting-reqs{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0;font-size:11px}.crafting-reqs span{border-radius:4px;padding:4px 6px;background:#ffffff12}.crafting-ok{color:#9dffb8}.crafting-missing{color:#ff9f9f}#options-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.09);font-weight:700}#options-close{background:transparent!important;border:none!important;color:#777;font-size:20px;line-height:1;padding:0 4px!important}#controls-grid{display:grid;gap:7px;margin-top:12px}.control-bind-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 8px;border:1px solid rgba(255,255,255,.09);border-radius:6px;background:#ffffff0a;font-size:12px}.control-bind-row button{width:112px;border-radius:6px!important;padding:7px 8px!important}#weapon-workbench.hidden{display:none}#weapon-workbench-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.09);font-weight:700}#weapon-workbench-close{background:transparent!important;border:none!important;color:#777;font-size:20px;line-height:1;padding:0 4px!important}#weapon-workbench-close:hover{color:#fff}#weapon-workbench-body{display:flex;flex-direction:column;gap:8px;padding-top:12px;font-size:12px}.weapon-workbench-row{display:flex;justify-content:space-between;gap:12px;padding:7px 8px;border:1px solid rgba(255,255,255,.09);border-radius:6px;background:#ffffff0a}.weapon-workbench-actions{display:grid;grid-template-columns:1fr;gap:6px}.weapon-workbench-actions button{width:100%;text-align:left;border-radius:6px!important;padding:8px 10px!important;background:#1b2638}#chat-header{font-weight:700;color:#9cc7ff}#online-users{font-size:12px;color:#b8ffd7;min-height:16px}#chat-log{flex:1;overflow-y:auto;background:#0003;border-radius:8px;padding:8px;font-size:14px;line-height:1.35}.chat-line{margin-bottom:8px}.chat-user{color:#ffd6a8}.chat-ai{color:#d6ffe0}#chat-form{display:flex;gap:8px}#chat-input{flex:1;background:#1a2238;color:#fff;border:1px solid #45517c;border-radius:8px;padding:8px}#samp-container{position:fixed;top:110px;left:12px;width:420px;z-index:9;display:flex;flex-direction:column;gap:4px}#samp-log{display:flex;flex-direction:column;gap:1px;pointer-events:none}.samp-line{font-size:13px;line-height:1.45;text-shadow:1px 1px 3px #000,-1px -1px 3px rgba(0,0,0,.8);opacity:1;transition:opacity .8s ease;word-break:break-word}.samp-line.samp-fade{opacity:0}.samp-line.chat-user{color:#ffd6a8}.samp-line.chat-ai{color:#c8ffd6}#samp-input-bar{display:flex;align-items:center;gap:6px;background:#0000008c;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:4px 8px}#samp-prefix{font-size:12px;color:#aaa;white-space:nowrap;flex-shrink:0}#samp-input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:13px;font-family:inherit}#samp-send{padding:3px 10px!important;font-size:12px!important;border-radius:4px!important;flex-shrink:0}#inventory-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:660px;background:#0a0c14f7;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;z-index:50;display:flex;flex-direction:column;gap:14px;-webkit-user-select:none;user-select:none}#inv-header{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:14px;color:#bbb;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}#inv-close{background:transparent!important;border:none!important;color:#666;font-size:20px;line-height:1;padding:0 4px!important;cursor:pointer}#inv-close:hover{color:#fff}#inv-body{display:flex;gap:0;align-items:flex-start}#inv-clothing{flex-shrink:0;display:flex;flex-direction:column}#inv-char-wrap{display:flex;align-items:flex-start;gap:6px}.cslot-col{display:flex;flex-direction:column;gap:3px}.cslot-label{font-size:9px;color:#556;text-transform:uppercase;letter-spacing:.4px;text-align:center}.cslot{width:52px;height:52px;border-style:solid;border-color:#ffffff1a}#inv-equip{flex-shrink:0;display:flex;flex-direction:column}.eslot-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.eslot-label{font-size:11px;color:#667;text-transform:uppercase;letter-spacing:.4px;width:38px;flex-shrink:0;text-align:right}.eslot{width:62px;height:62px;border-style:solid;border-color:#6478c840}.inv-vdivider{width:1px;background:#ffffff12;margin:0 14px;align-self:stretch;min-height:140px}#inv-pack-col{flex:1;display:flex;flex-direction:column;gap:8px}.inv-section-label{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px}#inv-pack-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.inv-hint{font-size:10px;color:#444;margin-top:4px}.inv-slot{width:62px;height:62px;border:1px dashed rgba(255,255,255,.12);border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative;transition:border-color .12s;box-sizing:border-box}.inv-slot:hover{border-color:#ffffff4d}.inv-slot-locked{opacity:.25;pointer-events:none}.inv-item{width:92%;height:92%;border:1px solid #c8a040;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:3px 2px;cursor:grab;transition:opacity .1s;overflow:hidden;box-sizing:border-box}.inv-item:active{cursor:grabbing;opacity:.6}.inv-item-icon{width:24px;height:24px;display:grid;place-items:center;font-size:16px;line-height:1;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45);flex-shrink:0}.inv-item-name{font-size:8px;font-weight:600;color:#edf1fb;text-align:center;line-height:1.05;word-break:break-word;max-width:100%;overflow:hidden;text-overflow:ellipsis}#inv-actions{display:flex;flex-direction:column;gap:5px}#inv-actions button{padding:5px 8px!important;font-size:11px!important;font-weight:600;border-radius:5px!important}#btn-inv-throw{background:#5a1a1a!important;border-color:#ff505033!important}#btn-inv-throw:hover{background:#7a2020!important}button{background:#4c67ff;color:#fff;border:none;border-radius:8px;padding:8px 10px;cursor:pointer}button:hover{background:#6077ff}