:root{--black:#080b0c;--panel:rgba(7,11,12,.78);--bone:#ddd8c8;--red:#e34232;--orange:#ff7a35;--cyan:#7fd6cf;--muted:#89918d}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--black);font-family:"Arial Narrow","Yu Gothic UI","Noto Sans JP",sans-serif;color:var(--bone)}button{font:inherit;color:inherit}#gameShell{position:relative;width:100%;height:100%;background:#0a0d0e;isolation:isolate}#game{display:block;width:100%;height:100%;touch-action:none}.hidden{display:none!important}.scanlines{position:absolute;inset:0;pointer-events:none;z-index:8;opacity:.18;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(0,0,0,.28) 4px);mix-blend-mode:multiply}.scanlines:after{content:"";position:absolute;inset:-40%;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.04) 48%,transparent 54%);animation:sweep 8s linear infinite}@keyframes sweep{to{transform:translateX(45%)}}#damageFlash{position:absolute;inset:0;z-index:7;pointer-events:none;box-shadow:inset 0 0 0 0 rgba(227,66,50,0);transition:.08s}.hud{position:absolute;z-index:10;top:0;left:0;right:0;height:84px;padding:18px 28px;display:grid;grid-template-columns:1fr 220px 1fr;align-items:start;background:linear-gradient(to bottom,rgba(4,7,8,.85),transparent);text-transform:uppercase;letter-spacing:.12em}.brand{display:flex;align-items:center;gap:10px;font-size:12px}.brand i{width:8px;height:8px;background:var(--red);box-shadow:0 0 12px var(--red);animation:blink 1s step-end infinite}.brand b{font-size:16px}.timer-wrap{text-align:center}.timer-wrap>span,.ammo span{display:block;font-size:9px;color:#acb1ad;margin-bottom:3px}.timer-wrap strong{font-family:Consolas,monospace;font-size:25px;letter-spacing:.05em}.timeline{height:2px;margin-top:6px;background:rgba(255,255,255,.15)}.timeline i{display:block;width:100%;height:100%;background:var(--red);box-shadow:0 0 8px var(--red)}.ammo{text-align:right}.ammo strong{font:28px/1 Consolas}.scores{position:absolute;z-index:10;left:25px;top:104px;width:185px}.score{margin-bottom:14px}.score>div:first-child{display:flex;justify-content:space-between;align-items:baseline;text-transform:uppercase;letter-spacing:.12em}.score span{font-size:10px}.score strong{font:700 21px/1 Consolas}.meter{height:4px;margin-top:5px;background:rgba(255,255,255,.12);transform:skewX(-18deg)}.meter i{display:block;height:100%;width:0;transition:width .2s;background:var(--orange);box-shadow:0 0 10px rgba(255,122,53,.6)}.humanity .meter i{width:100%;background:var(--cyan);box-shadow:0 0 10px rgba(127,214,207,.5)}.crosshair{position:absolute;z-index:9;left:50%;top:43%;width:48px;height:48px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.36);border-radius:50%;pointer-events:none}.crosshair:before,.crosshair:after{content:"";position:absolute;background:rgba(255,255,255,.55)}.crosshair:before{width:68px;height:1px;left:-11px;top:23px}.crosshair:after{height:68px;width:1px;top:-11px;left:23px}.crosshair i{position:absolute;inset:19px;border:1px solid var(--red);transform:rotate(45deg)}.crosshair b{position:absolute;inset:-12px;border:1px solid transparent;border-left-color:rgba(255,255,255,.2);border-right-color:rgba(255,255,255,.2);border-radius:50%;animation:rotate 7s linear infinite}.crosshair.locked{border-color:var(--red);box-shadow:0 0 16px rgba(227,66,50,.4)}@keyframes rotate{to{transform:rotate(360deg)}}.target-label{position:absolute;z-index:10;left:50%;top:calc(43% + 37px);transform:translateX(-50%);font:9px Consolas;letter-spacing:.15em;color:var(--red)}.hit-text{position:absolute;z-index:12;left:50%;top:35%;transform:translate(-50%,-50%);color:#fff;font:bold 15px Consolas;letter-spacing:.18em;text-shadow:0 0 10px var(--red);opacity:0;pointer-events:none}.hit-text.show{animation:hit .45s ease-out}@keyframes hit{0%{opacity:1;transform:translate(-50%,-20%) scale(1.3)}100%{opacity:0;transform:translate(-50%,-90%) scale(.9)}}.lyric-panel{position:absolute;z-index:10;left:50%;bottom:63px;transform:translateX(-50%);width:min(620px,70vw);text-align:center;text-shadow:0 2px 9px #000}.lyric-panel small{color:var(--red);font:9px Consolas;letter-spacing:.25em}.lyric-panel p{margin:7px 0;font-weight:700;font-size:clamp(16px,2vw,23px);letter-spacing:.08em}.controls-hint{position:absolute;z-index:10;left:23px;bottom:25px;display:flex;gap:16px;font-size:10px;letter-spacing:.1em;color:#a4aaa6}kbd{display:inline-flex;min-width:24px;height:22px;margin-right:4px;align-items:center;justify-content:center;border:1px solid #69706c;background:rgba(0,0,0,.55);font:10px Consolas}.sound-button{position:absolute;z-index:20;right:22px;bottom:20px;border:1px solid rgba(255,255,255,.25);background:rgba(4,7,8,.65);padding:8px 11px;font-size:9px;letter-spacing:.15em;cursor:pointer}.screen{position:absolute;z-index:15;inset:0;background:radial-gradient(circle at 70% 42%,rgba(91,62,38,.4),transparent 34%),linear-gradient(110deg,rgba(6,9,10,.98) 0 44%,rgba(7,10,11,.65) 70%,rgba(6,8,9,.95));overflow:hidden}.intro-grid{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);background-size:54px 54px;transform:perspective(700px) rotateX(62deg) scale(1.7);transform-origin:center bottom}.intro-copy{position:absolute;z-index:2;left:8vw;top:50%;transform:translateY(-50%);width:min(500px,44vw)}.eyebrow{margin:0 0 14px;color:var(--red);font:10px Consolas;letter-spacing:.24em}.intro h1{margin:0;display:flex;gap:.05em;font-size:clamp(68px,10vw,150px);line-height:.72;letter-spacing:-.08em;font-weight:900}.intro h1 span:last-child{color:transparent;-webkit-text-stroke:1px rgba(221,216,200,.6)}.lead{margin:34px 0 25px;padding-left:14px;border-left:2px solid var(--red);font-size:15px;line-height:1.75;letter-spacing:.08em}.objective{display:flex;gap:20px;margin-bottom:30px}.objective div{display:flex;gap:7px;align-items:center;color:#abb0ac;font-size:10px}.objective b{color:var(--red);font:10px Consolas}.primary-button{min-width:235px;border:0;background:var(--red);padding:0;display:inline-flex;justify-content:space-between;align-items:center;text-transform:uppercase;letter-spacing:.12em;font-weight:700;cursor:pointer;clip-path:polygon(0 0,94% 0,100% 35%,100% 100%,0 100%);transition:.2s}.primary-button span{padding:15px 20px}.primary-button i{padding:15px 18px;border-left:1px solid rgba(0,0,0,.2);font-style:normal}.primary-button:hover{background:#ff5b43;transform:translateX(3px);box-shadow:0 0 26px rgba(227,66,50,.25)}.choice{font-size:10px;color:#7f8782;letter-spacing:.08em}.unit-card{position:absolute;right:5vw;top:9vh;width:42vw;height:82vh;border:1px solid rgba(255,255,255,.12);clip-path:polygon(12% 0,100% 0,100% 88%,88% 100%,0 100%,0 12%);background:linear-gradient(145deg,rgba(255,255,255,.035),transparent);display:flex;align-items:flex-end;justify-content:center}.unit-card:before,.unit-card:after{content:"";position:absolute;background:var(--red)}.unit-card:before{top:0;left:12%;width:60px;height:2px}.unit-card:after{left:0;bottom:17%;width:2px;height:60px}.unit-card span{position:absolute;right:18px;bottom:15px;font:9px Consolas;letter-spacing:.16em;color:#999f9b}#unitPreview{position:absolute;inset:0}.result{display:grid;place-items:center;text-align:center;background:radial-gradient(circle,rgba(79,48,31,.35),transparent 45%),rgba(5,8,9,.96)}.result-inner{width:min(640px,86vw)}.result h2{font-size:clamp(44px,8vw,92px);margin:0 0 9px;letter-spacing:-.06em}.result-quote{font-size:16px;color:#a4aaa6}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:35px 0 25px;border-top:1px solid #343938;border-bottom:1px solid #343938}.result-stats div{padding:18px;border-right:1px solid #343938}.result-stats div:last-child{border:0}.result-stats span{display:block;font-size:9px;letter-spacing:.18em;color:#8f9692}.result-stats strong{font:32px Consolas}.result-message{min-height:42px;color:#b2b7b3;font-size:13px;line-height:1.7}.touch-controls{position:absolute;z-index:13;inset:auto 18px 18px;display:flex;justify-content:space-between;align-items:end}.move-buttons{display:flex;gap:8px}.touch-controls button{border:1px solid rgba(255,255,255,.28);background:rgba(8,11,12,.6);backdrop-filter:blur(5px);width:64px;height:58px;font-weight:700}.touch-controls .fire-button{width:78px;height:78px;border-radius:50%;border-color:var(--red);color:#fff;background:rgba(147,38,28,.55)}@keyframes blink{50%{opacity:.25}}@media(max-width:760px){.intro-copy{left:7vw;top:45%;width:86vw}.unit-card{opacity:.28;right:-20vw;width:90vw}.intro h1{font-size:22vw}.objective{gap:10px;flex-wrap:wrap}.hud{grid-template-columns:1fr 150px 1fr;padding:15px 14px}.scores{left:14px;top:85px;width:140px}.controls-hint{display:none!important}.lyric-panel{bottom:110px;width:90vw}.sound-button{top:15px;right:12px;bottom:auto}.ammo{visibility:hidden}.brand{font-size:9px}.timer-wrap strong{font-size:21px}.result-stats strong{font-size:25px}}@media(pointer:coarse){.touch-controls:not(.hidden){display:flex!important}}