:root{font-family:Arial,sans-serif;color-scheme:dark;--yellow:#ffd02a;--muted:#c2cdbb}*{box-sizing:border-box}body{margin:0;background:radial-gradient(at top,#223024,#09100b 75%);color:#fff;min-height:100svh}main{width:min(100%,580px);margin:auto;padding:20px 18px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}header{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid #526145}header img{width:42px;height:58px;object-fit:contain}h1{font-size:23px;margin:0}header p{font-size:13px;color:var(--muted);margin:6px 0 0}h2{font-size:26px;line-height:1.15;margin:7px 0 10px}p{margin:0;line-height:1.45}label{display:block;font-size:15px;margin-bottom:8px}input,select,button{font:inherit;font-size:18px;border:1px solid #859879;border-radius:5px;min-height:48px;padding:12px;background:#17251b;color:#fff}input,select{width:100%;min-width:0}input{text-transform:uppercase;letter-spacing:3px}.form-row{display:flex;gap:8px}.form-row input{flex:1;width:0}button{cursor:pointer;font-weight:700}button.primary{color:#10170d;background:var(--yellow);border-color:#ffe075}button:hover{filter:brightness(1.1)}button:disabled{opacity:.4;cursor:default;filter:none}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #fff09d;outline-offset:3px}.connection{font-size:14px;color:var(--muted);min-height:21px}.task{padding:16px;border-left:4px solid var(--yellow);background:#0c190f}.task>span{font-size:12px;letter-spacing:.9px;color:var(--yellow)}.task>p{font-size:16px}.help{font-size:14px;color:var(--muted);margin:10px 0 14px}#setup{padding:14px;background:#111f15;border:1px solid #405b36;border-radius:6px}#setup>button{width:100%}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions>button{flex:1;min-width:120px}.sensor-status{font-size:14px;color:var(--muted);border-left:2px solid #71835d;padding-left:10px}.fire{min-height:104px;font-size:35px;letter-spacing:1px;background:var(--yellow);border:2px solid #ffdf70;color:#141b0d;box-shadow:0 5px 0 #987516;touch-action:none}.fire:active,.fire.pressed{transform:translateY(4px);box-shadow:0 1px 0 #987516;background:#fff0a1}.feedback{color:var(--yellow);font-size:16px;min-height:24px}.feedback:empty,.error:empty{display:none}.error{color:#ffd4bf;background:#351f16;border-left:3px solid #e9976d;padding:10px;font-size:15px}details{font-size:14px;color:var(--muted);border-top:1px solid #384d32;padding-top:4px}summary{cursor:pointer;padding:12px 0}details p{margin:0 0 12px}.secondary{font-size:14px;color:var(--muted);background:transparent;border-color:#45573d}body[data-phase="results"] #setup,body[data-phase="results"] #fire{display:none}[hidden]{display:none!important}@media(max-width:350px){main{padding:14px;gap:12px}h1{font-size:20px}.actions>button{min-width:100px;font-size:16px}.form-row button{font-size:16px;padding:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}