: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}.bosses{display:flex;justify-content:center;gap:8px}.bosses a,a.switch{color:var(--ink);background:#281c34e6;border:1px solid var(--edge);border-radius:5px;text-decoration:none;cursor:pointer}.bosses a{padding:3px 12px;font-size:12.5px;pointer-events:auto}.bosses a:hover,a.switch:hover{background:#462e5af2;border-color:var(--gold)}.bosses a.current{color:var(--gold);border-color:var(--gold);cursor:default}#start.gone .bosses a{pointer-events:none}a.switch{padding:7px 14px;color:var(--gold)}.sidepanel{position:fixed;right:380px;bottom:18px;width:249px;transform-origin:bottom right;image-rendering:pixelated;filter:drop-shadow(0 6px 14px rgba(0,0,0,.6))}.sidepanel button,.sidepanel button:hover{padding:0;border:0;border-radius:0;cursor:pointer;touch-action:none}.sp-row{position:relative;background:no-repeat left top}.sp-row.top{height:37px}.sp-row.bottom{width:246px;height:37px;margin-left:3px}.sp-tab,.sp-tab:hover{position:absolute;top:0;height:36px;background:var(--icon) var(--ix) 0 no-repeat}.sp-tab.open,.sp-tab.open:hover{background:var(--icon) var(--ix) 0 no-repeat,var(--lit) 0 0 no-repeat}.sp-mid{display:flex;height:261px}.sp-left{flex:0 0 31px;background-repeat:no-repeat;background-position:left top,3px 133px}.sp-body{position:relative;flex:0 0 190px;background:no-repeat}.sp-right{flex:0 0 28px;background:no-repeat left top}.sp-page[hidden],.prayer-grid[hidden]{display:none}.sp-page{position:absolute;top:0;right:0;bottom:0;left:0;color:#ff981f;font:12px/1 Segoe UI,system-ui,sans-serif;text-shadow:1px 1px 0 #000}.sp-stats{display:grid;grid-template-columns:repeat(3,62px);grid-auto-rows:32px;padding:2px}.sp-stats div{margin:1px;padding-left:34px;line-height:30px;color:#ff0;background:var(--icon) 4px center no-repeat,#0000002e;border:1px solid rgba(0,0,0,.35)}.sp-stats div.total{padding-left:30px;font-size:11px}.sp-combat{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:48px;align-content:start;gap:6px;padding:8px 10px}.sp-combat .weapon{grid-column:1 / -1;align-self:center;text-align:center;font:15px Georgia,serif}.sp-combat .style,.sp-combat .style:hover{color:inherit;font:inherit;text-shadow:inherit;display:grid;place-items:center;background:#4d4439;border:1px solid #2a241c;box-shadow:inset 0 0 0 1px #6a5e4e}.sp-combat .style.on,.sp-combat .style.on:hover{background:#7a2a22;box-shadow:inset 0 0 0 1px #b04a3c;color:#fff}.sp-inventory{display:grid;grid-template-columns:repeat(4,42px);grid-auto-rows:36px;align-content:start;padding:8px 0 0 13px}.sp-inventory .inv,.sp-inventory .inv:hover{width:42px;height:36px;background:no-repeat center}.sp-equipment .slot{position:absolute;width:36px;height:36px;background:no-repeat center,no-repeat center}.prayer-grid{position:absolute;left:2px;top:6px;display:grid;grid-template-columns:repeat(5,37px);grid-auto-rows:37px}.prayer-grid button,.prayer-grid button:hover{width:37px;height:37px;background:var(--icon) center / 30px 30px no-repeat}.prayer-grid button.on,.prayer-grid button.on:hover{background:var(--icon) center / 30px 30px no-repeat,radial-gradient(circle,#fff4c8f2 38%,#ffecaa80 58%,#ffecaa00 68%) center / 37px 37px no-repeat}.overhead[data-prayer=magic]{background-color:#3f6fe0}.overhead[data-prayer=missiles]{background-color:#3aa655}.overhead[data-prayer=melee]{background-color:#c8402f}.overhead{position:absolute;width:26px;height:26px;transform:translate(-50%,-50%);border:2px solid #14101a;border-radius:50%;background:#555 center / contain no-repeat;image-rendering:pixelated}.overhead[hidden]{display:none}.splat.heal{background:#8a3fd0;border-color:#45176e}#options h2{display:flex;align-items:center;justify-content:space-between}#options .minimise{padding:0 8px;font:16px/20px var(--num)}#options.min{width:auto;padding:8px 12px}#options.min h2{margin:0;gap:14px}#options.min>:not(h2){display:none}