:root{color:#f5f2e8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#bddff5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit}#app,#game-canvas{width:100vw;height:100vh}#app{background:#bddff5;position:relative}#game-canvas{touch-action:none;outline:none;display:block}.hud,.controls,#restart{z-index:2;position:absolute}.hud{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px;display:flex;top:0;left:0;right:0}.eyebrow{color:#f0c36c;letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:800}h1{color:#fff8ea;letter-spacing:0;text-shadow:0 2px 16px #000000a6;margin:0;font-size:28px;line-height:1.05}.stats,.controls,#restart{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080b0bb8;border:1px solid #f5f2e838;border-radius:8px;box-shadow:0 14px 32px #00000057}.stats{color:#f5f2e8;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:min(460px,48vw);padding:10px;font-size:14px;font-weight:700;display:flex}.stats span{background:#f5f2e81a;border-radius:6px;align-items:center;min-height:30px;padding:0 10px;display:inline-flex}#status:empty{display:none}.reticle{z-index:2;pointer-events:none;border:2px solid #fff8eac2;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reticle:after{content:"";background:#f0c36c;border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.controls{color:#d7d0bc;gap:8px;padding:10px;font-size:13px;display:flex;bottom:20px;left:20px}.controls span{background:#f5f2e814;border-radius:6px;padding:6px 8px}.controls a{color:inherit;font-weight:800;text-decoration:none}.controls a:hover{color:#f0c36c}#restart{color:#12100c;cursor:pointer;background:#f0c36c;border-color:#f0c36ca6;min-height:44px;padding:0 18px;bottom:20px;right:20px}#restart:hover{background:#ffd782}@media (width<=720px){.hud{flex-direction:column;padding:14px}h1{font-size:22px}.stats{justify-content:flex-start;max-width:none;font-size:12px}.controls{flex-wrap:wrap;bottom:14px;left:14px;right:14px}#restart{bottom:84px;right:14px}}