:root{--bg: #05070a;--panel: #0d1218;--accent: #ff6a00;--accent-2: #00d4ff;--danger: #ff1a1a;--text: #e6f0f5;--muted: #6b7a85;--grid: #14202b}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--text);font-family:Courier New,Consolas,monospace;overflow:hidden;-webkit-user-select:none;user-select:none}#app{position:relative;width:100vw;height:100vh;display:flex;flex-direction:column}#hud{display:flex;justify-content:space-between;align-items:center;padding:10px 24px;background:linear-gradient(180deg,#0a1118,transparent);border-bottom:1px solid #1a2530;font-size:14px;letter-spacing:2px;z-index:5}#hud span{color:var(--accent-2)}#countdown{font-size:28px;font-weight:700;color:var(--accent);letter-spacing:4px;text-shadow:0 0 12px var(--accent)}#countdown.danger{color:var(--danger);text-shadow:0 0 18px var(--danger);animation:pulse .6s infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.15)}}.phase{flex:1;display:none;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.phase.active{display:flex}.phase-title{font-size:22px;letter-spacing:6px;color:var(--accent);margin-bottom:12px;text-shadow:0 0 8px rgba(255,106,0,.6)}.hint{color:var(--muted);margin-bottom:18px;font-size:13px;letter-spacing:1px}#phase-briefing h1{font-size:56px;letter-spacing:12px;color:var(--accent);text-shadow:0 0 20px rgba(255,106,0,.8);margin-bottom:8px}.subtitle{color:var(--accent-2);letter-spacing:4px;margin-bottom:32px}.briefing-list{list-style:none;text-align:left;margin-bottom:32px;line-height:2;color:var(--text);font-size:15px}button{background:transparent;border:2px solid var(--accent);color:var(--accent);padding:14px 40px;font-family:inherit;font-size:16px;letter-spacing:4px;cursor:pointer;transition:all .2s}button:hover:not(:disabled){background:var(--accent);color:var(--bg);box-shadow:0 0 24px var(--accent)}button:disabled{border-color:var(--muted);color:var(--muted);cursor:not-allowed}#power-canvas{background:#070b10;border:1px solid var(--grid);margin-bottom:16px;cursor:crosshair}.phase-footer{display:flex;gap:24px;align-items:center}#power-status{color:var(--accent-2);letter-spacing:2px}.rifle-readout{border:2px solid var(--accent);padding:40px 80px;margin-bottom:32px;background:#ff6a000d;box-shadow:0 0 40px #ff6a004d}.readout-label{font-size:14px;color:var(--accent-2);letter-spacing:4px;margin-bottom:12px}.readout-number{font-size:96px;color:var(--accent);text-shadow:0 0 20px var(--accent);font-weight:700}.readout-grade{font-size:18px;color:var(--text);letter-spacing:6px;margin-top:8px}.readout-grade.perfect{color:#0f8;text-shadow:0 0 12px #00ff88}.readout-grade.normal{color:var(--accent-2)}.readout-grade.delayed{color:#f80}.scope-container{position:relative;border:2px solid var(--accent);background:#000;box-shadow:0 0 40px #ff6a0066}#scope1-canvas,#scope2-canvas{display:block;cursor:none}#shot1-result{margin-top:18px;font-size:18px;letter-spacing:3px;color:var(--accent-2)}#phase-ending{background:var(--bg)}#ending-content{margin-bottom:32px}#ending-content h2{font-size:48px;letter-spacing:8px;margin-bottom:16px}#ending-content p{font-size:16px;color:var(--muted);letter-spacing:2px;line-height:2}.ending-victory h2{color:#0f8;text-shadow:0 0 20px #00ff88}.ending-defeat h2{color:var(--danger);text-shadow:0 0 20px var(--danger)}.ending-doom h2{color:#fff;text-shadow:0 0 20px var(--danger)}#earth-destruction{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--danger);z-index:9999;animation:doom 2.5s ease-in forwards}@keyframes doom{0%{background:#000;opacity:0}20%{background:#000;opacity:1}40%{background:#300}70%{background:#a00}to{background:red}}.hidden{display:none!important}