:root{--osd: #e8e4d0;--accent: #ffd770;--red: #d01818;--bg: #0b0906}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--osd);font-family:Courier New,Consolas,Microsoft YaHei,monospace;-webkit-user-select:none;user-select:none}#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hidden{display:none!important}#osd{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;font-size:clamp(14px,1.6vw,22px);text-shadow:0 0 4px rgba(0,0,0,.8),1px 1px 0 #000;letter-spacing:2px}#osd>div{position:absolute}#osd .tl{top:4vh;left:4vw;display:flex;gap:2em}#osd .tr{top:4vh;right:4vw}#osd .bl{bottom:4vh;left:4vw}#osd .br{bottom:4vh;right:4vw;display:flex;align-items:center;gap:.8em}#rec{color:var(--red);animation:blink 1.2s steps(1) infinite}@keyframes blink{50%{opacity:0}}#drum{display:flex;gap:4px}#drum i{width:10px;height:10px;border-radius:50%;border:2px solid var(--osd);display:inline-block}#drum i.full{background:var(--accent);border-color:var(--accent)}#reserve:before{content:"+";opacity:.6}#crosshair{position:fixed;left:50%;top:50%;width:4px;height:4px;margin:-2px;border-radius:50%;background:#ffffffb3;pointer-events:none}#prompt{position:fixed;left:50%;top:62%;transform:translate(-50%);font-size:clamp(14px,1.5vw,20px);letter-spacing:2px;text-shadow:0 0 6px #000;pointer-events:none;opacity:0;transition:opacity .2s}#prompt.show{opacity:1}#toast{position:fixed;left:50%;top:30%;transform:translate(-50%);font-size:clamp(14px,1.4vw,19px);color:var(--accent);letter-spacing:2px;text-shadow:0 0 6px #000;pointer-events:none;opacity:0;transition:opacity .4s}#toast.show{opacity:1}#caption{position:fixed;left:0;right:0;top:42%;text-align:center;font-size:clamp(22px,4vw,54px);letter-spacing:.4em;pointer-events:none;opacity:0;transition:opacity 1.5s;text-shadow:0 0 12px #000}#caption.show{opacity:1}#stamina{position:fixed;left:50%;bottom:7vh;width:160px;height:3px;margin-left:-80px;background:#ffffff1f;opacity:0;transition:opacity .4s;pointer-events:none}#stamina div{height:100%;background:var(--osd);width:100%}#stamina.show{opacity:1}#fade{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;pointer-events:none;transition:opacity .6s}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2em;background:radial-gradient(ellipse at center,#28200ed9,#050402f7);text-align:center;padding:16px}.screen h1{margin:0;font-size:clamp(32px,7vw,84px);letter-spacing:.25em;color:#e9dca8;text-shadow:3px 0 rgba(255,0,0,.4),-3px 0 rgba(0,180,255,.35)}.screen h1.red{color:var(--red)}.screen h2{margin:0;font-weight:400;letter-spacing:.5em;opacity:.8}.screen button{font:inherit;font-size:20px;letter-spacing:.3em;padding:.7em 2.2em;color:#111;background:#e9dca8;border:none;cursor:pointer}.screen button:hover{background:#fff3c4}.hint{opacity:.75;margin:0}.icons{display:flex;gap:28px}.screen button.icon{width:76px;height:76px;padding:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:#e9dca8;border:2px solid rgba(233,220,168,.6)}.screen button.icon:hover{background:#e9dca81f}.screen button.icon svg{width:36px;height:36px;fill:currentColor}#toggleSound{position:fixed;top:20px;right:20px;z-index:20;width:54px;height:54px;padding:0;border-radius:50%;display:grid;place-items:center;background:#00000040;color:#e9dca8;border:2px solid rgba(233,220,168,.6);cursor:pointer}#toggleSound:hover{background:#e9dca81f}#toggleSound svg{width:26px;height:26px;fill:currentColor}#toggleSound .off,#toggleSound.muted .on{display:none}#toggleSound.muted .off{display:block}#toggleSound.muted{color:#8a8270;border-color:#8a827099}.small{font-size:13px;opacity:.55;margin:0}.controls{display:flex;flex-wrap:wrap;gap:.6em 1.6em;justify-content:center;max-width:640px;opacity:.85;font-size:14px}.controls b{color:var(--accent);font-weight:400;border:1px solid rgba(255,215,112,.4);padding:0 .4em}#minimap{position:fixed;right:8px;top:8px;width:288px;height:288px;opacity:.85;image-rendering:pixelated;border:1px solid #555}.credits{position:absolute;bottom:14px;left:0;right:0;margin:0;font-size:11px;letter-spacing:.1em;opacity:.4}.credits a{color:inherit}#touchUI{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:none;z-index:5;font-family:inherit}#touchUI.active{display:block}#touchUI .t-btn{position:fixed;pointer-events:auto;border:1px solid rgba(255,240,200,.35);background:#14100859;color:#fff0c8d9;border-radius:50%;font:600 13px/1 inherit;letter-spacing:1px;touch-action:none;-webkit-user-select:none;user-select:none}#touchUI .t-btn:active{background:#fff0c840}#touchUI .t-fire{right:5vw;bottom:9vh;width:92px;height:92px;font-size:15px}#touchUI .t-reload{right:calc(5vw + 108px);bottom:7vh;width:56px;height:56px}#touchUI .t-use{right:calc(5vw + 14px);bottom:calc(9vh + 108px);width:64px;height:64px}#touchUI .t-pause{left:50%;top:10px;margin-left:-22px;width:44px;height:44px;border-radius:8px;font-size:14px}#touchUI .t-stick{position:fixed;left:7vw;bottom:9vh;width:120px;height:120px;border-radius:50%;border:1px solid rgba(255,240,200,.3);background:#14100840;opacity:.55}#touchUI .t-stick.on{opacity:1}#touchUI .t-knob{position:absolute;left:35px;top:35px;width:50px;height:50px;border-radius:50%;background:#fff0c866}#touchUI .t-rotate{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000;color:#e8dcb0;align-items:center;justify-content:center;letter-spacing:4px;font-size:16px;pointer-events:auto}@media (orientation: portrait){#touchUI .t-rotate{display:flex}}