*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.game-container{position:relative;width:100%;height:100%}.hud{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:100}.hud-panel{position:absolute;top:16px;left:16px;background:linear-gradient(135deg,#141e30eb,#243b55e0);border:2px solid rgba(255,215,0,.4);border-radius:12px;padding:16px 20px;color:#f0e6d3;min-width:240px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a;pointer-events:auto}.hud-title{font-size:14px;font-weight:600;color:gold;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px;border-bottom:1px solid rgba(255,215,0,.3);padding-bottom:8px}.hud-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px}.hud-label{color:#a0b4c8}.hud-value{color:#fff;font-weight:500;font-family:Courier New,monospace}.hud-value.gold{color:gold}.hud-value.hp{color:#4ade80}.hud-value.danger{color:#ef4444}.hud-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.3),transparent);margin:10px 0}.hud-coords{font-family:Courier New,monospace;font-size:11px;color:#7d9ab5;margin-top:8px}.hud-buttons{display:flex;flex-direction:column;gap:8px;margin-top:12px}.hud-button{background:linear-gradient(180deg,#3c5064e6,#283746f2);border:1px solid rgba(255,215,0,.3);border-radius:6px;color:#f0e6d3;padding:10px 14px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.hud-button:hover{background:linear-gradient(180deg,#506478f2,#32465af2);border-color:#ffd70099;transform:translateY(-1px)}.hud-button:active{transform:translateY(0)}.hud-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.hud-button.primary{background:linear-gradient(180deg,#b48c3ce6,#8c6428f2);border-color:#ffd70080}.hud-button.primary:hover{background:linear-gradient(180deg,#c8a050f2,#a0783cf2)}.hud-button.stop{background:linear-gradient(180deg,#b43c3ce6,#8c2828f2);border-color:#ff646480}.hud-button.stop:hover{background:linear-gradient(180deg,#c85050f2,#a03c3cf2)}.status-indicator{display:flex;align-items:center;gap:8px;margin-bottom:8px}.status-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade8099;animation:pulse 2s infinite}.status-dot.stopped{background:#ef4444;box-shadow:0 0 8px #ef444499;animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{left:-100%}to{left:100%}}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-track{background:#6496c866;height:4px;border-radius:2px;border:1px solid rgba(100,150,200,.2)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#60a5fa;border:2px solid #fff;cursor:pointer;box-shadow:0 2px 6px #00000080,0 0 8px #60a5fa99;margin-top:-5px}input[type=range]::-webkit-slider-thumb:hover{background:#60a5fa;transform:scale(1.1)}input[type=range]::-moz-range-track{background:#6496c866;height:4px;border-radius:2px;border:1px solid rgba(100,150,200,.2)}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#60a5fa;border:2px solid #fff;cursor:pointer;box-shadow:0 2px 6px #00000080,0 0 8px #60a5fa99}input[type=range]::-moz-range-thumb:hover{background:#60a5fa}.volume-slider{opacity:0!important;background:transparent!important;pointer-events:auto!important}.volume-slider::-webkit-slider-track{background:transparent!important;height:4px!important}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;width:16px!important;height:16px!important;border-radius:50%!important;background:#fff!important;border:2px solid #60a5fa!important;cursor:pointer!important;box-shadow:0 2px 8px #00000080,0 0 12px #60a5facc!important;margin-top:-6px!important;opacity:1!important}.volume-slider::-webkit-slider-thumb:hover{background:#f0f0f0!important;border-color:#93c5fd!important;transform:scale(1.2)!important;box-shadow:0 3px 10px #0009,0 0 16px #60a5fa!important}.volume-slider::-moz-range-track{background:transparent!important;height:4px!important}.volume-slider::-moz-range-thumb{width:16px!important;height:16px!important;border-radius:50%!important;background:#fff!important;border:2px solid #60a5fa!important;cursor:pointer!important;box-shadow:0 2px 8px #00000080,0 0 12px #60a5facc!important;opacity:1!important}.volume-slider::-moz-range-thumb:hover{background:#f0f0f0!important;border-color:#93c5fd!important;transform:scale(1.2)!important;box-shadow:0 3px 10px #0009,0 0 16px #60a5fa!important}@media (max-width: 768px){*{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}body{overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}*{touch-action:manipulation}}