:root{color-scheme:dark;--bg: #04131f;--panel: rgba(6, 23, 35, .88);--panel-strong: rgba(10, 35, 52, .96);--line: rgba(155, 230, 255, .24);--text: #ecf8ff;--muted: #9fbed1;--accent: #ffd166;--danger: #ff7a7a}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow:hidden;background:radial-gradient(circle at top,#17425d 0%,var(--bg) 60%,#02070b 100%);color:var(--text);font-family:Trebuchet MS,Gill Sans,sans-serif}body{display:grid;place-items:center}button,input,textarea,select{font:inherit}#app,.game-shell{width:100vw;height:100vh}.game-shell{position:relative;overflow:hidden}canvas{display:block;width:100%;height:100%}.hud{pointer-events:none;position:absolute;inset:0}.hud__stats{position:absolute;top:1rem;left:1rem;display:flex;gap:.85rem;flex-wrap:wrap}.hud__pill{min-width:7.5rem;padding:.6rem .8rem;border:1px solid var(--line);background:linear-gradient(180deg,#081d2bdb,#050e16eb);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud__label{display:block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.hud__value{font-size:1.25rem;font-weight:700}.hud__hint{position:absolute;right:1rem;bottom:1rem;max-width:19rem;padding:.75rem .9rem;border:1px solid var(--line);background:#040e16b8;font-size:.86rem;line-height:1.45;color:var(--muted)}.crosshair{position:absolute;top:50%;left:50%;width:2rem;height:2rem;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#ffebb5f2;box-shadow:0 0 8px #ffd166b3}.crosshair:before{top:50%;left:0;width:100%;height:2px;transform:translateY(-50%)}.crosshair:after{top:0;left:50%;width:2px;height:100%;transform:translate(-50%)}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:1.5rem;background:linear-gradient(180deg,#0005092e,#00080ebd),radial-gradient(circle at top,rgba(36,107,141,.3),transparent 55%)}.overlay[hidden]{display:none}.overlay__panel{width:min(38rem,100%);padding:1.35rem;border:1px solid rgba(166,234,255,.25);background:linear-gradient(180deg,rgba(9,24,37,.88),var(--panel-strong));box-shadow:0 20px 60px #00000061}.overlay__eyebrow{margin:0 0 .5rem;color:var(--accent);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem}.overlay__title{margin:0;font-size:clamp(2rem,4vw,3.6rem);line-height:.95}.overlay__copy{margin:.85rem 0 1rem;color:var(--muted);line-height:1.55}.overlay__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.8rem;margin-bottom:1.1rem}.overlay__card{padding:.85rem .9rem;border:1px solid var(--line);background:#ffffff08}.overlay__card strong{display:block;margin-bottom:.3rem;color:var(--text);letter-spacing:.05em;text-transform:uppercase;font-size:.78rem}.overlay__actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.overlay__button{cursor:pointer;border:0;padding:.85rem 1.2rem;background:linear-gradient(180deg,#ffd166,#f4a520);color:#18202a;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.overlay__status{color:var(--muted);font-size:.92rem}.danger{color:var(--danger)}@media(max-width:640px){.hud__stats{top:.7rem;left:.7rem;right:.7rem;gap:.5rem}.hud__pill{min-width:0;flex:1 1 8rem}.hud__hint{left:.7rem;right:.7rem;bottom:.7rem;max-width:none}.overlay__panel{padding:1rem}}