:root{--color-background: #090d12;--color-surface: #101820;--color-surface-light: #17232d;--color-steel: #243442;--color-steel-light: #3c5365;--color-amber: #f2a63b;--color-coral: #ef5b4f;--color-bone: #ece7d8;--color-blue: #5e9eff;--color-green: #72d66a;--color-muted: #8b98a2;--font-display: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;--font-mono: Consolas, "Courier New", monospace;--border-thin: 1px solid var(--color-steel);--border-strong: 2px solid var(--color-steel-light);--hud-height: clamp(82px, 10.5vh, 112px)}*,*:before,*:after{box-sizing:border-box}html{width:100%;height:100%;color-scheme:dark;background:#05080b}body{width:100%;height:100%;min-width:320px;min-height:100%;margin:0;overflow:hidden;color:var(--color-bone);background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),#05080b;background-size:100% 4px;font-family:var(--font-mono)}button{font:inherit}.game-frame{position:relative;width:100vw;height:100vh;height:100dvh;margin:0;display:grid;grid-template-rows:minmax(0,1fr) var(--hud-height);overflow:hidden;border:0;background:var(--color-background);box-shadow:none}.game-frame:fullscreen{width:100vw;height:100vh;border:0}.game-layout{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(180px,14vw,240px);min-width:0}.play-area{position:relative;height:100%;min-width:0;min-height:0;overflow:hidden;border-right:var(--border-strong);background:#05080b;cursor:crosshair;isolation:isolate}#gameCanvas{width:100%;height:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges}.game-logo{position:absolute;z-index:4;top:clamp(8px,1.2vw,18px);left:clamp(10px,1.4vw,22px);margin:0;color:var(--color-amber);font-family:var(--font-display);font-size:clamp(1rem,2vw,2rem);letter-spacing:.045em;line-height:1;text-shadow:2px 2px 0 #4e2a00;pointer-events:none}.crosshair{position:absolute;z-index:4;top:50%;left:50%;width:28px;height:28px;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.85))}.crosshair span{position:absolute;display:block;background:var(--color-bone)}.crosshair span:nth-child(1),.crosshair span:nth-child(2){left:13px;width:2px;height:8px}.crosshair span:nth-child(1){top:0}.crosshair span:nth-child(2){bottom:0}.crosshair span:nth-child(3),.crosshair span:nth-child(4){top:13px;width:8px;height:2px}.crosshair span:nth-child(3){left:0}.crosshair span:nth-child(4){right:0}.damage-flash{position:absolute;z-index:3;inset:0;opacity:0;background:#ef5b4f5c;pointer-events:none}.damage-flash.is-visible{animation:damage-pulse .18s ease-out}@keyframes damage-pulse{0%{opacity:.85}to{opacity:0}}.message-banner{position:absolute;z-index:5;top:15%;left:50%;margin:0;padding:.28rem .55rem;transform:translate(-50%);opacity:0;color:var(--color-bone);border:1px solid rgba(242,166,59,.7);background:#090d12e0;font-size:clamp(.62rem,1vw,.86rem);font-weight:700;letter-spacing:.08em;text-align:center;pointer-events:none}.message-banner.is-visible{opacity:1}.game-overlay{position:absolute;z-index:8;inset:0;display:grid;place-items:center;padding:1.5rem;background:#05080bc2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.game-overlay.is-hidden{display:none}.overlay-content{width:min(92%,560px);padding:clamp(1.2rem,3vw,2.4rem);border:var(--border-strong);background:#090d12f2;box-shadow:10px 10px #00000073;text-align:center}.overlay-content h1{margin:0;color:var(--color-amber);font-family:var(--font-display);font-size:clamp(2rem,7vw,4.8rem);font-weight:900;letter-spacing:.055em;line-height:.95;text-shadow:3px 3px 0 #4e2a00}.overlay-content>p{margin:1.1rem auto;max-width:48ch;color:var(--color-bone);font-size:clamp(.72rem,1.3vw,1rem);line-height:1.55}.overlay-content .overlay-controls{margin-bottom:0;color:var(--color-muted);font-size:clamp(.58rem,1vw,.78rem)}.primary-button,.help-button{border:1px solid var(--color-amber);border-radius:0;color:var(--color-background);background:var(--color-amber);font-weight:800;letter-spacing:.08em;cursor:pointer}.primary-button{min-height:44px;padding:.75rem 1.2rem}.primary-button:hover,.primary-button:focus-visible{color:var(--color-bone);background:transparent}.primary-button:disabled{opacity:.45;cursor:wait}.primary-button:focus-visible,.help-button:focus-visible{outline:3px solid var(--color-blue);outline-offset:3px}.state-monitor{min-width:0;display:flex;flex-direction:column;gap:1rem;padding:clamp(1rem,2vw,1.6rem);background:linear-gradient(180deg,var(--color-surface),#0a1015)}.state-section,.enemy-state{min-width:0}.state-name{margin:0 0 .4rem;color:var(--color-bone);font-family:var(--font-display);font-size:clamp(.9rem,1.5vw,1.35rem);letter-spacing:.055em}.state-value{margin:0;overflow-wrap:anywhere;font-size:clamp(.78rem,1.35vw,1.1rem);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.state-ready,.state-moving,.state-won{color:var(--color-green)}.state-idle{color:var(--color-blue)}.state-chase,.state-attack,.state-hurt,.state-dead{color:var(--color-coral)}.state-divider{height:1px;background:repeating-linear-gradient(90deg,var(--color-steel-light) 0 7px,transparent 7px 13px)}.enemy-state-list{display:grid;gap:1.25rem}.enemy-state{padding-bottom:1rem;border-bottom:1px dashed var(--color-steel)}.enemy-state:last-child{padding-bottom:0;border-bottom:0}.help-button{width:100%;min-height:36px;margin-top:auto;padding:.55rem;color:var(--color-amber);background:transparent;font-size:.75rem}.help-button:hover{color:var(--color-background);background:var(--color-amber)}.hud{display:grid;grid-template-columns:1fr 1fr 1.25fr 1fr;height:var(--hud-height);min-height:0;border-top:var(--border-strong);background:#0d141a}.hud-block{min-width:0;display:flex;align-items:center;justify-content:center;gap:clamp(.65rem,2vw,1.5rem);padding:clamp(.65rem,1.6vw,1.2rem);border-right:var(--border-strong)}.hud-block:last-child{border-right:0}.hud-label{display:block;color:var(--color-bone);font-family:var(--font-display);font-size:clamp(.82rem,1.7vw,1.45rem);letter-spacing:.055em;line-height:1}.hud-number{color:var(--color-bone);font-family:var(--font-display);font-size:clamp(2.2rem,5vw,4rem);font-weight:900;letter-spacing:.035em;line-height:.8}.health-number{color:var(--color-coral)}.weapon-icon{color:var(--color-bone);font-family:var(--font-display);font-size:clamp(1.8rem,4vw,3.3rem);transform:rotate(-8deg)}.hud-weapon,.objective-value{display:block;margin-top:.38rem;color:var(--color-bone);font-family:var(--font-display);font-size:clamp(1rem,2.4vw,2rem);letter-spacing:.055em;line-height:1}.objective-value{color:var(--color-blue);font-family:var(--font-mono);font-size:clamp(.65rem,1.35vw,1rem)}.objective-value.is-complete{color:var(--color-green)}.controls-drawer{position:absolute;z-index:12;right:0;bottom:var(--hud-height);width:min(760px,calc(100vw - 1rem));max-height:calc(100% - var(--hud-height) - 1rem);overflow:auto;border:var(--border-strong);border-right:0;padding:1rem 1.2rem 1.25rem;background:#17232df7;box-shadow:-12px -12px 32px #0000006b}.controls-drawer[hidden]{display:none}.controls-drawer h2{margin:0 0 .85rem;color:var(--color-amber);font-family:var(--font-display);letter-spacing:.08em}.controls-drawer dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem 1.2rem;margin:0}.controls-drawer dl>div{display:grid;grid-template-columns:minmax(72px,auto) 1fr;gap:.55rem}.controls-drawer dt{color:var(--color-amber);font-weight:800}.controls-drawer dd{margin:0;color:var(--color-bone)}.settings-control{margin-top:1.1rem;padding-top:1rem;border-top:1px dashed var(--color-steel-light)}.settings-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.settings-heading label,.settings-heading output{color:var(--color-amber);font-family:var(--font-display);font-size:1rem;letter-spacing:.07em}.settings-heading output{min-width:4ch;color:var(--color-bone);text-align:right}#sensitivityRange{width:100%;margin:.7rem 0 0;accent-color:var(--color-amber);cursor:pointer}#sensitivityRange:focus-visible{outline:3px solid var(--color-blue);outline-offset:4px}.settings-control p{margin:.5rem 0 0;color:var(--color-muted);font-size:.72rem;line-height:1.45}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:920px){.game-layout{position:relative;display:block}.play-area{width:100%;height:100%;border-right:0}.state-monitor{position:absolute;z-index:6;top:0;right:0;width:clamp(150px,27vw,210px);max-height:100%;overflow:auto;gap:.75rem;padding:.85rem;border-bottom:var(--border-strong);border-left:var(--border-strong);background:#0a1015e6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.state-divider{width:100%;height:1px}.enemy-state-list{gap:.65rem}.enemy-state{padding-bottom:.55rem}.help-button{margin:0}.controls-drawer dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){:root{--hud-height: 152px}.state-monitor{width:132px;gap:.5rem;padding:.6rem}.enemy-state-list{gap:.45rem}.state-name{font-family:var(--font-mono);font-size:.68rem}.state-value{font-size:.66rem}.hud{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-block{min-height:0;padding:.45rem;border-bottom:var(--border-strong)}.hud-block:nth-child(2){border-right:0}.hud-block:nth-child(3),.hud-block:nth-child(4){border-bottom:0}.controls-drawer dl{grid-template-columns:1fr}.controls-drawer{width:100vw;max-height:calc(100% - var(--hud-height));border-left:0}.game-logo{font-size:.82rem}.overlay-content{width:min(86%,330px);padding:.75rem;box-shadow:5px 5px #00000073}.overlay-content h1{font-size:clamp(1.7rem,10vw,2.3rem)}.overlay-content>p{margin:.55rem auto;font-size:.66rem;line-height:1.35}.overlay-content .overlay-controls{display:none}.primary-button{min-height:38px;padding:.55rem .9rem}.crosshair{transform:translate(-50%,-50%) scale(.75)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}