@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap";:root{--neon-red: #ff003c;--neon-blue: #00f0ff;--dark-bg: #050505;--text-main: #e0e0e0}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--dark-bg);color:var(--text-main);font-family:Inter,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}#ui-layer{position:absolute;top:0;left:0;width:100vw;height:100vh;pointer-events:none;padding:20px}.hud-container{display:flex;justify-content:space-between;width:100%;height:100%;position:relative}.hud-top-right{position:absolute;top:0;right:0;display:flex;flex-direction:column;align-items:flex-end;gap:15px}.title{font-weight:900;font-size:24px;text-transform:uppercase;letter-spacing:2px;color:#fff;text-shadow:0 0 10px var(--neon-blue);text-align:right;margin-bottom:5px}.minimap-wrapper{position:relative}.minimap-container{width:150px;height:150px;background:transparent;position:relative;overflow:hidden}.minimap-content{display:none}.minimap-building{position:absolute;background:#fff3;border:1px solid rgba(255,255,255,.4);z-index:1}.wanted-level-container{display:flex;gap:5px;font-size:24px;pointer-events:auto}.star{color:#333;transition:color .3s ease;text-shadow:0 0 2px #000}.star.active{color:#fff;animation:siren 1s infinite alternate}@keyframes siren{0%{text-shadow:0 0 10px var(--neon-red),0 0 20px var(--neon-red);color:#faa}50%{text-shadow:0 0 10px var(--text-main),0 0 20px #fff;color:#fff}to{text-shadow:0 0 10px var(--neon-blue),0 0 20px var(--neon-blue);color:#aaf}}.stats-container{background:#05050ad9;border:1px solid var(--neon-blue);padding:15px;border-radius:8px;box-shadow:0 0 20px #00f0ff33;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:220px}.stat-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;text-transform:uppercase;letter-spacing:1px;position:relative;cursor:help;pointer-events:auto}.stat-label{color:#ccc}.stat-value{color:var(--neon-blue);font-weight:700;transition:color .3s}.stat-value.danger{color:var(--neon-red);text-shadow:0 0 5px var(--neon-red);animation:pulse .8s infinite alternate}@keyframes pulse{0%{text-shadow:0 0 5px var(--neon-red);transform:scale(1)}to{text-shadow:0 0 15px var(--neon-red);transform:scale(1.1)}}.hud-bottom-left{position:absolute;bottom:0;left:0;display:flex;flex-direction:column;gap:15px}.vitals-container{background:#0a050fcc;border-left:4px solid #00ff66;padding:15px;border-radius:4px;min-width:250px;box-shadow:0 0 15px #00ff661a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:10px;pointer-events:auto}.vital-row{display:flex;align-items:center;gap:10px;position:relative;cursor:help}.vital-label{font-size:14px;font-weight:900;text-transform:uppercase;color:#fff;width:30px}.vital-bar-bg{flex-grow:1;height:14px;background:#000c;border:1px solid #444;border-radius:2px;overflow:hidden}.vital-bar-fill{height:100%;width:100%;transition:width .2s cubic-bezier(.4,0,.2,1)}.health-fill{background:#0f6;box-shadow:0 0 10px #0f6}.armor-fill{background:#08f;box-shadow:0 0 10px #08f}.equipment-container{display:flex;gap:20px;margin-top:5px;border-top:1px solid rgba(255,255,255,.1);padding-top:10px}.equip-item{display:flex;align-items:center;gap:8px;font-family:monospace;font-size:16px;font-weight:700;position:relative;cursor:help}.hud-bottom-center{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;justify-content:center;width:100%}[data-tooltip]:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-10px);background:#00f0ffe6;color:#000;padding:5px 10px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);pointer-events:none;font-weight:700;box-shadow:0 0 10px #00f0ff80;z-index:100;font-family:Inter,sans-serif}[data-tooltip]:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(0);border-width:5px;border-style:solid;border-color:rgba(0,240,255,.9) transparent transparent transparent;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);pointer-events:none;z-index:99}[data-tooltip]:hover:before,[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(-5px)}[data-tooltip]:hover:after{transform:translate(-50%) translateY(5px)}.dialogue-box{background:#000000d9;border:2px solid var(--neon-blue);padding:20px;width:80%;max-width:600px;border-radius:8px;display:none;pointer-events:auto;box-shadow:0 0 15px #00f0ff33}.dialogue-text{font-size:16px;margin-bottom:15px}.dialogue-options{display:flex;flex-direction:column;gap:10px}.dialogue-btn{background:transparent;border:1px solid #444;color:#fff;padding:10px;text-align:left;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.dialogue-btn:hover{border-color:var(--neon-blue);background:#00f0ff1a;box-shadow:0 0 5px var(--neon-blue)}.dialogue-btn.lie-btn{border-color:#fa0}.dialogue-btn.red-btn:hover{background:#f553;box-shadow:0 0 5px #f55}.death-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:1000;pointer-events:none;background:transparent;transition:background 3s ease-in}.death-overlay.hidden{display:none!important}.death-overlay.fade-out{background:#000}.wasted-text{font-family:Arial Black,Impact,sans-serif;font-size:8rem;color:red;text-transform:uppercase;letter-spacing:15px;text-shadow:0 4px 10px rgba(0,0,0,.8),0 0 30px #ff0000;opacity:0;transform:scale(.5);animation:wasted-pop .5s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes wasted-pop{to{opacity:1;transform:scale(1)}}.menu-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background:#050505d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;z-index:100}#main-menu{background:url(/textures/bg_menu.png) no-repeat center center;background-size:cover;-webkit-backdrop-filter:none;backdrop-filter:none}.menu-overlay.hidden{display:none!important}.menu-corner{position:absolute;display:flex;gap:15px;align-items:center;z-index:110}.menu-corner.top-left{top:20px;left:20px}.menu-corner.top-right{top:20px;right:20px}.menu-corner.bottom-right{bottom:20px;right:20px}.menu-icon-btn{background:#0a141e99;border:2px solid #4a6c7c;border-radius:8px;padding:10px;cursor:pointer;color:#fff;transition:all .2s;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 10px #00f0ff1a,0 0 5px #00000080}.menu-icon-btn:hover{border-color:var(--neon-blue);box-shadow:0 0 15px var(--neon-blue),inset 0 0 10px var(--neon-blue);transform:scale(1.1)}.version-text{font-family:Inter,sans-serif;font-size:14px;color:#ffffff80;letter-spacing:2px}.menu-title{font-size:4.5rem;font-weight:800;color:#e0ffff;-webkit-text-stroke:1px #00f0ff;text-shadow:0 0 10px var(--neon-blue),0 0 20px var(--neon-blue),5px 5px 0px var(--neon-red),0px 5px 25px rgba(255,0,60,.8);margin-bottom:2.5rem;text-align:center;letter-spacing:2px;font-style:italic;text-transform:uppercase}.menu-buttons{display:flex;flex-direction:column;gap:12px;width:400px;align-items:center}.btn-wrapper,.multiplayer-group{position:relative;width:100%;display:flex;justify-content:center}.menu-btn{background:linear-gradient(180deg,#1e2832e6,#0f141ee6);border:2px solid #6c9bab;border-radius:12px;color:#fff;padding:12px 20px;font-size:1.1rem;font-weight:900;font-family:Inter,sans-serif;text-transform:uppercase;cursor:pointer;width:320px;transition:all .2s;letter-spacing:2px;box-shadow:inset 0 0 5px #00f0ff33,0 4px 6px #000c;position:relative}.menu-btn:before{content:"";position:absolute;top:3px;left:3px;right:3px;bottom:3px;border:1px solid rgba(0,240,255,.3);border-radius:8px;pointer-events:none}.menu-btn:hover{background:#00f0ff26;border-color:var(--neon-blue);box-shadow:0 0 20px var(--neon-blue),inset 0 0 15px var(--neon-blue);transform:scale(1.02)}.menu-btn.magenta-glow{border-color:#a34e8c}.menu-btn.magenta-glow:before{border-color:#ff00644d}.menu-btn.magenta-glow:hover{border-color:var(--neon-red);background:#ff003c26;box-shadow:0 0 20px var(--neon-red),inset 0 0 15px var(--neon-red)}.new-badge{position:absolute;right:-5px;top:50%;transform:translateY(-50%);color:#ffeb3b;font-size:14px;font-weight:700;font-style:italic;text-shadow:0 0 5px #ffeb3b}.multiplayer-group{flex-direction:column;align-items:center;gap:5px}.lobby-panel{display:flex;flex-direction:column;background:#0a0f14f2;border:2px solid var(--neon-blue);border-radius:8px;padding:15px;width:320px;gap:10px;box-shadow:0 0 15px #00f0ff4d;display:none}.lobby-title{color:#aaa;font-size:12px;text-align:center;font-weight:700}.lobby-inputs{display:flex;gap:5px}.lobby-inputs input{flex:1;background:#000c;border:1px solid var(--neon-blue);color:var(--neon-blue);padding:8px;font-family:monospace;font-size:16px;outline:none;border-radius:4px}.join-btn{width:80px;padding:8px;font-size:1rem}.host-btn{width:100%}.settings-panel{background:#0a0a0af2;border:2px solid var(--neon-blue);border-radius:8px;width:600px;max-width:90vw;padding:20px;box-shadow:0 0 20px #00f0ff33;display:flex;flex-direction:column}.settings-tabs{display:flex;border-bottom:1px solid #333;margin-bottom:20px}.tab-btn{background:transparent;border:none;color:#888;padding:10px 20px;font-size:1.1rem;font-weight:700;font-family:Inter,sans-serif;text-transform:uppercase;cursor:pointer;transition:all .2s;letter-spacing:1px}.tab-btn:hover{color:#fff}.tab-btn.active{color:var(--neon-blue);border-bottom:2px solid var(--neon-blue);text-shadow:0 0 5px var(--neon-blue)}.settings-content{display:flex;flex-direction:column;gap:15px;min-height:200px}.tab-content{display:none;flex-direction:column;gap:15px}.tab-content.active{display:flex}.setting-row{display:flex;justify-content:space-between;align-items:center;font-size:1rem;letter-spacing:1px}.setting-label{color:#ddd}.setting-control{display:flex;align-items:center;gap:10px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;width:150px}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:#333;border-radius:2px}input[type=range]::-webkit-slider-thumb{height:16px;width:16px;border-radius:50%;background:var(--neon-blue);cursor:pointer;-webkit-appearance:none;margin-top:-6px;box-shadow:0 0 5px var(--neon-blue)}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#222;margin:0;font:inherit;color:var(--neon-blue);width:20px;height:20px;border:1px solid #555;border-radius:.15em;display:grid;place-content:center;cursor:pointer}input[type=checkbox]:before{content:"";width:12px;height:12px;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transform:scale(0);background-color:var(--neon-blue);box-shadow:0 0 5px var(--neon-blue);transition:.12s transform ease-in-out}input[type=checkbox]:checked:before{transform:scale(1)}input[type=checkbox]:checked{border-color:var(--neon-blue)}#mobile-controls{display:none;position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:50;pointer-events:none}#camera-drag-zone{position:absolute;top:0;right:0;width:50vw;height:100vh;pointer-events:auto;touch-action:none}#joystick-zone{position:absolute;top:50%;left:0;width:50vw;height:50vh;pointer-events:auto;touch-action:none}#action-buttons{position:absolute;bottom:40px;right:40px;display:flex;gap:20px;pointer-events:auto}.mobile-btn{width:70px;height:70px;border-radius:50%;background:#14141499;border:2px solid rgba(255,255,255,.3);color:#fff;font-family:Inter,sans-serif;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;text-transform:uppercase;-webkit-user-select:none;user-select:none;touch-action:none;box-shadow:0 0 10px #00000080}.mobile-btn:active{background:#fff3;transform:scale(.95)}#btn-mob-interact{border-color:#ff09}#btn-mob-attack{border-color:#ff003c99}#btn-mob-jump{border-color:#00f0ff99}#btn-mob-pause{position:absolute;top:20px;right:20px;width:50px;height:50px;background:#14141499;border:2px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-family:Inter,sans-serif;font-weight:900;font-size:18px;display:flex;align-items:center;justify-content:center;pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:none;box-shadow:0 0 10px #00000080;z-index:51}#btn-mob-pause:active{background:#fff3;transform:scale(.95)}@media (max-width: 768px),(max-height: 500px){.title{font-size:14px;letter-spacing:1px}.stats-container{min-width:140px;padding:8px}.stat-row{font-size:10px;margin-bottom:4px}.minimap-container{width:90px;height:90px}.wanted-level-container{font-size:16px}.vitals-container{min-width:160px;padding:10px;gap:5px}.vital-label{font-size:10px;width:25px}.equipment-container{gap:10px}.equip-item{font-size:12px}#joystick-zone{width:100px;height:100px;bottom:20px;left:20px}#joystick-knob{width:40px;height:40px}#action-buttons{bottom:20px;right:20px;gap:10px}.mobile-btn{width:50px;height:50px;font-size:11px}#btn-mob-pause{top:10px;width:35px;height:35px;font-size:14px;right:auto;left:10px}.menu-title{font-size:2rem;margin-bottom:1rem}.menu-buttons{width:80%;gap:10px}.menu-btn{font-size:1rem;padding:10px}.dialogue-box{width:95%;padding:10px}.dialogue-text{font-size:13px}.dialogue-btn{padding:8px;font-size:12px}.wasted-text{font-size:3rem}}