*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #050a05;--surface: #0a140a;--border: #1a3a1a;--border-bright: #2a5a2a;--text: #b0d0b0;--text-bright: #00ff41;--text-muted: #4a7a4a;--accent: #00ff41;--accent-hover: #00cc33;--accent-dim: #009922;--danger: #ff3333;--glow: 0 0 8px rgba(0, 255, 65, .4);--glow-strong: 0 0 12px rgba(0, 255, 65, .6)}body{font-family:Share Tech Mono,Courier New,monospace;background:var(--bg);color:var(--text);min-height:100dvh}#app{max-width:480px;margin:0 auto;padding:1.5rem 1rem;position:relative}.scanlines{pointer-events:none;position:fixed;inset:0;z-index:9999;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px)}.screen{display:flex;flex-direction:column;gap:1.5rem}.screen-header{display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--border-bright);padding-bottom:.75rem}.screen-header h1{font-size:1.3rem;font-weight:400;text-transform:uppercase;letter-spacing:.15em;color:var(--text-bright);text-shadow:var(--glow)}.start-screen{align-items:center;justify-content:center;min-height:80dvh;text-align:center}.start-screen h1{font-size:2.8rem;font-weight:700;letter-spacing:.2em;color:var(--text-bright);text-shadow:var(--glow-strong)}.subtitle{color:var(--text-muted);margin-top:-.25rem;text-transform:uppercase;letter-spacing:.1em;font-size:.8rem}.nav-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem;width:100%;max-width:280px}.btn{display:inline-block;padding:.6rem 1.2rem;border:1px solid var(--border-bright);border-radius:2px;background:var(--surface);color:var(--text);font-family:inherit;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;text-decoration:none;text-align:center;transition:all .15s}.btn:hover{background:var(--border);border-color:var(--accent-dim);color:var(--text-bright)}.btn:disabled{opacity:.3;cursor:not-allowed}.btn:disabled:hover{background:var(--surface);color:var(--text);border-color:var(--border-bright)}.btn-primary{background:transparent;border-color:var(--accent);color:var(--accent);text-shadow:var(--glow);box-shadow:inset 0 0 20px #00ff410d,0 0 8px #00ff4126}.btn-primary:hover{background:#00ff411a;border-color:var(--accent);color:var(--accent);box-shadow:inset 0 0 30px #00ff411a,0 0 15px #00ff4140}.btn-primary:disabled{background:transparent;box-shadow:none;text-shadow:none}.btn-small{padding:.3rem .6rem;font-size:.75rem}.panel-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);margin-bottom:-.75rem}.info-panel{display:flex;flex-direction:column;gap:0;background:var(--surface);border:1px solid var(--border-bright);border-radius:2px;padding:0;overflow:hidden}.info-panel .panel-header{background:var(--border);padding:.4rem .75rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);border-bottom:1px solid var(--border-bright)}.field{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-bottom:1px solid var(--border)}.field:last-of-type{border-bottom:none}.field label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.field-value{font-size:1.1rem;font-weight:400;font-variant-numeric:tabular-nums;color:var(--text-bright);text-shadow:var(--glow)}.field-value.computed{color:var(--accent);text-shadow:var(--glow-strong)}.stepper{display:flex;align-items:center;gap:0}.stepper .field-value{min-width:2.5rem;text-align:center}.stepper-btn{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:1px solid var(--border-bright);border-radius:2px;background:var(--surface);color:var(--text-bright);font-family:inherit;font-size:1.2rem;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:all .1s}.stepper-btn:active:not(:disabled){background:var(--border-bright);border-color:var(--accent-dim)}.stepper-btn:disabled{opacity:.2;cursor:not-allowed}.burn-section{background:var(--surface);border:1px solid var(--border-bright);border-radius:2px;padding:0;display:flex;flex-direction:column;gap:0;overflow:hidden}.burn-section .panel-header{background:var(--border);padding:.4rem .75rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);border-bottom:1px solid var(--border-bright)}.burn-counter{display:flex;justify-content:space-between;align-items:center;padding:.75rem}.burn-counter label{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.burn-value{font-size:1.6rem;font-weight:400;font-variant-numeric:tabular-nums;color:var(--accent);text-shadow:var(--glow-strong)}.burn-actions{display:flex;gap:.5rem;padding:0 .75rem .75rem}.burn-actions .btn{flex:1}.status-bar{display:flex;align-items:center;gap:.5rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);padding-top:.5rem;border-top:1px solid var(--border)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:var(--glow);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.placeholder-text{color:var(--text-muted);text-align:center;text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;padding:3rem 1rem}
