:root{font-family:system-ui,-apple-system,sans-serif;color:#eee9df;background:#0b1011;font-synthesis:none;--gold: #ddba70;--edge: rgba(233, 227, 211, .48);--safe-l: max(14px, env(safe-area-inset-left));--safe-r: max(14px, env(safe-area-inset-right));--safe-t: max(12px, env(safe-area-inset-top));--safe-b: max(18px, env(safe-area-inset-bottom))}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;height:100dvh;overflow:hidden;overscroll-behavior:none;touch-action:none}body{touch-action:none;user-select:none;-webkit-user-select:none}canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;outline:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#hud button,#move{pointer-events:auto}#vitals{position:absolute;left:var(--safe-l);top:var(--safe-t);width:clamp(170px,25vw,240px);text-shadow:0 1px 3px #000;font-size:11px;letter-spacing:.09em}.hud-name{display:flex;justify-content:space-between;margin-bottom:5px;font-size:12px;font-weight:600}#health-number{letter-spacing:0;font-size:11px}.bar{height:5px;border-radius:8px;overflow:hidden;background:#0c1212a6;box-shadow:0 1px 3px #0006}.bar span{display:block;height:100%;width:100%;border-radius:inherit}.health span{background:#bb6454}.defence span{background:#ddba70}.guard-line{display:flex;justify-content:space-between;font-size:9px;margin:7px 0 3px;opacity:.92}#objective{margin-top:9px;font-size:10px;color:#eee9df}#menu-button{position:absolute;right:var(--safe-r);top:var(--safe-t);width:48px;height:48px;border:1px solid var(--edge);border-radius:50%;background:#0d181ba8;font-size:24px;color:var(--gold)}#notice{position:absolute;top:calc(var(--safe-t) + 93px);left:25%;right:25%;text-align:center;font-size:12px;text-shadow:0 1px 4px #000;margin:0}#boss{position:absolute;top:var(--safe-t);left:36%;right:22%;text-align:center;font-size:10px;letter-spacing:.1em}#boss .bar{margin-top:6px}#touch-controls{display:none}.touch #touch-controls{display:block}#move{position:absolute;left:calc(var(--safe-l) + 4px);bottom:calc(var(--safe-b) + 8px);width:108px;height:108px;border-radius:50%;border:1px solid var(--edge);background:#26292729;--knob-x: 0px;--knob-y: 0px;touch-action:none}.move-knob{display:block;position:absolute;width:40px;height:40px;left:33px;top:33px;border:1px solid rgba(234,228,211,.62);border-radius:50%;background:#d8ceb533;transform:translate(var(--knob-x),var(--knob-y));pointer-events:none}#action-cluster{position:absolute;right:var(--safe-r);bottom:calc(var(--safe-b) + 2px);width:218px;height:210px}.action{position:absolute;width:60px;height:60px;border-radius:50%;border:1px solid var(--edge);background:#1e211e2e;text-shadow:0 1px 3px #000;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;letter-spacing:.07em;font-size:11px;font-weight:600}.action.primary{width:66px;height:66px}.action small{font-size:9px;font-weight:400;letter-spacing:0;color:#f0d28c;margin-top:2px;min-height:0}.action small:empty{display:none}.action.pressed{background:#dcba7045;border-color:#e6c985;box-shadow:0 0 0 3px #e6c98521}.action.cooldown{color:#c0bbb1}.action.cooldown:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:conic-gradient(var(--gold) calc(var(--ready) * 1turn),transparent 0);mask:radial-gradient(transparent 64%,#000 65%,#000 68%,transparent 69%);opacity:.55;pointer-events:none}#slash{left:0;top:52px}#stab{left:78px;top:0}#heavy{right:0;top:54px}#special{left:78px;top:99px}#dodge{left:0;bottom:0}#guard{right:0;bottom:0}.aim-arrow{display:none;position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;transform:rotate(var(--aim-angle, 0rad));pointer-events:none}.aim-arrow:after{content:"›";position:absolute;right:-1px;top:calc(50% - 13px);font-size:24px;color:var(--gold)}.pressed .aim-arrow{display:block}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#080f11f0;z-index:10}.card{max-width:460px;text-align:center}h1{font-weight:500;font-size:clamp(28px,6vw,44px);letter-spacing:.12em;color:var(--gold);margin:14px 0}h2{font-weight:500;letter-spacing:.05em}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--gold)}.card p{line-height:1.5;font-size:14px}.card button,dialog button:not(.close){min-height:48px;background:#283c3f;border:1px solid #879496;border-radius:7px;padding:12px 24px}#loading{min-height:42px;color:#aaa}.rotate-icon{font-size:64px;color:var(--gold)}dialog{width:min(460px,calc(100vw - 36px));max-height:calc(100dvh - 32px);overflow:auto;color:#eee9df;background:#152023;border:1px solid #6b7474;border-radius:12px;padding:24px;touch-action:pan-y}dialog::backdrop{background:#0009}dialog button{touch-action:pan-y}dialog h2{color:var(--gold);font-size:25px}dialog button:not(.close){display:block;width:100%;margin:12px 0}.close{float:right;background:transparent;border:0;font-size:28px;width:48px;height:48px;margin:-12px -12px 0 0}details{font-size:13px;line-height:1.55;margin:15px 0}summary{min-height:44px;cursor:pointer;padding:10px 0}.version{font-size:10px;color:#a6aeab}.menu-open #touch-controls{visibility:hidden}#ending{background:#080f11bf}@media(pointer:coarse){#touch-controls{display:block}}@media(max-height:350px){#vitals{width:170px}#action-cluster{height:190px}#special{top:87px}#slash{top:45px}#heavy{top:46px}#move{width:100px;height:100px}.move-knob{left:29px;top:29px}#notice{top:calc(var(--safe-t) + 80px)}}@media(orientation:portrait){#vitals{width:clamp(170px,52vw,220px)}#notice{top:calc(var(--safe-t) + 108px);left:var(--safe-l);right:var(--safe-r);font-size:11px}#boss{top:calc(var(--safe-t) + 83px);left:var(--safe-l);right:var(--safe-r);font-size:9px}#move{width:92px;height:92px;bottom:calc(var(--safe-b) + 24px)}.move-knob{left:25px;top:25px}#action-cluster{width:128px;height:186px;bottom:calc(var(--safe-b) + 12px)}.action{width:54px;height:54px;font-size:10px}.action.primary{width:60px;height:60px}#slash{left:0;top:0}#stab{left:auto;right:0;top:3px}#heavy{left:0;right:auto;top:66px}#special{left:auto;right:0;top:66px}#dodge{left:0;bottom:0}#guard{right:0;bottom:0}}#stamina-state{color:var(--gold);letter-spacing:0}#stamina-bar.low-energy{box-shadow:0 0 0 1px var(--gold)}.action.low-energy{color:#a49c8a;border-color:#e9e3d347;background:#0c121257}.action.low-energy.pressed{border-color:var(--gold)}#ammo{position:absolute;left:16px;top:136px;margin:0;color:#edcb8c;font-size:12px;letter-spacing:.06em;pointer-events:none}#pistol-interact{position:absolute;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translate(-50%);pointer-events:auto;background:#30261a;border:1px solid #ad8543;color:#f2d397;padding:10px 14px;border-radius:6px;touch-action:manipulation}#pistol-icon{position:absolute;transform:translate(-50%,-100%);padding:3px 6px;color:#f2d397;font-size:10px;letter-spacing:.08em;background:#231c14b3;border-radius:3px;pointer-events:none}.action:disabled{opacity:.35;pointer-events:none}@media(max-width:500px){#ammo{top:132px;font-size:11px}#pistol-interact{bottom:calc(12px + env(safe-area-inset-bottom));font-size:11px;padding:9px}}.action.pistol-aim.pressed{background:#849ea626;border-color:#8aa5af;box-shadow:none}.pistol-aim .aim-arrow:after{color:#8aa5af}.pistol-aim.pressed .aim-arrow{display:none}.pistol-aim.pressed.aiming .aim-arrow{display:block}