:root{color:#fff8f2;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1b1310;font-family:Trebuchet MS,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}.game-shell{background:radial-gradient(circle at 20% 15%,#ffc97833,#0000 24rem),radial-gradient(circle at 84% 26%,#f7866229,#0000 20rem),radial-gradient(circle at 58% 84%,#67c2a51f,#0000 24rem),linear-gradient(145deg,#211612 0%,#1b1310 55%,#120d0a 100%);width:100%;height:100%;position:relative}.game-canvas{width:100%;height:100%;display:block}.game-ui{pointer-events:none;position:absolute;inset:0}.hud{-webkit-backdrop-filter:blur(18px)saturate(1.1);backdrop-filter:blur(18px)saturate(1.1);background:linear-gradient(#3a241bb8,#1b1310c7);border:1px solid #ffecd72e;border-radius:1rem;gap:.5rem;min-width:min(22rem,100vw - 2rem);padding:1rem;display:grid;position:absolute;top:1rem;left:1rem;box-shadow:0 1.5rem 4rem #00000047,inset 0 1px #ffffff0f}.hud__title{letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:clamp(1.1rem,2vw,1.55rem)}.hud__row{color:#fff1e9c7;justify-content:space-between;gap:1rem;font-size:.92rem;display:flex}.hud__value{color:#fff4dc;font-variant-numeric:tabular-nums}.menu-card{-webkit-backdrop-filter:blur(14px)saturate(1.05);backdrop-filter:blur(14px)saturate(1.05);background:linear-gradient(#35221abf,#140f0dcc);border:1px solid #ffecd729;border-radius:1.25rem;width:min(28rem,100vw - 2rem);padding:1rem;position:absolute;bottom:1rem;right:1rem;box-shadow:0 1rem 3rem #00000038}.menu-card p{color:#fff1e9cc;margin:0}.crosshair{border:1px solid #ffebd2bf;border-radius:50%;width:1.1rem;height:1.1rem;margin-top:-.55rem;margin-left:-.55rem;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #1f141166,0 0 18px #ffb7742e}.crosshair:before,.crosshair:after{content:"";background:#ffebd2e6;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.crosshair:before{width:.62rem;height:1px}.crosshair:after{width:1px;height:.62rem}