:root{--ink: #f0e9dc;--dim: #a89fb0;--gold: #d4a829;--blood: #b3162f;--panel: rgba(16, 12, 22, .78);--edge: rgba(212, 168, 41, .28);--num: ui-monospace, "Cascadia Mono", Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#09080d;color:var(--ink);font:14px/1.4 Segoe UI,system-ui,sans-serif;-webkit-user-select:none;user-select:none}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:default}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.panel{position:fixed;background:var(--panel);border:1px solid var(--edge);border-radius:6px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 24px #00000073}h1,h2,h3{font-family:Georgia,Times New Roman,serif;font-weight:400;letter-spacing:.06em;margin:0}kbd{font:11px var(--num);padding:1px 5px;border:1px solid rgba(255,255,255,.25);border-bottom-width:2px;border-radius:4px;color:var(--ink);margin:0 2px 0 8px}#action{position:fixed;top:10px;left:14px;font:600 15px/1 Segoe UI,system-ui,sans-serif;text-shadow:1px 1px 0 #000,0 0 6px #000;pointer-events:none}#action b{color:#ffe14a;font-weight:600}#action small{color:#7dff6a;font-size:inherit}#stats{top:38px;left:14px;padding:10px 14px;pointer-events:none}dl{display:grid;grid-template-columns:auto auto;gap:3px 18px;margin:0}dt{color:var(--dim)}dd{margin:0;text-align:right;font-family:var(--num);font-variant-numeric:tabular-nums}#boss{position:fixed;top:14px;left:50%;transform:translate(-50%);width:min(520px,44vw);text-align:center;pointer-events:none}.boss-name{font:19px Georgia,serif;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 2px 6px #000}.boss-name span{color:var(--gold);font-size:12px;margin-left:8px}.bar{position:relative;height:20px;margin-top:6px;background:#2a0a12;border:1px solid var(--edge);border-radius:3px;overflow:hidden}#boss-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;background:linear-gradient(#d9213f,#8e1027);transition:width .25s ease-out}#boss-text{position:relative;font:12px/18px var(--num);text-shadow:0 1px 2px #000}#start{left:50%;top:22%;transform:translate(-50%);padding:18px 28px;text-align:center;pointer-events:none;transition:opacity .3s}#start h1{font-size:30px;color:var(--gold);text-transform:uppercase}#start p{margin:8px 0 0}#start .keys{color:var(--dim);font-size:12.5px;line-height:1.9}#start .legal{color:var(--dim);font-size:11px;opacity:.8}#start .loading{color:var(--gold)}#start.gone{opacity:0}#helper{left:50%;bottom:18px;transform:translate(-50%);padding:10px 16px 8px;display:grid;gap:16px;pointer-events:none}#helper[hidden]{display:none}#helper .row{display:grid;grid-template-columns:58px auto 190px;align-items:center;gap:12px}#helper .label{color:var(--dim);font-size:12px;text-transform:uppercase;letter-spacing:.08em}#helper .note{font-size:13px}.pips{display:flex;gap:6px}.pips i{position:relative;width:74px;height:12px;border-radius:2px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12)}.pips i:after{content:attr(data-l);position:absolute;top:13px;left:0;right:0;text-align:center;font: 10px/1.2 Segoe UI,sans-serif;color:var(--dim);white-space:nowrap}.pips i.on{background:var(--gold);border-color:#ffe58a;box-shadow:0 0 10px #d4a829b3}.pips i.on.danger{background:#e02741;border-color:#ff8a9b;box-shadow:0 0 10px #e02741cc}.pips i.on.safe{background:#35c46a;border-color:#9bf0b8;box-shadow:0 0 10px #35c46ab3}.pips i.cd{background:#6c5a8c;border-color:#9c8cc0}#pips-weapon i{width:58px}.note.good{color:#7dff9a}.note.bad{color:#ff7388}#vitals{left:14px;bottom:18px;padding:10px 14px;text-align:center;pointer-events:none}.hp-orb{--hp: 100%;width:58px;height:58px;border-radius:50%;border:2px solid var(--edge);background:linear-gradient(to top,#c01f38 var(--hp),#2a0a12 var(--hp));display:grid;place-items:center;font:600 19px var(--num);text-shadow:0 1px 3px #000}.hp-label{margin-top:4px;font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.08em}#buttons{position:fixed;right:14px;bottom:18px;display:flex;gap:8px}button{font:inherit;color:var(--ink);background:#281c34e6;border:1px solid var(--edge);border-radius:5px;padding:7px 14px;cursor:pointer}button:hover{background:#462e5af2;border-color:var(--gold)}#options{top:14px;right:14px;width:290px;padding:14px 16px;max-height:calc(100vh - 90px);overflow-y:auto}#options[hidden]{display:none}#options h2{font-size:18px;color:var(--gold);margin-bottom:8px}#options h3{font-size:12px;color:var(--dim);text-transform:uppercase;margin:14px 0 4px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.line{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px;flex-wrap:wrap}.line>span{display:flex;align-items:center;gap:6px}.line output{margin-left:auto;font-family:var(--num);color:var(--dim)}select,input[type=color]{background:#1b1424;color:var(--ink);border:1px solid rgba(255,255,255,.18);border-radius:4px;padding:3px 6px;font:inherit}input[type=color]{width:34px;height:24px;padding:1px}input[type=range]{width:100%;accent-color:var(--gold)}input[type=checkbox]{accent-color:var(--gold)}#end{left:50%;top:50%;transform:translate(-50%,-50%);padding:26px 36px;text-align:center;min-width:360px}#end[hidden]{display:none}#end h1{font-size:28px;text-transform:uppercase;margin-bottom:16px}#end.victory h1{color:var(--gold)}#end.death h1{color:#ff5a70}#end dl{text-align:left;margin-bottom:20px;gap:5px 34px}#paused{position:fixed;left:50%;top:42%;transform:translate(-50%,-50%);font:34px Georgia,serif;letter-spacing:.3em;text-transform:uppercase;text-shadow:0 2px 12px #000;pointer-events:none}#paused[hidden]{display:none}.hpbar{position:absolute;width:54px;height:7px;margin:-4px 0 0 -27px;background:#d01818;border:1px solid #000}.hpbar>div{height:100%;background:#1fd01f}.hpbar.big{width:110px;margin-left:-55px}.cdtimer{position:absolute;transform:translate(-50%,-50%);font:700 26px/1 var(--num);color:#fff;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,0 0 6px #000}.cdtimer.next{color:#5dff7a}.splat{position:absolute;min-width:26px;height:26px;margin:-13px 0 0 -13px;padding:0 5px;border-radius:50%/60% 60% 40% 40%;background:#b3162f;border:2px solid #5c0715;color:#fff;font:700 14px/22px var(--num);text-align:center;text-shadow:1px 1px 0 #000;animation:splat 1.2s ease-out forwards}.frozen .splat{animation-play-state:paused}.splat.miss{background:#2b5fb8;border-color:#12305f}@keyframes splat{0%{transform:scale(.4);opacity:0}12%{transform:scale(1.2);opacity:1}22%{transform:scale(1)}80%{opacity:1}to{transform:translateY(-14px);opacity:0}}.cross{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;animation:cross .45s linear forwards}.cross:before,.cross:after{content:"";position:absolute;left:7px;top:-1px;width:4px;height:20px;background:currentColor;border-radius:2px;box-shadow:0 0 2px #000}.cross:before{transform:rotate(45deg)}.cross:after{transform:rotate(-45deg)}@keyframes cross{0%{transform:scale(.5) rotate(0);opacity:1}70%{opacity:1}to{transform:scale(1.15) rotate(90deg);opacity:0}}.tickflash{position:fixed;left:0;right:0;bottom:0;height:3px;background:var(--gold);transform-origin:left;opacity:.7}