:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh;background:#0a0a0a;color:#fafafa;overflow:hidden;user-select:none;-webkit-user-select:none}.game-container{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}canvas{display:block;width:100vw;height:100vh}.hud{position:absolute;top:0;left:0;right:0;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:10}.hud-left,.hud-right{display:flex;flex-direction:column;gap:.5rem}.hud-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#ffffff73}.hud-value{font-size:1.6rem;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.02em}.hud-value.battery{color:#4ade80}.hud-value.battery.low{color:#facc15}.hud-value.battery.critical{color:#ef4444;animation:pulse .5s ease-in-out infinite}.hud-value.score{color:#60a5fa}.hud-value.core-hp{color:#c084fc}.battery-bar-outer{width:140px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.battery-bar-inner{height:100%;border-radius:3px;transition:width .1s linear,background-color .3s}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;pointer-events:none}.overlay.interactive{pointer-events:auto;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay h1{font-size:2.5rem;font-weight:800;margin:0 0 .5rem;letter-spacing:-.03em}.overlay h2{font-size:1.3rem;font-weight:400;margin:0 0 1.5rem;color:#fff9}.overlay .btn{padding:.75rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:.5rem;cursor:pointer;pointer-events:auto;background:#3b82f6;color:#fff;transition:background .2s}.overlay .btn:hover{background:#2563eb}.subtitle{font-size:.9rem;color:#ffffff80;margin-top:.75rem}.hold-hint{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);font-size:.85rem;color:#fff6;pointer-events:none;z-index:10;text-align:center}