:root{--display-font:"Trade Winds", Georgia, serif;--body-font:"Alegreya", Georgia, serif}@font-face{font-family:Trade Winds;src:url(../fonts/trade-winds.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Alegreya;src:url(../fonts/alegreya-medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:block}html,body{color:#fff;-webkit-user-select:none;user-select:none;cursor:url(../ui/cursor.webp) 1 1,auto;background:#b8ccdf;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}*,:before{cursor:inherit}*{scrollbar-width:thin;scrollbar-color:#3a3a3a #0a0a0a}#game{touch-action:none;outline:none;width:100%;height:100%;display:block}#loading{z-index:30;background:linear-gradient(#6f9fd0,#b8ccdf);grid-template-columns:1fr 2fr;transition:opacity .6s;display:grid;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}#loading .portrait{place-self:end center;width:min(100%,66.0984vh);position:relative}#loading .caption{z-index:2;width:76%;height:auto;position:absolute;top:-26.5%;left:13.1%}#loading .bust{z-index:1;width:100%;height:auto;display:block;position:relative}#loading .eye{background:#e4dfd2;position:absolute}#loading .title{flex-direction:column;justify-content:center;align-items:center;min-width:0;display:flex}#loading .title,#loading .portrait{opacity:0;transition:opacity .5s ease-out,translate .7s cubic-bezier(.2,.8,.2,1)}#loading .title{translate:0 -30vh}#loading .portrait{transition-delay:.1s;translate:0 30vh}#loading.shown .title,#loading.shown .portrait{opacity:1;translate:0}#loading h1{margin:0}#loading h1 img{width:min(58vw,1100px);height:auto;display:block}@keyframes pulse{50%{scale:var(--pulse)}}#loading h1 img,#loading .continue{animation:1.8s ease-in-out infinite pulse}#loading h1 img{--pulse:1.025}#loading .go{place-items:center;margin-top:1.2rem;display:grid}#loading .go>*{grid-area:1/1}#loading .status{opacity:.85;margin:0;font-size:1.1rem;transition:opacity .3s}#loading.ready .status{opacity:0}#loading.failed .go>*{grid-area:auto}#loading.failed .status{opacity:.85;margin-bottom:1rem}#loading .continue{--pulse:1.05;font-family:var(--display-font);letter-spacing:1px;color:#c8c8c8;opacity:0;visibility:hidden;background:#080808bf;border:1px solid #3a3a3a;border-radius:8px;padding:.6rem 1.6rem;font-size:clamp(15px,1.2vw,22px);transition:opacity .3s,visibility .3s,color .15s,border-color .15s,background-color .15s,box-shadow .15s,transform .15s}#loading.ready .continue{opacity:1;visibility:visible}#loading .continue:hover{color:#fff;background-color:#1a1506d9;border-color:gold;transform:scale(1.06);box-shadow:0 0 18px #ffd70073}#loading .continue:active{transform:scale(.97)}#lock-hint{z-index:15;font-family:var(--display-font);letter-spacing:1px;color:#c8c8c8;white-space:nowrap;pointer-events:none;background:#080808bf;border:1px solid #3a3a3a;border-radius:8px;padding:.55rem 1.2rem;font-size:15px;position:fixed;top:24px;left:50%;transform:translate(-50%)}#lock-hint[hidden]{display:none}#hud{z-index:10;pointer-events:none;position:fixed;inset:0;overflow:hidden}.skill-bar{transform-origin:0 100%;width:max-content;position:absolute;bottom:0;left:0}.skill-slots{display:flex}.hud-panel{position:absolute;top:0}.hud-panel.equipment{transform-origin:0 0;left:0}.hud-panel.inventory{transform-origin:100% 0;right:0}.slot-grid{display:grid}.slot{box-sizing:border-box;width:var(--slot-size);height:var(--slot-size);border:1px solid #0a0a0a;justify-content:center;align-items:center;display:flex;position:relative}.slot:before{content:"";border-style:solid;border-width:var(--slot-band);border-color:var(--slot-top) var(--slot-right) var(--slot-bottom) var(--slot-left);background:var(--slot-fill);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0a0a0a}.hud-panel .slot,.skill-bar.pointing .skill-slot,.skill-bar.pointing .mouse-slot{pointer-events:auto}.mouse-glyph{display:block}.tooltip{z-index:16;max-width:240px;font-family:var(--body-font);color:#c8c8c8;pointer-events:none;background:linear-gradient(#1c1c1c 0%,#0d0d0d 100%);border:1px solid #5a5a5a;border-radius:6px;padding:8px 12px;font-size:15px;font-weight:500;position:fixed;box-shadow:0 0 16px #000000b3}.tooltip[hidden],.prompt[hidden]{display:none}.tooltip-name{font-family:var(--display-font);color:gold;margin-bottom:2px;font-size:18px}.tooltip-rarity{font-size:14px}.tooltip-slot,.tooltip-level{color:#aaa;font-size:14px}.tooltip-slot{font-style:italic}.tooltip-stats{color:#fff;margin-top:6px}.tooltip-mods{color:#6cf;border-top:1px solid #56a9;margin-top:6px;padding-top:5px}.tooltip-hint{color:#8a8a8a;margin-top:6px;font-size:13px}.tooltip-desc{color:#999;font-size:14px;font-style:italic}.tooltip-locked{color:#c44;font-size:14px}.tooltip-subtitle{color:#aaa;margin-bottom:4px;font-size:14px;font-style:italic}.tooltip-stat{color:#fff;margin-bottom:2px}.tooltip-effect{color:#6cf}.tooltip-detail{color:#89b;font-size:14px}.tooltip-rule{border-top:1px solid #56a6;margin-top:6px;padding-top:5px}.prompt{font-family:var(--display-font);color:#e8e8e8;white-space:nowrap;background:#080808bf;border:1px solid #3a3a3a;border-radius:8px;align-items:center;gap:10px;padding:7px 16px 7px 8px;font-size:18px;display:flex;position:absolute;top:62%;left:50%;transform:translate(-50%)}.prompt-key{text-align:center;color:gold;background:#1a1a1a;border:1px solid #8a8a8a;border-radius:4px;min-width:14px;padding:1px 8px}.slot-icon{max-width:62px;max-height:62px;position:relative}.drag-ghost{opacity:.85;position:absolute;top:0;left:0}.slot.drop-ok:after,.slot.drop-no:after{content:"";inset:var(--slot-band);pointer-events:none;position:absolute}.slot.drop-ok:after{box-shadow:inset 0 0 12px 2px #ffd70099}.slot.drop-no:after{box-shadow:inset 0 0 12px 2px #c81e1ea6}.action-icon{position:relative}.action-icon.unready{filter:saturate(.4)brightness(.4)}.cooldown{inset:var(--slot-band);background:conic-gradient(#0009 0turn var(--left), transparent var(--left));position:absolute}.cooldown[hidden]{display:none}.cooldown-count{font-family:var(--display-font);color:#fff;-webkit-text-stroke:4px #000;paint-order:stroke fill;justify-content:center;align-items:center;font-size:26px;line-height:1;display:flex;position:absolute;inset:0}.skill-slot.prayer-on:after{content:"";pointer-events:none;border:3px solid #4f4c;position:absolute;inset:-2px}.slot-key,.gold span{font-family:var(--display-font);paint-order:stroke fill;line-height:1;position:absolute}.slot-key{color:#fff;-webkit-text-stroke:4px #000;font-size:18px;top:3px;left:5px}.stamina-bar{box-sizing:border-box;transform-origin:0 100%;background:#0e0e0ecc;border:1px solid #0a0a0a;border-radius:2px;height:10px;position:absolute;bottom:0;left:0;overflow:hidden;box-shadow:0 0 0 1px #5a5a5a,inset 0 1px 2px #000c}.stamina-fill{background:linear-gradient(#f4d867,#c99a24);width:100%;height:100%}.stamina-bar.exhausted .stamina-fill{background:linear-gradient(#ee7258,#a8321f)}.xp-bar{background:#1a1a1acc}.xp-fill{background:#2c4;width:0;height:100%}.gold{height:28px;margin-top:6px;position:relative}.gold span{color:gold;-webkit-text-stroke:2px #000;font-size:18px;top:2px;left:36px}.target-bar{box-sizing:border-box;transform-origin:top;opacity:0;background:#111111d9;border:2px solid #444;border-radius:5px;transition:opacity .15s linear;position:absolute;top:0;left:50%}.target-bar.shown{opacity:1}.target-fill{background:#8b0000e6;border-radius:3px;position:absolute;top:0;bottom:0;left:0}.target-name,.target-health{font-family:var(--display-font);color:#fff;-webkit-text-stroke:4px #000;paint-order:stroke fill;white-space:nowrap;font-size:18px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.target-name{left:8px}.target-health{right:8px}.subtitles{box-sizing:border-box;text-align:center;transform-origin:bottom;opacity:0;background:#0000008c;border-radius:8px;width:max-content;max-width:1000px;padding:6px 18px 8px;transition:opacity .2s;position:absolute;bottom:0;left:50%}.subtitles.shown{opacity:1}.subtitle-speaker,.subtitle-words{-webkit-text-stroke:4px #000;paint-order:stroke fill}.subtitle-speaker{font-family:var(--display-font);color:gold;margin-right:10px;font-size:22px}.subtitle-words{font-family:var(--body-font);color:#fff;font-size:27px;font-weight:500;line-height:1.3}.quest-tracker{box-sizing:border-box;transform-origin:0;background:#141414d1;border:1.5px solid #5a5a5a;border-radius:10px;padding:16px;position:absolute;top:50%;left:0}.quest-tracker:before{content:"";background:#ffd780e6;border-radius:2px;width:4px;position:absolute;top:4.5px;bottom:4.5px;left:-1.5px}.quest-title,.quest-objective{-webkit-text-stroke:3px #000;paint-order:stroke fill}.quest-title{font-family:var(--display-font);color:#ffd780;border-bottom:1px solid #4a4a4a;margin-bottom:12px;padding-bottom:8px;font-size:22px;line-height:1.2}.quest-objective{font-family:var(--body-font);color:#efefef;align-items:flex-start;font-size:16px;font-weight:500;line-height:19px;transition:color .4s;display:flex}.quest-objective+.quest-objective{margin-top:12px}.quest-objective.done{color:#8a8a8a}.quest-mark{flex:none;margin:0 6px 0 4px}.quest-mark svg{display:block}@keyframes quest-done{0%{opacity:0;scale:1.8}}.quest-objective.done .quest-mark{animation:.35s cubic-bezier(.2,.8,.2,1) quest-done}.hurt-flash{opacity:0;background:radial-gradient(#0000 50%,#96000099 100%);position:absolute;inset:0}.death-screen{opacity:0;background:radial-gradient(#1e000073 0%,#080000e0 100%);justify-content:center;align-items:center;transition:opacity 1.2s;display:flex;position:absolute;inset:0}.death-screen.shown{opacity:1}.death-words{text-align:center}.death-words h2{font-family:var(--display-font);letter-spacing:4px;color:#b3141b;-webkit-text-stroke:8px #000;paint-order:stroke fill;margin:0;font-size:96px;font-weight:400}.death-words p{font-family:var(--body-font);color:#c8c8c8;text-shadow:0 2px 6px #000;margin:8px 0 0;font-size:24px;font-weight:500}.world-map{background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.world-map[hidden]{display:none}.map-panel{background:linear-gradient(#1c1c1c 0%,#0d0d0d 100%);border:2px solid #5a5a5a;border-radius:8px;flex-direction:column;gap:8px;padding:12px 14px 14px;display:flex;box-shadow:0 0 40px #000c}.map-header{font-family:var(--display-font);justify-content:space-between;align-items:baseline;gap:24px;display:flex}.map-title{color:gold;font-size:22px}.map-hint{color:#8a8a8a;font-size:14px}.map-picture{border:1px solid #3a3a3a;position:relative;overflow:hidden}.map-picture canvas{width:100%;height:100%;position:absolute;inset:0}