:root{color-scheme:dark}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{background:radial-gradient(circle at 20% 20%,#0a0f1f,#03050b 60%,#000);font-family:Trebuchet MS,Segoe UI,sans-serif}#app{position:fixed;top:0;right:0;bottom:0;left:0}#app canvas{width:100%;height:100%;display:block}#hud{position:fixed;left:16px;bottom:16px;width:280px;padding:12px;background:#0a0c12bf;border:1px solid rgba(255,255,255,.1);border-radius:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#e6e9f0;pointer-events:none}#hud.hidden{display:none}.hud-title{font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;color:#f5d8aa}#accumulation-map{width:100%;height:auto;display:block;background:linear-gradient(180deg,#202431,#0a0d14);border-radius:6px;border:1px solid rgba(255,255,255,.08);image-rendering:crisp-edges;image-rendering:pixelated}.hud-hint{margin-top:6px;font-size:12px;color:#e6e9f0b3}