:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f0f14;--bg-panel:#1a1611;--fg:#f1e8d0;--fg-muted:#9aa0a6;--accent:#d7b46a;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.4}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--fg);margin:0;overflow:hidden}canvas{display:block}.paused-banner{z-index:900;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;-webkit-user-select:none;user-select:none;background:#1e1812e0;border:1px solid #38302340;border-radius:2px;flex-direction:column;align-items:center;gap:4px;padding:8px 18px;display:flex;position:absolute;top:72px;left:50%;transform:translate(-50%)}.paused-banner__title{letter-spacing:3px;color:#d4a54a;text-shadow:1px 1px #000;font-family:"RuneScape Bold 12",sans-serif;font-size:24px}.paused-banner__hint{color:#c8aa6e;text-shadow:1px 1px #000;font-family:"RuneScape Plain 11",sans-serif;font-size:14px}.tile-marker-picker-backdrop,.tile-marker-label-backdrop{z-index:100100;pointer-events:none;position:fixed;inset:0}.tile-marker-picker,.tile-marker-label-editor{background:var(--color-bg-solid,#1e1812);border:1px solid var(--modal-card-border,var(--color-border,#383023));border-radius:var(--modal-radius,2px);width:244px;box-shadow:var(--modal-card-shadow,0 16px 32px #0009, inset 0 0 0 1px #38302380);pointer-events:auto;flex-direction:column;display:flex;position:fixed;overflow:hidden}.tile-marker-picker{animation:.14s cubic-bezier(.2,.8,.2,1) tile-marker-picker-in}.tile-marker-label-editor{-webkit-user-select:none;user-select:none;animation:.14s cubic-bezier(.2,.8,.2,1) tile-marker-label-in}@keyframes tile-marker-picker-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes tile-marker-label-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tile-marker-picker-header,.tile-marker-label-header{background:var(--color-bg-elevated,#241d16);border-bottom:1px solid var(--color-border,#383023);justify-content:space-between;gap:8px;padding:7px 12px;display:flex}.tile-marker-picker-header{align-items:center}.tile-marker-label-header{align-items:baseline}.tile-marker-picker-heading{flex-direction:column;gap:0;min-width:0;display:flex}.tile-marker-picker-title,.tile-marker-label-title{color:var(--color-secondary,#c8aa6e);text-shadow:1px 1px #000;white-space:nowrap;font-family:"RuneScape Bold 12",sans-serif;font-size:14px;line-height:1.15}.tile-marker-picker-title{text-overflow:ellipsis;overflow:hidden}.tile-marker-picker-subtitle,.tile-marker-label-subtitle{color:var(--color-text-muted,#8a7a5c);font-family:"RuneScape Plain 12",sans-serif;font-size:11px;line-height:1.15}.tile-marker-label-subtitle{white-space:nowrap}.tile-marker-picker-identity{flex-shrink:0;align-items:center;gap:6px;display:flex}.tile-marker-picker-current-name{color:var(--color-secondary,#c8aa6e);white-space:nowrap;font-family:"RuneScape Bold 12",sans-serif;font-size:12px}.tile-marker-picker-current{border:1px solid var(--color-border,#383023);border-radius:2px;flex-shrink:0;width:22px;height:22px}.tile-marker-picker-body{flex-direction:column;gap:11px;padding:12px;display:flex}.tile-marker-picker-field{gap:8px;display:flex}.tile-marker-picker-sv{border:1px solid var(--color-border,#383023);background:linear-gradient(to bottom, transparent, #000), linear-gradient(to right, #fff, transparent), var(--tile-marker-picker-hue,red);cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none;appearance:none;border-radius:2px;outline:none;flex:1;min-width:0;height:132px;padding:0;display:block;position:relative;overflow:hidden}.tile-marker-picker-sv:hover,.tile-marker-picker-hue:hover{border-color:var(--color-primary-structure,#5d5245)}.tile-marker-picker-sv:focus-visible,.tile-marker-picker-hue:focus-visible{border-color:var(--color-primary,#d4a54a)}.tile-marker-picker-sv-indicator{pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0009}.tile-marker-picker-hue{border:1px solid var(--color-border,#383023);cursor:ns-resize;-webkit-user-select:none;user-select:none;touch-action:none;appearance:none;background:linear-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:2px;outline:none;flex-shrink:0;width:16px;height:132px;padding:0;display:block;position:relative;overflow:visible}.tile-marker-picker-hue-thumb{background:var(--color-secondary,#c8aa6e);pointer-events:none;border:1px solid #101010;border-radius:2px;width:20px;height:6px;position:absolute;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000080}.tile-marker-picker-section{flex-direction:column;gap:7px;display:flex}.tile-marker-picker-section-label{letter-spacing:.5px;text-transform:uppercase;color:var(--color-text-muted,#8a7a5c);justify-content:space-between;align-items:baseline;font-family:"RuneScape Bold 12",sans-serif;font-size:10px;display:flex}.tile-marker-picker-section-value{letter-spacing:0;text-transform:none;color:var(--color-secondary,#c8aa6e);font-family:"RuneScape Bold 12",sans-serif;font-size:11px}.tile-marker-picker-swatches{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.tile-marker-swatch{border:1px solid var(--color-border,#383023);cursor:pointer;border-radius:2px;width:100%;height:20px;padding:0;transition:border-color .15s,box-shadow .15s}.tile-marker-swatch:hover{border-color:var(--color-primary-structure,#5d5245)}.tile-marker-swatch.selected{border-color:var(--color-primary,#d4a54a);box-shadow:0 0 0 1px var(--color-primary,#d4a54a)}.tile-marker-picker-hex-row{align-items:stretch;gap:8px;display:flex}.tile-marker-picker-hex-input,.tile-marker-label-input{box-sizing:border-box;background:var(--color-surface-inset,#0a0805);border:1px solid var(--color-border,#383023);color:var(--color-secondary,#c8aa6e);text-shadow:1px 1px #000;border-radius:2px;outline:none;padding:7px 10px;font-family:"RuneScape Plain 12",sans-serif;font-size:13px}.tile-marker-picker-hex-input{letter-spacing:.5px;flex:1;min-width:0;transition:border-color .15s,box-shadow .15s}.tile-marker-label-input{width:100%;transition:border-color .15s}.tile-marker-label-input::placeholder{color:var(--color-text-muted,#8a7a5c)}.tile-marker-picker-hex-input:hover,.tile-marker-label-input:hover{border-color:var(--color-primary-structure,#5d5245)}.tile-marker-picker-hex-input:focus,.tile-marker-label-input:focus{border-color:var(--color-primary,#d4a54a);outline:none}.tile-marker-picker-hex-preview{border:1px solid var(--color-border,#383023);border-radius:2px;flex-shrink:0;width:32px}.tile-marker-picker-range{appearance:none;background:var(--color-surface-inset,#0a0805);cursor:pointer;border:1px solid var(--color-border,#383023);border-radius:2px;outline:none;width:100%;height:6px}.tile-marker-picker-range:focus{outline:none}.tile-marker-picker-range::-webkit-slider-runnable-track{background:0 0;border-radius:2px;height:6px}.tile-marker-picker-range::-webkit-slider-thumb{appearance:none;background:var(--color-secondary,#c8aa6e);cursor:pointer;border:1px solid #101010;border-radius:2px;width:14px;height:14px;margin-top:-5px;transition:all .15s}.tile-marker-picker-range:hover::-webkit-slider-thumb{background:var(--color-primary,#d4a54a)}.tile-marker-picker-range::-moz-range-track{background:var(--color-surface-inset,#0a0805);border:1px solid var(--color-border,#383023);border-radius:2px;height:6px}.tile-marker-picker-range::-moz-range-thumb{background:var(--color-secondary,#c8aa6e);cursor:pointer;border:1px solid #101010;border-radius:2px;width:14px;height:14px;transition:all .15s}.tile-marker-picker-range:hover::-moz-range-thumb{background:var(--color-primary,#d4a54a)}.tile-marker-label-body{flex-direction:column;gap:9px;padding:12px;display:flex}.tile-marker-label-clear{color:var(--color-text-muted,#8a7a5c);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-family:"RuneScape Bold 12",sans-serif;font-size:11px;transition:color .15s}.tile-marker-label-clear:hover{color:var(--color-secondary,#c8aa6e)}.tile-marker-picker-footer,.tile-marker-label-footer{background:var(--color-bg-elevated,#241d16);border-top:1px solid var(--color-border,#383023);justify-content:flex-end;gap:8px;padding:9px 12px;display:flex}.tile-marker-picker-footer .osrs-btn,.tile-marker-label-footer .osrs-btn{background-color:var(--color-surface,#14100c);border:1px solid var(--color-border,#383023);color:var(--color-secondary,#c8aa6e);text-shadow:1px 1px #000;cursor:pointer;text-align:center;border-radius:2px;justify-content:center;align-items:center;min-width:78px;padding:6px 14px;font-family:"RuneScape Bold 12",sans-serif;font-size:13px;line-height:1.2;transition:all .15s;display:inline-flex}.tile-marker-picker-footer .osrs-btn:hover,.tile-marker-label-footer .osrs-btn:hover{background-color:var(--color-surface-hover,#363229);border-color:var(--color-primary-structure,#5d5245);color:var(--color-primary,#d4a54a)}.tile-marker-picker-footer .osrs-btn:active,.tile-marker-label-footer .osrs-btn:active{background-color:var(--color-surface-inset,#0a0805)}.tile-marker-picker-footer .osrs-btn--primary,.tile-marker-label-footer .osrs-btn--primary{background-color:var(--primary-dim,#d4a54a0f);border-color:var(--color-secondary,#c8aa6e);color:var(--color-primary,#d4a54a);box-shadow:inset 0 1px #ffdc8c0a}.tile-marker-picker-footer .osrs-btn--primary:hover,.tile-marker-label-footer .osrs-btn--primary:hover{background-color:var(--color-surface-hover,#363229);border-color:var(--color-primary,#d4a54a);color:var(--color-primary-hover,#dfc06a);box-shadow:inset 0 1px #ffdc8c0f}@font-face{font-family:"RuneScape Plain 12";src:url(/triple-jad-sim/fonts/RuneScape-Plain-12.ttf)format("truetype");font-weight:400;font-style:normal;font-display:block;ascent-override:81.25%;descent-override:18.75%}@font-face{font-family:"RuneScape Bold 12";src:url(/triple-jad-sim/fonts/RuneScape-Bold-12.ttf)format("truetype");font-weight:400;font-style:normal;font-display:block;ascent-override:81.25%;descent-override:18.75%}@font-face{font-family:"RuneScape Plain 11";src:url(/triple-jad-sim/fonts/RuneScape-Plain-11.ttf)format("truetype");font-weight:400;font-style:normal;font-display:block;ascent-override:81.25%;descent-override:18.75%}@font-face{font-family:"RuneScape Quill 8";src:url(/triple-jad-sim/fonts/RuneScape-Quill-8.ttf)format("truetype");font-weight:400;font-style:normal;font-display:block;ascent-override:87.5%;descent-override:12.5%}@font-face{font-family:RuneScape Small;src:url(/triple-jad-sim/fonts/RuneScape-Small.ttf)format("truetype");font-weight:400;font-style:normal;font-display:block;ascent-override:87.5%;descent-override:12.5%}@font-face{font-family:"RuneScape Plain 12";src:url(/triple-jad-sim/fonts/RuneScape-Plain-12.ttf)format("truetype");font-weight:400;font-style:normal;font-display:block;ascent-override:81.25%;descent-override:18.75%}@font-face{font-family:"RuneScape Bold 12";src:url(/triple-jad-sim/fonts/RuneScape-Bold-12.ttf)format("truetype");font-weight:400;font-style:normal;font-display:block;ascent-override:81.25%;descent-override:18.75%}@font-face{font-family:"RuneScape Plain 11";src:url(/triple-jad-sim/fonts/RuneScape-Plain-11.ttf)format("truetype");font-weight:400;font-style:normal;font-display:block;ascent-override:81.25%;descent-override:18.75%}@font-face{font-family:"RuneScape Quill 8";src:url(/triple-jad-sim/fonts/RuneScape-Quill-8.ttf)format("truetype");font-weight:400;font-style:normal;font-display:block;ascent-override:87.5%;descent-override:12.5%}@font-face{font-family:RuneScape Small;src:url(/triple-jad-sim/fonts/RuneScape-Small.ttf)format("truetype");font-weight:400;font-style:normal;font-display:block;ascent-override:87.5%;descent-override:12.5%}:root{--color-primary:#d4a54a;--color-primary-hover:#dfc06a;--color-primary-structure:#5d5245;--color-secondary:#c8aa6e;--color-bg:#1e1812;--color-bg-solid:#1e1812;--color-bg-elevated:#241d16;--color-surface:#14100c;--color-surface-inset:#0a0805;--color-surface-hover:#363229;--color-surface-highlight:#ffffff0d;--color-border:#383023;--color-text-body:#d2bea0;--color-text-muted:#8a7a5c;--color-text-dim:#5a4d3e;--color-error:#d46a60;--color-success:#6dba6d;--color-warning:#d4a848;--color-info:#6898c0;--color-limited-notice:#8c8c8c;--shadow-glow:0 0 10px #d4a54a1a;--hud-bg:#1e1812e0;--hud-border:#38302340;--color-surface-translucent:#14100ceb;--color-border-translucent:#38302380;--infobox-tint:#0f0c08bf;--primary-dim:color-mix(in srgb, var(--color-secondary) 12%, var(--color-bg-elevated));--shadow-sm:0 2px 4px #0006;--shadow-md:0 8px 16px #00000080;--shadow-lg:0 16px 32px #0009;--crest-ink:#0d0803;--crest-shadow-sm:1px 1px 0 var(--crest-ink);--crest-shadow-md:2px 2px 0 var(--crest-ink);--crest-shadow-lg:3px 3px 0 var(--crest-ink);--crest-rim:1px 0 0 var(--crest-ink), -1px 0 0 var(--crest-ink), 0 1px 0 var(--crest-ink), 0 -1px 0 var(--crest-ink);--crest-floating-top:clamp(54px, 15vh, 176px);--modal-backdrop:#080604b8;--modal-radius:2px;--modal-card-border:var(--color-border);--modal-card-shadow:var(--shadow-lg), inset 0 0 0 1px var(--color-border-translucent)}.kbd{color:var(--color-text-body);background:var(--color-surface);border:1px solid var(--color-primary-structure);vertical-align:baseline;white-space:nowrap;border-radius:2px;margin:0 2px;padding:1px 5px;font-family:"RuneScape Plain 11",sans-serif;font-size:16px;line-height:1;display:inline-block;box-shadow:inset 0 1px #ffffff0d}.osrs-btn{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-secondary);text-shadow:1px 1px #000;cursor:pointer;text-align:center;border-radius:2px;justify-content:center;align-items:center;font-family:"RuneScape Bold 12",sans-serif;line-height:1.2;transition:all .15s;display:inline-flex}.osrs-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.osrs-btn[aria-disabled=true]{border-color:var(--color-border);color:var(--color-text-muted);box-shadow:none;cursor:not-allowed;background-color:#0000}.osrs-btn:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--color-surface-hover);border-color:var(--color-primary-structure);color:var(--color-primary)}.osrs-btn:active:not(:disabled):not([aria-disabled=true]){background-color:var(--color-surface-inset)}.osrs-btn--full-width{width:100%}.osrs-btn--default{padding:8px 16px;font-size:14px}.osrs-btn--primary{background-color:var(--primary-dim,#d4a54a0f);border-color:var(--color-secondary);color:var(--color-primary);padding:8px 16px;font-size:14px;box-shadow:inset 0 1px #ffdc8c0a}.osrs-btn--primary:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary-hover);box-shadow:inset 0 1px #ffdc8c0f}.osrs-btn--primary:active:not(:disabled):not([aria-disabled=true]){background-color:var(--color-surface-inset);box-shadow:inset 0 2px 3px #0006}.osrs-btn--small{padding:2px 6px;font-size:11px}.osrs-btn--danger{color:var(--color-error);border-color:color-mix(in srgb, var(--color-error) 35%, var(--color-border));padding:8px 16px;font-size:14px}.osrs-btn--danger:hover:not(:disabled):not([aria-disabled=true]){color:var(--color-error);background-color:var(--color-surface-hover);border-color:var(--color-error)}.osrs-btn--ghost{color:var(--color-text-muted);background:0 0;padding:8px 16px;font-size:14px}.osrs-btn--ghost:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--color-surface-hover);color:var(--color-text-body);border-color:var(--color-border)}.hover-card{--hover-card-stroke:var(--color-border);z-index:99999;background:var(--color-surface);border:1px solid var(--hover-card-stroke);max-width:124px;color:var(--color-text-body);text-wrap:balance;pointer-events:none;border-radius:2px;padding:8px;font-family:"RuneScape Plain 11",sans-serif;font-size:16px;line-height:16px;transition:opacity .16s cubic-bezier(.2,.8,.2,1),transform .16s cubic-bezier(.2,.8,.2,1);position:fixed;top:0;left:0}.hover-card:before{content:"";z-index:-1;box-shadow:var(--shadow-sm);pointer-events:none;border-radius:2px;position:absolute;inset:-1px}@media (prefers-reduced-motion:reduce){.hover-card{transition:none}}.hover-card--outcome{max-width:208px}.hover-card--outcome-failed{--hover-card-stroke:color-mix(in srgb, var(--color-error) 55%, var(--color-border))}.hover-card-caret{width:6px;height:12px;position:absolute}.hover-card-caret:before,.hover-card-caret:after{content:"";width:0;height:0;position:absolute}.hover-card-caret[data-side=right],.hover-card-caret[data-side=left]{width:6px;height:12px}.hover-card-caret[data-side=right]:before,.hover-card-caret[data-side=right]:after,.hover-card-caret[data-side=left]:before,.hover-card-caret[data-side=left]:after{border-top:6px solid #0000;border-bottom:6px solid #0000;top:0}.hover-card-caret[data-side=right]{left:-6px}.hover-card-caret[data-side=right]:before{border-right:6px solid var(--hover-card-stroke);left:0}.hover-card-caret[data-side=right]:after{border-right:6px solid var(--color-surface);left:1px}.hover-card-caret[data-side=left]{right:-6px}.hover-card-caret[data-side=left]:before{border-left:6px solid var(--hover-card-stroke);right:0}.hover-card-caret[data-side=left]:after{border-left:6px solid var(--color-surface);right:1px}.hover-card-caret[data-side=bottom],.hover-card-caret[data-side=top]{width:12px;height:6px}.hover-card-caret[data-side=bottom]:before,.hover-card-caret[data-side=bottom]:after,.hover-card-caret[data-side=top]:before,.hover-card-caret[data-side=top]:after{border-left:6px solid #0000;border-right:6px solid #0000;left:0}.hover-card-caret[data-side=bottom]{top:-6px}.hover-card-caret[data-side=bottom]:before{border-bottom:6px solid var(--hover-card-stroke);top:0}.hover-card-caret[data-side=bottom]:after{border-bottom:6px solid var(--color-surface);top:1px}.hover-card-caret[data-side=top]{bottom:-6px}.hover-card-caret[data-side=top]:before{border-top:6px solid var(--hover-card-stroke);bottom:0}.hover-card-caret[data-side=top]:after{border-top:6px solid var(--color-surface);bottom:1px}@media (width<=720px),(pointer:coarse){.num-input.combat-stats__input{min-height:0}.combat-stats__input .num-input__field{min-height:0;padding-block:2px;font-size:16px}}@media (pointer:coarse){.combat-stats__import .osrs-btn{min-height:44px}}.num-input{background:var(--color-surface-inset);border:1px solid var(--color-border);border-radius:2px;align-items:stretch;transition:border-color .15s;display:inline-flex;overflow:hidden}.num-input:hover:not(.num-input--disabled){border-color:var(--color-primary-structure)}.num-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.num-input--disabled{opacity:.5}.num-input__field{width:30px;color:var(--color-secondary);text-align:right;-moz-appearance:textfield;background:0 0;border:none;outline:none;padding:3px 4px;font-family:"RuneScape Bold 12",sans-serif}.num-input__field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.num-input__field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.num-input__suffix{color:var(--color-text-muted);-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;padding-right:6px;font-family:"RuneScape Bold 12",sans-serif;font-size:13px;display:flex}.num-input__arrows{border-left:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:14px;display:flex}.num-input__btn{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;flex:1;justify-content:center;align-items:center;padding:0;transition:color .15s,background-color .15s;display:flex}.num-input__btn:hover:not(:disabled){color:var(--color-secondary);background:var(--color-surface-hover)}.num-input__btn:active:not(:disabled){color:var(--color-text-body);background:var(--color-surface-inset)}.num-input__btn:disabled{cursor:not-allowed;color:var(--color-text-dim)}.num-input__btn+.num-input__btn{border-top:1px solid var(--color-border)}@media (width<=720px),(pointer:coarse){.num-input{min-height:44px}.num-input__field{text-align:center;min-height:42px;padding-block:8px}.num-input__arrows{display:none}}@media (width<=599px){.rune-pouch-bar>.section-label{white-space:normal;justify-self:start;position:static}}@media (width<=359px){.rune-pouch-bar>.section-label{width:36px;position:absolute}}.info-hint-region:not(button){cursor:help}.info-hint{width:4px;height:6px;color:color-mix(in srgb, var(--color-secondary) 55%, var(--color-text-muted));cursor:inherit;background:0 0;border:none;margin-bottom:6px;padding:0;transition:color .15s;display:inline-flex}.info-hint-region:hover .info-hint,.info-hint:hover,.info-hint.is-open{color:var(--color-secondary)}.info-hint:focus-visible{outline:2px solid var(--color-primary-structure);outline-offset:3px}.osrs-checkbox{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:0;transition:opacity .15s;display:inline-flex}.osrs-checkbox:disabled{opacity:.5;cursor:not-allowed}.osrs-checkbox__box{background-color:var(--color-surface-inset);border:1px solid var(--color-border);border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:all .15s;display:flex;position:relative}.osrs-checkbox:hover:not(:disabled) .osrs-checkbox__box{border-color:var(--color-primary-structure);background-color:var(--color-surface-highlight)}.osrs-checkbox[aria-checked=true] .osrs-checkbox__box,.osrs-checkbox[aria-checked=true]:hover:not(:disabled) .osrs-checkbox__box{border-color:var(--color-primary)}.osrs-checkbox__mark{border:solid var(--color-primary);border-width:0 2px 2px 0;width:4px;height:9px;margin-top:-2px;display:block;transform:rotate(45deg)}.osrs-checkbox__label{color:var(--color-secondary);text-shadow:1px 1px #000;font-family:"RuneScape Bold 12",sans-serif;font-size:14px;line-height:1;transition:color .15s}.osrs-checkbox:hover:not(:disabled) .osrs-checkbox__label{color:var(--color-text-body)}.reset-button{appearance:none;box-sizing:border-box;width:var(--setting-reset-size);height:var(--setting-reset-size);color:var(--color-secondary);vertical-align:middle;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:0;flex-shrink:0;justify-content:flex-start;align-items:center;margin:0;padding:1px;display:inline-flex}.reset-button>canvas{flex-shrink:0}.reset-button:hover:not(:disabled)>canvas{filter:brightness(1.12)}.reset-button:active:not(:disabled)>canvas{filter:brightness(1.05)}.reset-button:focus-visible{outline:1px solid var(--color-primary);outline-offset:1px}.reset-button:disabled{color:var(--color-text-dim);cursor:default}.reset-button[aria-hidden=true]{visibility:hidden;pointer-events:none}.setting-row{align-items:center;padding-left:6px;display:flex;position:relative}.setting-row>:first-child{flex:1;min-width:0}.setting-row>.osrs-checkbox,.setting-row>.osrs-toggle{flex:none}.setting-row:before{content:"";background:var(--color-primary);opacity:0;pointer-events:none;border-radius:1px;width:2px;transition:opacity .15s;position:absolute;top:0;bottom:0;left:0}.setting-row--modified:before{opacity:1}.setting-row--modified:hover{background:var(--color-surface-hover);border-radius:2px}.setting-row__reset,.setting-row__reset-inline{margin-left:var(--setting-reset-gap);align-self:center}.setting-row-aside{margin-left:6px;margin-right:calc(var(--setting-reset-size) + var(--setting-reset-gap))}@media (width<=720px),(pointer:coarse){.starthp-input .num-input__field{text-align:right;min-height:0;padding-block:0}}.status-badge{text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);white-space:nowrap;background:#ffffff08;border:1px solid #ffffff0d;border-radius:2px;flex:none;padding:3px 5px 3px 6px;font-family:"RuneScape Bold 12",sans-serif;font-size:11px;line-height:1}.status-badge--compact{letter-spacing:1.5px;background:0 0;border:none;padding:0}.wiki-link{color:var(--color-secondary);white-space:nowrap;flex-shrink:0;align-self:baseline;align-items:baseline;gap:7px;font-family:"RuneScape Bold 12",sans-serif;font-size:12px;text-decoration:none;transition:color .15s;display:inline-flex}.wiki-link-mark{flex-shrink:0;width:18px;height:auto;transform:translateY(1px)}.wiki-link-label{text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--color-primary-structure);-webkit-text-decoration-color:var(--color-primary-structure);text-decoration-color:var(--color-primary-structure);text-underline-offset:3px;transition:text-decoration-color .15s}.wiki-link:hover,.wiki-link:focus-visible{color:var(--color-primary);outline:none}.wiki-link:hover .wiki-link-label,.wiki-link:focus-visible .wiki-link-label{-webkit-text-decoration-color:var(--color-primary);-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary)}.section-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;font-family:"RuneScape Bold 12",sans-serif;font-size:11px}.section-label--primary{color:var(--color-secondary)}@media (width<=839px){.encounter-panel-footer .osrs-btn{width:100%}.encounter-panel-footer .osrs-btn:last-child{min-width:100%}}.practice-panel .osrs-checkbox__label{font-family:"RuneScape Plain 11",sans-serif;font-size:16px;line-height:16px}.osrs-toggle{cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:2px 0;transition:opacity .15s;display:inline-flex}.osrs-toggle:disabled{opacity:.5;cursor:not-allowed}.osrs-toggle__track{background-color:var(--color-surface-inset);border:1px solid var(--color-border);border-radius:7px;transition:border-color .15s,background-color .15s;display:block;position:relative}.osrs-toggle--default .osrs-toggle__track{width:28px;height:14px}.osrs-toggle--small .osrs-toggle__track{width:24px;height:12px}.osrs-toggle__knob{background-color:var(--color-text-muted);border-radius:50%;transition:transform .2s cubic-bezier(.2,.8,.2,1),background-color .15s;position:absolute}.osrs-toggle--default .osrs-toggle__knob{width:8px;height:8px;top:3px;left:3px}.osrs-toggle--small .osrs-toggle__knob{width:6px;height:6px;top:3px;left:3px}.osrs-toggle[aria-checked=true] .osrs-toggle__track{border-color:var(--color-primary-structure)}.osrs-toggle[aria-checked=true] .osrs-toggle__knob{background-color:var(--color-secondary)}.osrs-toggle--default[aria-checked=true] .osrs-toggle__knob{transform:translate(14px)}.osrs-toggle--small[aria-checked=true] .osrs-toggle__knob{transform:translate(12px)}.osrs-toggle:hover:not(:disabled) .osrs-toggle__track{border-color:var(--color-primary-structure)}.osrs-toggle:hover:not(:disabled) .osrs-toggle__knob{background-color:var(--color-secondary)}.osrs-toggle[aria-checked=true]:hover:not(:disabled) .osrs-toggle__knob{background-color:var(--color-text-body)}.ti-swatch{border:1px solid var(--color-border);cursor:pointer;border-radius:2px;flex-shrink:0;width:18px;height:18px;transition:border-color .15s;position:relative}.ti-swatch:hover{border-color:var(--color-primary-structure)}.ti-swatch input[type=color]{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}@media (width<=720px){.app-container:not(.has-fixed-layout) .ti-swatch{width:22px;height:22px}}.collapsible-section{flex-direction:column;width:100%;margin-bottom:4px;display:flex}.collapsible-header{cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-bottom:1px solid var(--color-border);box-shadow:none;width:100%;font:inherit;color:inherit;text-align:left;background:0 0;border-radius:2px;align-items:center;padding:10px 0;transition:all .2s;display:flex;position:relative}.collapsible-header:hover{background:var(--color-surface-hover);border-bottom-color:var(--color-primary-structure)}.collapsible-header[aria-expanded=true]{border-bottom-color:var(--color-primary-structure);background:0 0}.section-title{color:var(--color-text-muted);text-shadow:1px 1px #000;text-transform:uppercase;letter-spacing:.5px;flex-grow:1;margin-left:10px;font-family:"RuneScape Bold 12",sans-serif;font-size:15px;transition:color .2s}.collapse-indicator{width:10px;height:10px;color:var(--color-text-muted);flex-shrink:0;margin-left:4px;transition:transform .2s cubic-bezier(.2,.8,.2,1),color .2s}.collapsible-header[aria-expanded=true] .collapse-indicator{color:var(--color-primary);transform:rotate(90deg)}.collapsible-header:hover .section-title,.collapsible-header:hover .collapse-indicator{color:var(--color-secondary)}.collapsible-header[aria-expanded=true]:hover .collapse-indicator{color:var(--color-primary)}.collapsible-content-wrapper{grid-template-rows:0fr;transition:grid-template-rows .25s cubic-bezier(.2,.8,.2,1);display:grid}.collapsible-content-wrapper.expanded{grid-template-rows:1fr}.collapsible-content{flex-direction:column;gap:8px;min-height:0;display:flex;overflow:hidden}.collapsible-content>:first-child{margin-top:12px}.collapsible-content>:last-child{margin-bottom:4px}.collapsible-section+.collapsible-section .collapsible-header{margin-top:4px}.controls-container{flex-direction:column;gap:16px;width:100%;display:flex}.control-group{border-bottom:1px solid #ffffff0a;flex-direction:column;gap:8px;padding:0 0 16px;display:flex}.control-group:last-child{border-bottom:none;padding-bottom:0}.control-group label,.group-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;justify-content:space-between;align-items:center;margin-bottom:6px;font-family:"RuneScape Bold 12",sans-serif;font-size:11px;display:flex}.control-button{background:var(--color-surface);color:var(--color-secondary);border:1px solid var(--color-border);cursor:pointer;text-shadow:1px 1px #000;border-radius:2px;justify-content:center;align-items:center;padding:8px 16px;font-family:"RuneScape Bold 12",sans-serif;font-size:14px;font-weight:400;transition:color .15s,background .15s,border-color .15s,box-shadow .15s;display:flex}.control-button:hover:not(:disabled){color:var(--color-text-body);background:var(--color-surface-hover);border-color:var(--color-primary-structure)}.control-button:active:not(:disabled){background:var(--color-surface-inset);border-color:var(--color-border);box-shadow:inset 0 1px 2px #00000040}.control-button.focus-ring:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary), 0 0 0 3px #d4a54a33;outline:none}.control-button:disabled{opacity:.4;cursor:not-allowed;color:var(--color-text-dim);background:#0003;border-color:#0000}.control-button.active{background:var(--color-surface-inset);color:var(--color-primary);border-color:var(--color-primary-structure)}.control-button.active:hover{color:var(--color-primary)}.restart-button{background:var(--color-surface);border-color:var(--color-border);color:var(--color-secondary);justify-content:space-between;width:100%}.restart-button:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-primary-structure);color:var(--color-text-body)}.restart-keybind{color:var(--color-text-muted);font-family:"RuneScape Plain 11",sans-serif;font-size:16px;transition:color .2s}.restart-button:hover:not(:disabled) .restart-keybind{color:var(--color-text-muted)}.speed-buttons{background:0 0;border:none;border-radius:2px;gap:0;width:100%;padding:0;display:flex}.speed-buttons .control-button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);border-radius:0;flex:1;margin-left:-1px;padding:6px 0}.speed-buttons .control-button:first-child{border-radius:2px 0 0 2px;margin-left:0}.speed-buttons .control-button:last-child{border-radius:0 2px 2px 0}.speed-buttons .control-button:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text-body);border-color:var(--color-primary-structure);z-index:1}.speed-buttons .control-button.active{background:var(--color-surface-inset);color:var(--color-primary);border-color:var(--color-primary);z-index:2;position:relative}.speed-buttons .control-button.active:hover{color:var(--color-primary);border-color:var(--color-primary)}.speed-buttons .control-button.active:after{content:"";background:var(--color-primary);height:2px;position:absolute;bottom:-1px;left:0;right:0}.select-input{background:var(--color-surface-inset);width:100%;color:var(--color-secondary);border:1px solid var(--color-border);text-shadow:1px 1px #000;cursor:pointer;border-radius:2px;outline:none;padding:8px 12px;font-family:"RuneScape Bold 12",sans-serif;font-size:14px;transition:color .15s,background .15s,border-color .15s,box-shadow .15s}.select-input:hover{border-color:var(--color-primary-structure);background:var(--color-surface);color:var(--color-secondary)}.select-input:focus{border-color:var(--color-primary);color:var(--color-secondary);box-shadow:0 0 0 1px #d4a54a40}.select-input option{background:var(--color-surface);color:var(--color-secondary);padding:8px;font-family:"RuneScape Bold 12",sans-serif}.slider-control{flex-direction:column;gap:6px;padding:8px 0;display:flex}.slider-label{justify-content:space-between;font-family:"RuneScape Bold 12",sans-serif;font-size:13px;display:flex}.slider-label-text{color:var(--color-text-muted)}.slider-label-value{color:var(--color-secondary)}.slider-input{appearance:none;background:var(--color-surface-inset);cursor:pointer;border:1px solid var(--color-border);border-radius:2px;outline:none;width:100%;height:6px}.slider-input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.slider-input::-webkit-slider-thumb{appearance:none;background:var(--color-primary-structure);border:1px solid var(--color-bg-solid);cursor:pointer;border-radius:2px;width:14px;height:14px;transition:background .15s,border-color .15s}.slider-input::-webkit-slider-thumb:hover{background:var(--color-primary);border-color:var(--color-primary-structure)}.slider-input::-moz-range-thumb{background:var(--color-primary-structure);border:1px solid var(--color-bg-solid);cursor:pointer;border-radius:2px;width:14px;height:14px}.slider-input::-moz-range-thumb:hover{background:var(--color-primary);border-color:var(--color-primary-structure)}.slider-input--modified::-webkit-slider-thumb{background:var(--color-primary)}.slider-input--modified::-moz-range-thumb{background:var(--color-primary)}.control-group--no-border{border-bottom:none;padding-bottom:0}.loadout-unverified-item{flex-shrink:0;place-items:center;width:32px;height:32px;display:grid;position:relative}.loadout-slot-unverified,.loadout-slot-note{z-index:1;background:var(--color-warning);border:1px solid var(--color-bg-solid);width:12px;height:12px;color:var(--color-bg-solid);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-1px;right:-1px}.loadout-slot-note{background:var(--color-limited-notice)}.loadout-unverified-card{max-width:208px}.loadout-unverified-card-title{color:var(--color-warning);overflow-wrap:anywhere;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;line-height:16px;display:block}.loadout-unverified-card--note .loadout-unverified-card-title{color:var(--color-text-body)}.loadout-unverified-card-body{margin:6px 0 0}.loadout-unverified-card-reasons{padding:0;list-style:none}.loadout-unverified-card-reasons li+li{margin-top:4px}.equip-slot.equip-slot--editable{box-sizing:content-box;font:inherit;color:inherit;text-align:center;appearance:none;cursor:pointer;border-color:var(--color-border);margin:0;padding:0}.equip-slot.equip-slot--editable .equip-slot-label{color:var(--color-secondary)}.equip-slot.equip-slot--editable:focus-visible{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary);outline:none}.equip-slot.equip-slot--selected,.equip-slot.equip-slot--selected:hover{background:var(--primary-dim);border-color:var(--color-primary)}.equip-slot.equip-slot--selected:before{content:"";box-shadow:var(--shadow-glow);pointer-events:none;position:absolute;inset:0}.equip-slot.equip-slot--selected .equip-slot-label,.equip-slot.equip-slot--selected:hover .equip-slot-label{color:var(--color-primary)}.equip-slot-unlimited{color:var(--color-text-muted)}.loadout-picker{flex-direction:column;display:flex}.loadout-bar{border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding-bottom:8px;display:flex}.loadout-bar-identity{flex-direction:column;flex:1;align-items:stretch;gap:4px;min-width:9rem;display:flex}.loadout-bar-identity .section-label{flex-shrink:0}.loadout-current{color:var(--color-text-body);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;line-height:20px;overflow:hidden}.loadout-bar-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:6px 16px;max-width:100%;display:flex}.loadout-bar-draft{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.loadout-bar-back,.loadout-bar-save{min-height:var(--loadout-action-height);white-space:nowrap;cursor:pointer;border:1px solid;border-radius:2px;flex-shrink:0;align-items:center;padding:3px 10px;font-family:"RuneScape Bold 12",sans-serif;font-size:13px;line-height:1.2;transition:background .15s,border-color .15s,color .15s,opacity .18s;display:inline-flex}.loadout-bar-back{background:var(--color-surface);border-color:var(--color-border);color:var(--color-secondary)}.loadout-bar-back:hover{background:var(--color-surface-hover);border-color:var(--color-primary-structure);color:var(--color-text-body)}.loadout-bar-save{background:var(--primary-dim,#d4a54a0f);border-color:var(--color-secondary);color:var(--color-primary);position:relative}.loadout-bar-save-beat{pointer-events:none;border-radius:2px;animation:.62s cubic-bezier(.16,1,.3,1) 2 both loadout-save-beat;position:absolute;inset:-1px}.loadout-bar-save:hover{background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary-hover)}.loadout-bar-back:focus-visible,.loadout-bar-save:focus-visible{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary);outline:none}.loadout-io{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.loadout-bar--naming{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px 12px;display:grid}.loadout-bar--naming .loadout-bar-identity{min-width:0}.loadout-bar--naming .loadout-bar-actions{display:contents}.loadout-bar--naming .loadout-bar-draft{justify-self:end}.loadout-bar--naming .loadout-io{grid-column:1/-1;justify-self:end}@media (width<=359px){.loadout-bar--naming{grid-template-columns:minmax(0,1fr)}.loadout-bar--naming .loadout-io{grid-column:1}}.loadout-io-btn{min-height:var(--loadout-action-height);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-secondary);white-space:nowrap;cursor:pointer;border-radius:2px;flex-shrink:0;align-items:center;gap:5px;padding:3px 8px;font-family:"RuneScape Bold 12",sans-serif;font-size:13px;line-height:1.2;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.loadout-io-label{justify-items:center;display:grid}.loadout-io-label>span{grid-area:1/1}.loadout-io-label-face{align-items:center;display:flex}.loadout-io-label-lock{visibility:hidden}.loadout-io-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary-structure);color:var(--color-text-body)}.loadout-io-btn:active{background:var(--color-surface-inset)}.loadout-io-btn:focus-visible{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary);color:var(--color-text-body);outline:none}.loadout-io-btn--export[aria-disabled=true],.loadout-io-btn--export[aria-disabled=true]:hover{border-color:var(--color-border);color:var(--color-text-muted);cursor:not-allowed;background:0 0}.loadout-io-icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:square;stroke-linejoin:miter;flex-shrink:0}.loadout-io-btn--confirmed,.loadout-io-btn--confirmed:hover{background:var(--color-surface-hover);border-color:var(--color-primary-structure);color:var(--color-success)}.loadout-io-btn--confirmed .loadout-io-icon path{stroke-dasharray:13;animation:.24s cubic-bezier(.4,0,.2,1) both loadout-check-draw}.loadout-io-btn--failed,.loadout-io-btn--failed:hover{background:var(--color-surface-hover);border-color:color-mix(in srgb, var(--color-error) 45%, var(--color-primary-structure));color:var(--color-error)}.loadout-io-btn--failed .loadout-io-icon path{stroke-dasharray:8;animation:.24s cubic-bezier(.4,0,.2,1) both loadout-cross-draw}.loadout-io-sr-status{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.loadout-draft-name{background:var(--color-surface-inset);min-width:0;box-shadow:inset 0 0 0 1px var(--color-border);color:var(--color-text-body);text-overflow:ellipsis;border:0;border-radius:2px;flex:1;margin:-2px 0;padding:2px 6px;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;line-height:20px;transition:box-shadow .15s,opacity .18s}.loadout-draft-name:hover{box-shadow:inset 0 0 0 1px var(--color-primary-structure)}.loadout-draft-name:focus-visible{box-shadow:inset 0 0 0 1px var(--color-primary);outline:none}.loadout-status{color:var(--color-text-body);align-items:flex-start;gap:6px;max-height:60px;margin:8px 0 0;font-family:"RuneScape Plain 12",sans-serif;font-size:13px;line-height:1.5;animation:4.2s both loadout-status-lifetime;display:flex;overflow:hidden}.loadout-status-icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;margin-top:3px}.loadout-status-icon--success{color:var(--color-success)}.loadout-status--error{color:var(--color-error)}.loadout-section--drafting .loadout-editor{background:var(--color-surface-inset);border-style:dashed;border-color:var(--color-primary-structure)}.loadout-body{flex-direction:column;gap:8px;margin-top:12px;display:flex}.loadout-list{flex-direction:column;gap:8px;display:flex}.loadout-grid-tiles{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;display:grid}.loadout-tile{background:var(--color-surface-inset);border:1px solid var(--color-border);cursor:pointer;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;padding:8px 6px;transition:border-color .15s,background .15s;display:flex}.loadout-saved{flex-direction:column;gap:8px;margin-top:8px;display:flex}.loadout-group-heading{color:var(--color-secondary);margin:0;font:16px/20px "RuneScape Bold 12",sans-serif}.loadout-saved-count{color:var(--color-text-body);font-variant-numeric:tabular-nums;font-family:"RuneScape Plain 11",sans-serif}.loadout-saved-scroll{background:var(--color-bg-solid);max-height:268px;overflow-y:auto}.loadout-saved-scroll::-webkit-scrollbar{width:8px}.loadout-saved-scroll::-webkit-scrollbar-track{background:0 0}.loadout-saved-scroll::-webkit-scrollbar-thumb{background:var(--color-border);border:2px solid var(--color-bg-solid);border-radius:2px}.loadout-saved-cell{min-width:0;display:grid;position:relative}.loadout-saved-delete{z-index:1;box-sizing:border-box;width:22px;height:22px;color:var(--color-text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;justify-content:center;align-items:center;padding:4px;transition:background .15s,border-color .15s,color .15s;display:inline-flex;position:absolute;top:1px;right:1px}.loadout-saved-cell:hover .loadout-saved-delete,.loadout-saved-cell:focus-within .loadout-saved-delete,.loadout-tile--selected~.loadout-saved-delete{color:var(--color-text-muted)}.loadout-saved-delete:hover,.loadout-saved-delete:focus-visible{color:var(--color-error);background:var(--color-surface);border-color:color-mix(in srgb, var(--color-error) 45%, transparent)}.loadout-saved-delete:focus-visible{outline:1px solid var(--color-primary);outline-offset:-1px}.loadout-saved-confirm{z-index:2;background:var(--color-surface-inset);border:1px solid color-mix(in srgb, var(--color-error) 55%, var(--color-border));border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:6px;display:flex;position:absolute;inset:0}.loadout-saved-confirm-name{min-width:0;max-width:100%;color:var(--color-text-body);white-space:nowrap;text-overflow:ellipsis;font-family:"RuneScape Bold 12",sans-serif;font-size:13px;line-height:1.2;overflow:hidden}.loadout-saved-confirm-actions{justify-content:center;align-items:center;gap:4px;display:flex}.loadout-saved-confirm-btn{min-height:calc(var(--loadout-action-height) - 4px);background:var(--color-surface);border:1px solid var(--color-border);white-space:nowrap;cursor:pointer;border-radius:2px;padding:3px 7px;font-family:"RuneScape Bold 12",sans-serif;font-size:13px;line-height:1.2;transition:background .15s,border-color .15s,color .15s}.loadout-saved-confirm-btn:focus-visible{outline:1px solid var(--color-primary);outline-offset:1px}.loadout-saved-confirm-btn--delete{color:var(--color-error);border-color:color-mix(in srgb, var(--color-error) 45%, transparent)}.loadout-saved-confirm-btn--delete:hover{background:color-mix(in srgb, var(--color-error) 14%, var(--color-surface));border-color:var(--color-error)}.loadout-saved-confirm-btn--keep{color:var(--color-secondary)}.loadout-saved-confirm-btn--keep:hover{background:var(--color-surface-hover);border-color:var(--color-primary-structure);color:var(--color-text-body)}.loadout-tile:hover{border-color:var(--color-primary-structure);background:var(--color-surface-hover)}.loadout-tile:focus-visible{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary);outline:none}.loadout-tile-icons{gap:4px;display:flex}.loadout-tile-icon{background:var(--color-surface);border:1px solid var(--color-border);border-radius:2px;place-items:center;width:38px;height:34px;display:grid;overflow:hidden}.loadout-tile-icon canvas{object-fit:contain;max-width:36px;max-height:32px;image-rendering:pixelated;transition:filter .15s,opacity .15s}.loadout-tile-name{overflow-wrap:anywhere;text-align:center;min-width:0;color:var(--color-secondary);justify-content:center;align-items:center;gap:4px;font-family:"RuneScape Bold 12",sans-serif;font-size:13px;line-height:1.2;display:inline-flex}.loadout-tile:hover .loadout-tile-name{color:var(--color-text-body)}.loadout-tile--selected,.loadout-tile--selected:hover{border-color:var(--color-primary);background:var(--primary-dim,#d4a54a0f);position:relative}.loadout-tile--selected:before{content:"";box-shadow:var(--shadow-glow);pointer-events:none;border-radius:2px;position:absolute;inset:0}.loadout-tile--selected .loadout-tile-icon{border-color:var(--color-primary-structure)}.loadout-tile--selected .loadout-tile-name,.loadout-tile--selected:hover .loadout-tile-name{color:var(--color-primary)}.loadout-tile--blocked,.loadout-tile--blocked:hover{cursor:not-allowed;border-color:var(--color-border);background:color-mix(in srgb, var(--color-surface-inset) 45%, var(--color-bg-solid));flex-direction:row;justify-content:flex-start;gap:10px;padding:6px 10px}.loadout-tile--blocked .loadout-req-chips{justify-content:flex-end;margin-left:auto}.loadout-tile--blocked .loadout-tile-icon{background:color-mix(in srgb, var(--color-surface) 55%, transparent)}.loadout-tile--blocked .loadout-tile-icon canvas{filter:grayscale(.85);opacity:.4}.loadout-tile--blocked .loadout-tile-name,.loadout-tile--blocked:hover .loadout-tile-name{color:var(--color-text-muted);text-align:left}.loadout-tile-lock{color:var(--color-text-muted);flex-shrink:0}.loadout-req-chips{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:inline-flex}.loadout-req-chip{background:var(--color-surface);border:1px solid var(--color-border);border-radius:2px;align-items:center;gap:4px;padding:2px 6px 2px 4px;display:inline-flex}.loadout-req-chip-icon{object-fit:contain;width:16px;height:16px;image-rendering:pixelated;flex-shrink:0}.loadout-req-chip-level{color:var(--color-warning);font-variant-numeric:tabular-nums;font-family:"RuneScape Bold 12",sans-serif;font-size:13px}.loadout-note .loadout-req-chips{vertical-align:middle;justify-content:flex-start;margin-left:2px}@media (pointer:coarse){.loadout-draft-name{box-sizing:border-box;min-height:var(--loadout-action-height)}.loadout-saved-delete{justify-content:flex-end;align-items:flex-start;width:44px;height:44px;padding:6px}}@media (prefers-reduced-motion:reduce){.loadout-tile,.loadout-saved-delete,.loadout-bar-save-beat,.loadout-draft-name,.loadout-io-btn,.loadout-io-btn--confirmed .loadout-io-icon path,.loadout-io-btn--failed .loadout-io-icon path,.loadout-bar-action,.loadout-status{transition:none;animation:none}.loadout-io-btn--confirmed .loadout-io-icon path,.loadout-io-btn--failed .loadout-io-icon path{stroke-dasharray:none}}.spellbook-row{grid-area:1/1;justify-self:start;align-items:center;gap:12px;display:flex}.spellbook-options{min-width:0;min-height:calc(var(--loadout-slot-size,36px) + 2px);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}@media (width<=599px){.spellbook-row{flex-wrap:wrap;grid-area:2/1/auto/-1;justify-content:space-between;justify-self:stretch;align-items:center;margin-top:8px}}.spellbook-option{box-sizing:border-box;min-height:var(--loadout-action-height);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-secondary);white-space:nowrap;cursor:pointer;border-radius:2px;align-items:center;padding:4px 8px;font-family:"RuneScape Bold 12",sans-serif;font-size:13px;line-height:1.2;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.spellbook-option:hover{border-color:var(--color-primary-structure);background:var(--color-surface-hover);color:var(--color-text-body)}.spellbook-option input{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spellbook-option:has(input:focus-visible){border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary);outline:none}.spellbook-option--selected,.spellbook-option--selected:hover{background:var(--color-surface-inset);border-color:var(--color-primary);color:var(--color-primary)}.combat-stats{border-top:1px solid var(--color-border);background:var(--color-bg-solid);flex-direction:column;gap:10px;margin-top:20px;padding-top:14px;display:flex}.combat-stats__header h3{color:var(--color-secondary);margin:0;font:16px/20px "RuneScape Bold 12",sans-serif}.combat-stats__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;display:flex}.combat-stats__actions{flex-wrap:wrap;gap:4px 12px;display:flex}.combat-stats__action{min-height:var(--loadout-action-height,28px);background:var(--color-bg-solid);color:var(--color-text-body);cursor:pointer;border:0;padding:0 2px;font:16px/20px "RuneScape Plain 11",sans-serif}.combat-stats__action:hover,.combat-stats__action[aria-expanded=true]{color:var(--color-primary);text-underline-offset:3px;text-decoration:underline}.combat-stats__action:focus-visible{outline:1px solid var(--color-primary);outline-offset:2px}.combat-stats__unlocks{margin-top:2px}.combat-stats__unlocks .mechanics-toggles{flex-flow:wrap;gap:6px 12px}.combat-stats__import{align-items:stretch;display:flex}.combat-stats__username{box-sizing:border-box;background:var(--color-surface-inset);min-width:0;min-height:36px;color:var(--color-secondary);border:1px solid var(--color-border);border-radius:2px 0 0 2px;outline:none;flex:1;padding:0 10px;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;line-height:20px;transition:border-color .15s}.combat-stats__import .osrs-btn{text-shadow:none;white-space:nowrap;border-radius:0 2px 2px 0;margin-left:-1px;font-size:16px;line-height:20px}.combat-stats__username:hover{border-color:var(--color-primary-structure)}.combat-stats__username:focus{z-index:1;border-color:var(--color-primary);position:relative}.combat-stats__username::placeholder{color:var(--color-text-body);opacity:1}.combat-stats__status{color:var(--color-text-body);margin:0;font-family:"RuneScape Plain 11",sans-serif;font-size:16px;line-height:18px}.combat-stats__status:empty{position:absolute}.combat-stats__status--success{color:var(--color-success)}.combat-stats__status--error{color:var(--color-error)}.combat-stats__grid{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:6px;display:grid}.combat-stats__tile{background:var(--color-surface-inset);border:1px solid var(--color-border);border-radius:2px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:8px 2px;display:flex}.combat-stats__tile-name{color:var(--color-text-body);white-space:nowrap;font-family:"RuneScape Plain 11",sans-serif;font-size:16px;line-height:18px}.combat-stats__tile-body{justify-content:center;align-items:center;gap:4px;width:100%;min-width:0;display:flex}.combat-stats__tile-icon{object-fit:contain;width:20px;height:20px;image-rendering:pixelated;flex-shrink:0}.num-input.combat-stats__input{background:0 0;border-color:#0000;flex:1;min-width:0}.combat-stats__tile .num-input.combat-stats__input:hover:not(.num-input--disabled),.num-input.combat-stats__input:focus-within{box-shadow:none;border-color:#0000}.combat-stats__tile:hover{border-color:var(--color-primary-structure)}.combat-stats__tile:focus-within{border-color:var(--color-primary)}.combat-stats__input .num-input__arrows{display:none}.combat-stats__input .num-input__field{text-align:center;font-variant-numeric:tabular-nums;flex:1;width:auto;min-width:0;padding:2px 0;font-size:16px;line-height:20px}.combat-stats__tile--unmet{border-color:var(--color-warning);background:color-mix(in srgb, var(--color-warning) 12%, var(--color-surface-inset));box-shadow:inset 0 0 0 1px var(--color-warning)}.combat-stats__req{color:var(--color-warning);font-family:"RuneScape Plain 11",sans-serif;font-size:16px;line-height:18px}@media (width<=720px),(pointer:coarse){.combat-stats__tile{justify-content:center;min-height:44px}.num-input.combat-stats__input{min-height:0}.combat-stats__input .num-input__field{min-height:0;padding-block:2px;font-size:16px}}@media (pointer:coarse){.combat-stats__username,.combat-stats__import .osrs-btn{min-height:44px}}.rune-pouch-row{display:contents}.rune-pouch-bar{grid-area:1/2;justify-self:center;width:max-content;display:block;position:relative}.rune-pouch-bar>.section-label{white-space:nowrap;align-items:center;display:flex;position:absolute;top:0;bottom:0;right:calc(100% + 12px)}.rune-pouch-slots{grid-template-columns:repeat(4, calc(var(--loadout-slot-size,36px) + 2px));gap:2px;display:grid}@media (width<=599px){.rune-pouch-bar{grid-column:1/-1;grid-template-columns:var(--loadout-columns);column-gap:var(--loadout-column-gap);justify-self:stretch;place-items:center;width:auto;display:grid}.rune-pouch-bar>.section-label{white-space:normal;justify-self:start;position:static}.rune-pouch-slots{justify-self:safe center}}@media (width<=359px){.rune-pouch-bar{justify-self:center;width:max-content;display:block}.rune-pouch-bar>.section-label{width:36px;position:absolute}}.rune-pouch-slot,.rune-pouch-choice{flex:none}.rune-pouch-icon{pointer-events:none}.rune-pouch-reveal{grid-area:2/1/auto/-1;grid-template-rows:0fr;transition:grid-template-rows .26s cubic-bezier(.16,1,.3,1);display:grid}.rune-pouch-reveal[data-expanded=true]{grid-template-rows:1fr}@media (width<=599px){.rune-pouch-reveal{grid-row:3}}.rune-pouch-clip{min-height:0;overflow:hidden}.rune-pouch-tray-panel{background:var(--color-surface-inset);opacity:0;margin-top:8px;padding:8px;transition:opacity .14s}.rune-pouch-reveal[data-expanded=true] .rune-pouch-tray-panel{opacity:1;transition:opacity .2s 80ms}.rune-pouch-caption{flex-wrap:wrap;align-items:baseline;gap:4px 12px;min-width:0;margin:0 0 6px;display:flex}.rune-pouch-caption .section-label{color:var(--color-text-muted);flex:none;font-size:12px;line-height:16px}.rune-pouch-readout{min-width:0;color:var(--color-text-body);white-space:nowrap;text-overflow:ellipsis;font-family:"RuneScape Plain 12",sans-serif;font-size:16px;line-height:1;overflow:hidden}.rune-pouch-readout--taken{color:var(--color-text-muted)}.rune-pouch-tray{flex-wrap:wrap;gap:4px 8px;display:flex}.rune-pouch-tray:focus-visible{outline:none}.rune-pouch-tray-run{flex-wrap:wrap;flex:none;gap:2px;max-width:100%;display:flex}.rune-pouch-none{color:var(--color-text-muted);pointer-events:none;place-items:center;display:grid}.rune-pouch-choice--cursor{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary)}.rune-pouch-choice--held:not(.rune-pouch-choice--cursor){border-color:var(--color-primary-structure)}.rune-pouch-choice--taken,.rune-pouch-choice--taken:hover{cursor:not-allowed;border-color:var(--color-border);background:var(--color-surface)}.rune-pouch-choice--taken .rune-pouch-icon{opacity:.3}.rune-pouch-choice--taken.rune-pouch-choice--cursor{border-color:var(--color-primary-structure);box-shadow:inset 0 0 0 1px var(--color-primary-structure)}@media (pointer:coarse){.rune-pouch-slot,.rune-pouch-choice{width:42px;height:42px}}@media (prefers-reduced-motion:reduce){.rune-pouch-reveal,.rune-pouch-tray-panel,.rune-pouch-reveal[data-expanded=true] .rune-pouch-tray-panel{transition:none}}.slot-picker{z-index:100100;box-sizing:border-box;background:var(--color-surface);border:1px solid var(--color-border);border-radius:2px;flex-direction:column;gap:8px;width:min(288px,100vw - 28px);max-height:calc(100dvh - 16px);padding:10px;transition:opacity .16s cubic-bezier(.2,.8,.2,1),transform .16s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;top:0;left:0;overflow:visible}.slot-picker:before{content:"";z-index:-1;box-shadow:var(--shadow-md);pointer-events:none;border-radius:2px;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.slot-picker{transition:none}}.slot-picker__heading{color:var(--color-text-body);justify-content:space-between;align-items:center;gap:8px;font:16px/20px "RuneScape Bold 12",sans-serif;display:flex}.slot-picker__close,.slot-picker__clear,.slot-picker__filters button{box-sizing:border-box;border:1px solid var(--color-border);background:var(--color-surface-inset);min-height:28px;color:var(--color-secondary);cursor:pointer;border-radius:2px;padding:4px 8px;font:13px/18px "RuneScape Bold 12",sans-serif}.slot-picker__close{background:0 0;border-color:#0000;place-items:center;width:28px;padding:0;display:grid}.slot-picker__close:hover,.slot-picker__clear:hover:not(:disabled),.slot-picker__filters button:hover{background:var(--color-surface-hover);color:var(--color-text-body)}.slot-picker__clear:disabled{color:var(--color-text-muted);cursor:default}.slot-picker__current{border:0;border-bottom:1px solid var(--color-border);align-items:center;gap:8px;min-width:0;margin:0;padding:0 0 8px;display:flex}.slot-picker__current-icon{flex-shrink:0;place-items:center;width:36px;height:32px;display:grid}.slot-picker__current-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text-body);flex:1;font:16px/20px "RuneScape Bold 12",sans-serif;overflow:hidden}.slot-picker__current-label{color:var(--color-text-body);font:16px/18px "RuneScape Plain 11",sans-serif;display:block}.slot-picker__filters{border:0;gap:2px;min-width:0;margin:0;padding:0;display:flex}.slot-picker__filters button{background:0 0;border-color:#0000;flex:1;padding-inline:4px}.slot-picker__filters button[aria-pressed=true]{border-color:var(--color-primary-structure);background:var(--color-surface-inset);color:var(--color-primary)}.slot-picker__scope,.slot-picker__support{align-items:center;gap:2px;display:inline-flex}.slot-picker__support{color:var(--color-text-body);font:16px/18px "RuneScape Plain 11",sans-serif}.hover-card.slot-picker-support-card{z-index:100101;max-width:220px;line-height:18px}@media (pointer:coarse){.slot-picker__close,.slot-picker__clear,.slot-picker__filters button{min-height:44px}.slot-picker__close{width:44px}.slot-picker__option{min-height:44px}}.slot-picker__search{min-width:0;color:var(--color-text-body);background:var(--color-surface-inset);border:1px solid var(--color-border);box-sizing:border-box;text-overflow:ellipsis;border-radius:2px;height:32px;padding:4px 8px;font-family:"RuneScape Bold 12",sans-serif;font-size:13px;line-height:18px;transition:border-color .15s}.slot-picker__search::placeholder{color:var(--color-secondary);opacity:1}.slot-picker__search:hover{border-color:var(--color-primary-structure)}.slot-picker__search:focus-visible{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary);outline:none}.slot-picker__results{min-height:0;position:relative}.slot-picker__sprites{pointer-events:none;width:40px;position:absolute;top:0;overflow:hidden}.slot-picker__list{scrollbar-gutter:stable;overscroll-behavior:contain;background:var(--color-surface);flex-direction:column;gap:2px;min-height:0;max-height:224px;margin:0;display:flex;overflow-y:auto}.slot-picker__option{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:2px;align-items:center;gap:8px;min-width:0;padding:2px 4px;transition:background .15s,border-color .15s,color .15s;display:flex}.slot-picker__icon{background:var(--color-surface);border:1px solid var(--color-border);border-radius:2px;flex-shrink:0;place-items:center;width:38px;height:34px;display:grid;overflow:hidden}.slot-picker__icon canvas{object-fit:contain;max-width:36px;max-height:32px;image-rendering:pixelated}.slot-picker__silhouette{opacity:.8;width:32px;height:32px}.slot-picker__name{min-width:0;color:var(--color-secondary);overflow-wrap:anywhere;font-family:"RuneScape Bold 12",sans-serif;font-size:13px;line-height:1.2}.slot-picker__unverified{color:var(--color-text-body);font:16px/18px "RuneScape Plain 11",sans-serif;display:block}.slot-picker__item-note{color:var(--color-limited-notice);align-items:center;gap:4px;font:16px/18px "RuneScape Plain 11",sans-serif;display:flex}.slot-picker__current-name>.slot-picker__item-note{white-space:normal}.slot-picker__item-note>.loadout-slot-note{flex-shrink:0;position:static}.slot-picker__option:hover{background:var(--color-surface-hover)}.slot-picker__option:hover .slot-picker__name{color:var(--color-text-body)}.slot-picker__option:focus-visible{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary);outline:none}.slot-picker__option--active{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary)}.slot-picker__option.slot-picker__option--selected,.slot-picker__option.slot-picker__option--selected:hover{background:var(--primary-dim);border-color:var(--color-primary)}.slot-picker__option.slot-picker__option--selected .slot-picker__name,.slot-picker__option.slot-picker__option--selected:hover .slot-picker__name{color:var(--color-primary)}.slot-picker__option.slot-picker__option--selected .slot-picker__icon{border-color:var(--color-primary-structure)}.slot-picker__option[aria-disabled=true]{cursor:default}.slot-picker__note{background:var(--color-surface);color:var(--color-text-body);margin:0;font-family:"RuneScape Plain 12",sans-serif;font-size:12px;line-height:1.4}.slot-picker__footer{background:var(--color-surface);border-top:1px solid var(--color-border-translucent);flex-flow:wrap;justify-content:space-between;align-items:center;gap:6px;padding-top:6px;display:flex}.slot-picker__footer .osrs-checkbox__label{background:var(--color-surface);text-shadow:none;font-size:13px}.slot-picker__terms{background:var(--color-surface);color:var(--color-text-body);margin:0;font-family:"RuneScape Plain 12",sans-serif;font-size:12px;line-height:1.35}.boss-health{border-bottom:1px solid var(--hud-border);flex-direction:column;gap:6px;padding-bottom:8px;display:flex}.boss-health-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.boss-health-name{min-width:0;color:var(--hud-label);text-shadow:1px 1px #000;text-overflow:ellipsis;white-space:nowrap;font-family:"RuneScape Plain 11",sans-serif;font-size:16px;line-height:16px;overflow:hidden}.boss-health-value{font-variant-numeric:tabular-nums;color:var(--hud-value);text-shadow:1px 1px #000;flex-shrink:0;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;line-height:16px}.boss-health-sep{color:var(--hud-dim);margin:0 1px}.boss-health-slider{cursor:pointer;appearance:none;border:1px solid #ffffff0a;border-radius:1px;outline:none;width:100%;height:6px;margin:1px 0;padding:0}.boss-health-slider::-webkit-slider-thumb{background:var(--color-text-body,#f0e6d2);cursor:pointer;appearance:none;border:1px solid #00000080;border-radius:1px;width:4px;height:12px}.boss-health-slider::-moz-range-thumb{background:var(--color-text-body,#f0e6d2);cursor:pointer;border:1px solid #00000080;border-radius:1px;width:4px;height:12px}.boss-health-slider:focus-visible{box-shadow:0 0 0 2px var(--hud-accent)}.boss-health-phases{border:0;min-width:0;margin:0;padding:0}.boss-health-phases legend{margin-bottom:3px;padding:0}.boss-health-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;display:grid}.boss-health-preset{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;flex-direction:column;align-items:center;gap:1px;padding:4px 2px;transition:color .15s,border-color .15s,background-color .15s;display:flex}.boss-health-preset-label{text-align:center;color:var(--hud-label);text-shadow:1px 1px #000;font-family:"RuneScape Plain 11",sans-serif;font-size:16px;line-height:16px}.boss-health-preset-hp{font-variant-numeric:tabular-nums;color:var(--hud-value);text-shadow:1px 1px #000;margin-top:auto;font-family:"RuneScape Plain 11",sans-serif;font-size:16px;line-height:16px}.boss-health-preset:hover{background:#ffffff0d}.boss-health-preset:hover .boss-health-preset-label,.boss-health-preset:hover .boss-health-preset-hp{color:var(--hud-value)}.boss-health-preset:active{transform:translateY(1px)}.boss-health-preset:focus-visible{outline:2px solid var(--hud-accent);outline-offset:1px}.mechanics-settings{flex-direction:column;gap:8px;padding:0;display:flex}.mechanics-feature-keybindings{box-sizing:border-box;min-width:0;margin:0 0 4px 32px;padding:0}.mechanics-feature-keybindings .keybindings-label,.mechanics-feature-keybindings .keybindings-content .keybindings-feedback{color:var(--color-text-body);text-shadow:none;font:16px/20px "RuneScape Plain 12",sans-serif}.mechanics-feature-keybindings .keybindings-content .keybindings-feedback.is-warning{color:var(--color-warning)}.mechanics-toggles{flex-direction:column;gap:8px;display:flex}.mechanics-group-rule{border-top:1px solid var(--hud-border);flex-basis:100%;width:100%;height:0;margin:3px 0 1px}.mechanics-choice{flex-direction:column;gap:6px;width:100%;min-width:0;display:flex}.mechanics-choice-label{color:var(--color-secondary);text-shadow:1px 1px #000;align-items:center;gap:2px;font-family:"RuneScape Bold 12",sans-serif;font-size:14px;line-height:1.2;display:flex}.mechanics-choice-segmented{background:var(--color-surface-inset);border:1px solid var(--color-border);border-radius:2px;gap:2px;padding:2px;display:grid}.mechanics-choice-segment{box-sizing:border-box;background:var(--color-surface-inset);min-width:0;min-height:28px;color:var(--color-text-body);white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:5px 2px;font-family:"RuneScape Plain 11",sans-serif;font-size:14px;line-height:16px;transition:color .15s,border-color .15s,background-color .15s;display:flex}.mechanics-choice-segmented.has-icons .mechanics-choice-segment{min-height:46px}.mechanics-choice-segment svg{flex:none;display:block}.mechanics-choice-segment:hover{background:var(--color-surface-hover);color:var(--color-secondary)}.mechanics-choice-segment.is-active{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 18%, var(--color-surface-inset));color:var(--color-primary)}.mechanics-choice-segment.is-active:hover{color:var(--color-primary)}.mechanics-choice-segment:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.mechanics-choice.is-disabled .mechanics-choice-label{color:var(--color-text-dim)}.mechanics-choice.is-disabled .mechanics-choice-segmented{border-color:color-mix(in srgb, var(--color-border) 55%, transparent)}.mechanics-choice.is-disabled .info-hint{color:color-mix(in srgb, var(--color-text-muted) 58%, var(--color-text-dim))}.mechanics-choice-segment:disabled{cursor:default;color:color-mix(in srgb, var(--color-text-muted) 58%, var(--color-text-dim))}.mechanics-choice-segment:disabled:hover{background:var(--color-surface-inset);color:color-mix(in srgb, var(--color-text-muted) 58%, var(--color-text-dim))}.mechanics-choice-segment.is-active:disabled,.mechanics-choice-segment.is-active:disabled:hover{border-color:color-mix(in srgb, var(--color-primary) 45%, transparent);background:color-mix(in srgb, var(--color-primary) 10%, var(--color-surface-inset));color:color-mix(in srgb, var(--color-primary) 62%, var(--color-text-dim))}.mechanics-fight-setup{flex-direction:column;gap:6px;min-width:0;display:flex}.mechanics-settings--practice .mechanics-choice{gap:4px}.mechanics-settings--practice .mechanics-choice-segmented .mechanics-choice-segment{flex-direction:row;min-height:28px;padding:3px 2px}.mechanics-settings--practice .mechanics-choice-segment svg{width:14px;height:14px}.mechanics-settings--practice [data-choice-icon=right] svg{order:1}.mechanics-settings--practice [data-choice-icon^=fireball-line-] svg{display:none}@media (prefers-reduced-motion:reduce){.mechanics-choice-segment{transition:none}}.mechanics-actions{border-top:1px solid var(--hud-border);flex-wrap:wrap;gap:3px;margin-top:4px;padding-top:8px;display:flex}.mechanics-actions .osrs-btn{flex:auto}.setting-row>.mechanics-toggle-info{flex:none;align-items:center;gap:2px;min-width:0;display:flex}.mechanics-settings--practice .mechanics-group{flex-direction:column;flex:0 auto;gap:2px;min-width:0;min-height:0;display:flex}.mechanics-settings--practice .mechanics-group-heading{flex:none;margin:0;font-weight:400}.mechanics-settings--practice .mechanics-group-toggle{border:none;border-bottom:1px solid var(--hud-border);width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:6px;margin:0;padding:4px 0;display:flex}.mechanics-settings--practice .mechanics-group-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.mechanics-settings--practice .mechanics-group-indicator{color:var(--hud-value,var(--color-text-body));flex:none;display:block}.mechanics-settings--practice .mechanics-group-title{letter-spacing:normal;text-transform:none;color:var(--hud-value,var(--color-text-body));text-shadow:1px 1px #000;font-family:"RuneScape Plain 12",sans-serif;font-size:16px;font-weight:400;line-height:16px;transition:color .15s}.mechanics-settings--practice .mechanics-group-toggle:hover .mechanics-group-title,.mechanics-settings--practice .mechanics-group-toggle:hover .mechanics-group-indicator{color:var(--hud-accent,var(--color-secondary))}.mechanics-settings--practice .mechanics-group-body{flex-direction:column;flex:0 auto;min-width:0;min-height:0;display:flex}.mechanics-settings--practice .mechanics-group-body[hidden]{display:none}@media (prefers-reduced-motion:reduce){.mechanics-settings--practice .mechanics-group-title{transition:none}}.mechanics-settings--practice .boss-health{border-bottom:0}.mechanics-settings--practice .mechanics-actions{border-top:0;margin-top:0;padding-top:0}.starthp-field{flex-direction:column;gap:6px;display:flex}.starthp-label{color:var(--color-secondary);text-shadow:1px 1px #000;align-items:center;gap:2px;font-family:"RuneScape Bold 12",sans-serif;font-size:14px;line-height:1;display:flex}.starthp-input{align-self:flex-start}.starthp-input .num-input__field{font-size:16px}@media (width<=720px),(pointer:coarse){.starthp-input .num-input__field{text-align:right;min-height:0;padding-block:0}}.encounter-panel-overlay{z-index:1200;justify-content:center;align-items:center;padding:24px;font-family:"RuneScape Bold 12",sans-serif;display:flex;position:fixed;inset:0}.encounter-panel-backdrop{background:var(--modal-backdrop);cursor:default;border:none;position:absolute;inset:0}.encounter-panel-card{background:var(--color-bg-solid);border:1px solid var(--modal-card-border);border-radius:var(--modal-radius);flex-direction:column;width:min(560px,95vw);max-height:min(88dvh,800px);animation:.2s cubic-bezier(.2,.8,.2,1) encounter-card-in;display:flex;position:relative;overflow:visible}.encounter-panel-card:before{content:"";border-radius:var(--modal-radius);box-shadow:var(--modal-card-shadow);pointer-events:none;position:absolute;inset:0}.encounter-panel-header{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 16px;display:flex}.encounter-panel-header-info{flex-direction:column;gap:6px;min-width:0;display:flex}.encounter-panel-title-row{align-items:baseline;gap:14px;min-width:0;display:flex}.encounter-panel-header h2{color:var(--color-secondary);text-shadow:1px 1px #000;white-space:nowrap;margin:0;font-family:"RuneScape Bold 12",sans-serif;font-size:20px;font-weight:400}.encounter-panel-header-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.encounter-badge{text-transform:uppercase;letter-spacing:.08em;border:1px solid;padding:2px calc(8px - .08em) 2px 8px;font-family:"RuneScape Bold 12",sans-serif;font-size:11px;line-height:1.4}.encounter-badge--difficulty{color:var(--color-error);border-color:var(--color-surface-hover);background:#32141280}.encounter-badge--available{color:var(--color-success);border-color:var(--color-surface-hover);background:#12261880}.encounter-badge--locked{color:var(--color-text-dim);background:var(--color-surface);border-color:var(--color-border)}.encounter-badge--contract{color:var(--color-secondary);background:var(--color-surface-inset);border-color:var(--color-primary-structure)}.encounter-badge--beta{color:var(--color-warning);background:color-mix(in srgb, var(--color-warning) 12%, var(--color-bg-solid));border-color:color-mix(in srgb, var(--color-warning) 40%, var(--color-bg-solid))}.encounter-badge--tutorial{color:var(--color-primary);background:var(--primary-dim);border-color:color-mix(in srgb, var(--color-primary) 45%, transparent)}.encounter-panel-close{color:var(--color-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:6px;line-height:0;transition:color .15s;display:flex}.encounter-panel-close:hover{color:var(--color-text-body)}.encounter-panel-body{background:var(--color-bg-solid);scrollbar-gutter:stable;flex:1;grid-template-columns:minmax(0,1fr) 216px;gap:16px;min-height:0;padding:16px;display:grid;overflow-y:auto}.encounter-panel-body::-webkit-scrollbar{width:8px}.encounter-panel-body::-webkit-scrollbar-track{background:0 0}.encounter-panel-body::-webkit-scrollbar-thumb{background:var(--color-border);border:2px solid var(--color-bg-solid);border-radius:2px}.encounter-panel-body::-webkit-scrollbar-thumb:hover{background:var(--color-primary-structure)}.encounter-panel-main{flex-direction:column;gap:16px;min-width:0;display:flex}.loadout-section{--loadout-action-height:28px;flex-direction:column;display:flex}@media (pointer:coarse){.loadout-section{--loadout-action-height:44px}}.loadout-note{background:var(--color-surface-inset);border:1px solid var(--color-border);color:var(--color-text-body);margin:12px 0 0;padding:8px 10px;font-family:"RuneScape Plain 12",sans-serif;font-size:16px;line-height:1.5}.loadout-note--warn{border-color:var(--color-primary-structure);color:var(--color-warning)}.loadout-note--switch{border-color:color-mix(in srgb, var(--color-warning) 50%, var(--color-border));background:color-mix(in srgb, var(--color-warning) 9%, var(--color-surface-inset))}.loadout-editor{--loadout-columns:minmax(0, 1fr) minmax(0, 1fr);--loadout-column-gap:14px;--loadout-slot-size:36px;background:var(--color-surface);border:1px solid var(--color-border);margin-top:12px;transition:background .2s,border-color .2s;position:relative}.loadout-editor-settle{pointer-events:none;border:1px solid #0000;animation:.75s cubic-bezier(.2,.8,.2,1) both loadout-editor-settle;position:absolute;inset:-1px}@media (prefers-reduced-motion:reduce){.loadout-editor{transition:none}.loadout-editor-settle{animation:none}}.loadout-frame{grid-template-columns:var(--loadout-columns);gap:var(--loadout-column-gap);align-items:start;padding:10px 10px 36px;display:grid;position:relative}@media (width>=360px){.loadout-frame:has(.loadout-inventory-column){padding-bottom:12px}}.loadout-supplies{grid-template-columns:var(--loadout-columns);column-gap:var(--loadout-column-gap);border-top:1px solid var(--color-border);align-items:start;padding:8px 10px;display:grid}.loadout-supplies .section-label{line-height:16px}.loadout-editor-guidance{color:var(--color-text-muted);margin:0;font:13px/18px "RuneScape Plain 12",sans-serif;position:absolute;bottom:12px;left:10px}.loadout-equipment-column,.loadout-inventory-column{align-content:start;justify-items:center;gap:8px;min-width:0;display:grid}.loadout-frame .loadout-grid-heading{margin:0;font-weight:400;line-height:16px}@media (width<=359px){.loadout-editor{--loadout-columns:minmax(0, 1fr)}.loadout-frame{row-gap:16px}}.encounter-panel-rail{border-left:1px solid var(--color-border);flex-direction:column;gap:12px;min-width:0;padding-left:14px;display:flex}.rail-section{flex-direction:column;gap:8px;display:flex}.rail-section+.rail-section{border-top:1px solid #ffffff0a;padding-top:12px}.encounter-panel-rail .section-label{margin:0}.encounter-panel-rail .osrs-checkbox__label{font-size:16px;line-height:20px}.encounter-panel-rail .mechanics-toggles{gap:8px}.encounter-fight-controls{border-top:1px solid var(--color-border);padding-top:8px}.encounter-practice-aids{border:0;min-width:0;margin:8px 0 0;padding:0}.encounter-fight-controls>.section-label,.encounter-practice-aids>.section-label{margin:0 0 8px;padding:0}.encounter-description{color:var(--color-text-body);margin:0;font:16px/20px "RuneScape Plain 12",sans-serif}.encounter-contract-oath{color:var(--color-text-body);margin:0;padding:0;font:16px/20px "RuneScape Plain 12",sans-serif}.encounter-contract-oath em{color:var(--color-secondary);font-style:normal}.encounter-beta-note{color:var(--color-text-body);margin:0;font:16px/20px "RuneScape Plain 12",sans-serif}.encounter-panel-footer{border-top:1px solid var(--color-border);background:var(--color-bg-elevated);flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px;display:flex}.encounter-tutorial-btn{color:var(--color-primary);border-color:color-mix(in srgb, var(--color-primary) 40%, var(--color-border));margin-right:auto}.encounter-tutorial-btn:hover:not(:disabled){background-color:var(--primary-dim);border-color:var(--color-primary);color:var(--color-primary-hover)}.encounter-start-btn{min-width:176px}.encounter-start-block{max-width:52ch;color:var(--color-warning);margin:0 auto 0 0;font-family:"RuneScape Plain 12",sans-serif;font-size:16px;line-height:1.5}.equip-grid{grid-template-rows:repeat(5,auto);grid-template-columns:repeat(3,auto);justify-items:center;gap:2px;display:grid}.equip-slot{background:var(--color-surface-inset);border:1px solid var(--color-surface-highlight);flex-direction:column;justify-content:center;align-items:center;gap:2px;width:46px;height:46px;transition:background-color .15s,border-color .15s;display:flex;position:relative}.equip-slot:hover{border-color:var(--color-primary-structure);background:var(--color-surface-hover)}.equip-slot--filled{background:var(--color-surface);border-color:var(--color-border)}.equip-slot-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;text-align:center;font-family:"RuneScape Plain 11",sans-serif;font-size:11px;line-height:1}.equip-slot--filled .equip-slot-label{color:var(--color-secondary)}.inventory-grid{grid-template-columns:repeat(4, calc(var(--loadout-slot-size,36px) + 2px));grid-template-rows:repeat(7,auto);justify-items:center;gap:2px;width:max-content;display:grid}.inventory-slot{box-sizing:content-box;width:var(--loadout-slot-size,36px);height:var(--loadout-slot-size,36px);background:var(--color-surface-inset);border:1px solid var(--color-border);appearance:none;font:inherit;color:inherit;cursor:pointer;justify-content:center;align-items:center;margin:0;padding:0;transition:background-color .15s,border-color .15s;display:flex;position:relative}.inventory-slot:hover{border-color:var(--color-primary-structure);background:var(--color-surface-hover)}.inventory-slot--filled{background:var(--color-surface)}.inventory-slot:focus-visible{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary);outline:none}.inventory-slot.inventory-slot--selected,.inventory-slot.inventory-slot--selected:hover{background:var(--primary-dim);border-color:var(--color-primary)}.inventory-slot.inventory-slot--selected:before{content:"";box-shadow:var(--shadow-glow);pointer-events:none;position:absolute;inset:0}@media (width<=839px){.encounter-panel-overlay{padding:calc(8px + var(--safe-top,0px)) 8px calc(8px + var(--safe-bottom,0px))}.encounter-panel-card{width:100%;max-width:100%;max-height:100%}.encounter-panel-header{padding:10px 14px}.encounter-panel-header h2{white-space:normal;font-size:16px}.encounter-panel-body{grid-template-columns:1fr;gap:12px;padding:12px}.encounter-panel-rail{border-left:none;border-top:1px solid var(--color-border);padding-top:12px;padding-left:0}.loadout-editor{--loadout-column-gap:12px}.encounter-panel-footer{padding:10px 14px calc(10px + var(--safe-bottom,0px));flex-direction:column-reverse}.encounter-panel-footer .osrs-btn{width:100%}.encounter-panel-footer .osrs-btn:last-child{min-width:100%}.encounter-start-btn{min-width:0}.encounter-start-block{text-align:center;order:1;width:100%;margin:0}}@media (width>=840px){.encounter-panel-card{width:min(816px,95vw);max-height:min(100dvh - 48px,900px)}.loadout-frame{justify-content:center}}.mechanics-settings--practice .mechanics-toggle-family{break-inside:avoid;flex-direction:column;gap:2px;display:flex}@supports not selector(::-webkit-scrollbar){.encounter-panel-body,.loadout-saved-scroll,.slot-picker__list{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}}@keyframes loadout-save-beat{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-primary) 55%, transparent), var(--shadow-glow)}to{box-shadow:0 0 0 7px color-mix(in srgb, var(--color-primary) 0%, transparent), 0 0 0 0 transparent}}@keyframes loadout-check-draw{0%{stroke-dashoffset:13px}to{stroke-dashoffset:0}}@keyframes loadout-cross-draw{0%{stroke-dashoffset:8px}to{stroke-dashoffset:0}}@keyframes loadout-status-lifetime{0%{opacity:0;max-height:0;margin-top:0}7%{opacity:0;max-height:60px;margin-top:8px}18%,84%{opacity:1;max-height:60px;margin-top:8px}94%{opacity:0;max-height:60px;margin-top:8px}to{opacity:0;max-height:0;margin-top:0}}@keyframes encounter-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes loadout-editor-settle{0%{border-color:var(--color-primary)}to{border-color:#0000}}.picker-overlay{z-index:80;--picker-boss-sub:color-mix(in srgb, var(--color-text-muted) 42%, var(--color-text-body));justify-content:center;align-items:center;padding:5vh 16px;font-family:"RuneScape Bold 12",sans-serif;display:flex;position:fixed;inset:0}.picker-overlay,.picker-overlay *{box-sizing:border-box}.picker-backdrop{background:var(--modal-backdrop);position:absolute;inset:0}.picker{background:var(--color-bg-solid);border:1px solid var(--modal-card-border);width:780px;max-width:94vw;height:524px;max-height:88dvh;box-shadow:var(--modal-card-shadow);border-radius:var(--modal-radius);grid-template-columns:248px 1fr;animation:.2s cubic-bezier(.16,1,.3,1) picker-card-in;display:grid;position:relative;overflow:hidden}@media (prefers-reduced-motion:reduce){.picker{animation:none}}.picker-rail{border-right:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;min-height:0;display:flex}.picker-rail-head{padding:14px 14px 11px}.picker-rail-head h2{color:var(--color-secondary);margin:0 0 11px;font-size:18px;font-weight:400}.picker-search{position:relative}.picker-search svg{width:13px;height:13px;color:var(--color-text-muted);position:absolute;top:50%;left:9px;transform:translateY(-50%)}.picker-search input{background:var(--color-surface-inset);border:1px solid var(--color-border);width:100%;color:var(--color-text-body);border-radius:2px;outline:none;padding:7px 10px 7px 29px;font-family:"RuneScape Plain 12",sans-serif;font-size:13px;transition:border-color .15s}.picker-search input::placeholder{color:var(--color-text-muted)}.picker-search input:focus{border-color:var(--color-primary)}.picker-rail-scroll{flex:1;padding:4px 8px 8px;overflow-y:auto}.picker-rail-section{letter-spacing:1px;text-transform:uppercase;color:var(--color-text-muted);padding:12px 6px 6px;font-size:11px}.picker-rail-section:first-child{padding-top:6px}.picker-boss{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;align-items:center;gap:11px;width:100%;margin-bottom:3px;padding:9px;font-family:inherit;transition:background .15s,border-color .15s;display:flex}.picker-boss:hover{background:var(--color-surface-hover);border-color:var(--color-primary-structure)}.picker-boss.active,.picker-boss.active:hover{background:var(--color-surface-inset);border-color:var(--color-primary)}.picker-boss.soon{cursor:default}.picker-boss.soon:hover{background:0 0;border-color:#0000}.picker-boss-pic{background:var(--color-surface-inset);border:1px solid var(--color-border);border-radius:2px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid;overflow:hidden}.picker-boss-pic img{width:100%;height:100%}.picker-boss-pic--contain img{object-fit:contain;width:30px;height:30px}.picker-boss-pic--cover img{object-fit:cover;object-position:center;filter:saturate(.9)}.picker-boss-pic--empty{color:var(--color-text-muted);font-size:16px}.picker-boss-meta{flex-direction:column;min-width:0;display:flex}.picker-boss-heading{align-items:center;gap:6px;min-width:0;display:flex}.picker-boss-name{color:var(--color-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.picker-boss.active .picker-boss-name{color:var(--color-primary)}.picker-boss-sub{color:var(--picker-boss-sub);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-family:"RuneScape Plain 12",sans-serif;font-size:12px;overflow:hidden}.picker-boss .status-badge{color:var(--color-warning)}.picker-boss.soon .picker-boss-name{color:color-mix(in srgb, var(--color-secondary) 62%, var(--color-surface))}.picker-boss.soon .picker-boss-sub{color:color-mix(in srgb, var(--picker-boss-sub) 62%, var(--color-surface))}.picker-boss.soon .picker-boss-pic{opacity:.62}.picker-rail-foot{border-top:1px solid var(--color-border);padding:8px}.picker-lobby-link{width:100%;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:2px;align-items:center;gap:8px;padding:8px;font-family:"RuneScape Bold 12",sans-serif;font-size:12px;transition:background .15s,color .15s;display:flex}.picker-lobby-link:hover{background:var(--color-surface-hover);color:var(--color-text-body)}.picker-detail{background:radial-gradient(440px 320px at 95% 0%, #3a251580 0%, transparent 60%), var(--color-bg-solid);flex-direction:column;min-height:0;display:flex;position:relative}.picker-close{width:26px;height:26px;color:var(--color-text-muted);cursor:pointer;z-index:5;text-shadow:0 1px 3px #000000d9;background:0 0;border:none;border-radius:2px;place-items:center;font-size:19px;line-height:1;transition:background .15s,color .15s;display:grid;position:absolute;top:10px;right:11px}.picker-close:hover{color:var(--color-text-body);background:var(--color-surface-hover)}.picker-hero{border-bottom:1px solid var(--color-border);min-height:164px;padding:22px 22px 16px}.picker-hero-art{pointer-events:none;z-index:0;opacity:.96;width:178px;height:178px;position:absolute;top:6px;right:8px;-webkit-mask-image:radial-gradient(circle at 52% 47%,#000 60%,#0000 80%);mask-image:radial-gradient(circle at 52% 47%,#000 60%,#0000 80%)}.picker-hero-art img{object-fit:contain;filter:drop-shadow(0 8px 18px #0000008c);width:100%;height:100%}.picker-hero-art--full{width:158px;height:166px;top:12px;right:16px;-webkit-mask-image:linear-gradient(#000 86%,#0000 100%);mask-image:linear-gradient(#000 86%,#0000 100%)}.picker-hero-art--full img{object-position:right bottom}.picker-hero-text{z-index:1;max-width:58%;position:relative}.picker-hero-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.picker-hero-title .status-badge{color:var(--color-warning);background:color-mix(in srgb, var(--color-warning) 12%, var(--color-bg-solid));border-color:color-mix(in srgb, var(--color-warning) 40%, var(--color-bg-solid))}.picker-hero-text h1{color:var(--color-secondary);text-shadow:1px 1px #000;margin:0;font-size:27px;font-weight:400;line-height:29px}.picker-hero-tag{letter-spacing:1.3px;text-transform:uppercase;color:var(--color-warning);margin-top:7px;font-family:"RuneScape Bold 12",sans-serif;font-size:11px;display:block}.picker-hero-text p{color:var(--color-text-body);margin:11px 0 0;font-family:"RuneScape Plain 12",sans-serif;font-size:13px;line-height:1.5}.picker-hero-actions{gap:8px;margin-top:13px;display:flex}.picker-contracts{flex:1;padding:8px 14px 12px;overflow-y:auto}.picker-cg-label{letter-spacing:1px;text-transform:uppercase;color:var(--color-text-muted);padding:15px 6px 7px;font-family:"RuneScape Bold 12",sans-serif;font-size:11px}.picker-contract{cursor:pointer;border:1px solid #0000;border-radius:2px;align-items:center;gap:12px;padding:10px 11px;transition:background .15s,border-color .15s;display:flex}.picker-contract:hover,.picker-contract.selected{background:var(--color-surface-hover);border-color:var(--color-primary-structure)}.picker-contract.soon{cursor:default}.picker-contract.soon:hover{background:0 0;border-color:#0000}.picker-contract-icon{background:var(--color-surface-inset);border:1px solid var(--color-border);width:30px;height:30px;color:var(--color-text-muted);border-radius:2px;flex:0 0 30px;place-items:center;display:grid;overflow:hidden}.picker-contract-icon img{object-fit:contain;width:23px;height:23px}.picker-contract-icon svg{width:22px;height:22px}.picker-contract-body{flex-direction:column;flex:1;min-width:0;display:flex}.picker-contract-heading{align-items:center;gap:8px;min-width:0;display:flex}.picker-contract-heading .picker-contract-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.picker-contract-name{color:var(--color-secondary);font-size:14px}.picker-contract-effect{color:var(--color-text-body);margin-top:3px;font-family:"RuneScape Plain 12",sans-serif;font-size:12px;line-height:1.45}.picker-contract.soon .picker-contract-name{color:color-mix(in srgb, var(--color-secondary) 55%, var(--color-bg-solid))}.picker-contract.soon .picker-contract-effect{color:color-mix(in srgb, var(--color-text-body) 55%, var(--color-bg-solid))}.picker-contract.soon .picker-contract-icon{opacity:.55}.picker-contract-actions{flex:none;gap:7px;display:flex}.picker-btn{cursor:pointer;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-secondary);text-shadow:1px 1px #000;border-radius:2px;padding:6px 12px;font-family:"RuneScape Bold 12",sans-serif;font-size:11px;transition:background .15s,border-color .15s,color .15s}.picker-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary-structure);color:var(--color-primary)}.picker-btn--primary{border-color:var(--color-secondary)}.picker-btn--primary:hover{border-color:var(--color-primary);color:var(--color-primary)}.picker-btn--ghost{background:0 0}.picker-btn--ghost:hover{background:var(--color-surface-hover);border-color:var(--color-secondary);color:var(--color-secondary)}.picker-btn--train{background:color-mix(in srgb, var(--color-primary) 14%, transparent);border-color:color-mix(in srgb, var(--color-primary) 62%, transparent);color:var(--color-primary)}.picker-btn--train:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg-solid);text-shadow:none}.picker-badge{color:var(--color-text-dim);background:var(--color-surface-inset);border:1px solid var(--color-border);text-transform:uppercase;letter-spacing:1px;border-radius:2px;flex:none;padding:3px 7px 3px 8px;font-family:"RuneScape Bold 12",sans-serif;font-size:11px;line-height:1}.picker-contract.soon .picker-badge{color:color-mix(in srgb, var(--color-text-dim) 55%, var(--color-bg-solid));border-color:color-mix(in srgb, var(--color-border) 55%, var(--color-bg-solid))}.picker-empty{text-align:center;color:var(--color-text-muted);padding:28px 18px;font-family:"RuneScape Plain 12",sans-serif;font-size:13px}@media (width<=720px){.picker-overlay{padding:calc(8px + var(--safe-top,0px)) 8px calc(8px + var(--safe-bottom,0px));align-items:stretch}.picker{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;width:100%;max-width:100%;height:100%;max-height:100%}.picker-rail{border-right:none;border-bottom:1px solid var(--color-border)}.picker-rail-scroll{max-height:30dvh}.picker-hero-art{width:150px;height:150px}.picker-hero-text{max-width:64%}.picker-btn{padding:9px 14px;font-size:12px}}@keyframes picker-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.replay-library-overlay{background:var(--modal-backdrop);z-index:100000;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.replay-library-card{background:var(--color-bg-solid);border:1px solid var(--modal-card-border);border-radius:var(--modal-radius);width:min(620px,92vw);max-height:78dvh;color:var(--color-secondary);flex-direction:column;font-family:"RuneScape Bold 12",sans-serif;animation:.22s cubic-bezier(.16,1,.3,1) replay-library-card-in;display:flex;position:relative;overflow:visible}.replay-library-card:before{content:"";border-radius:var(--modal-radius);box-shadow:var(--modal-card-shadow);pointer-events:none;position:absolute;inset:0}.replay-library-header{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-primary-structure);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 16px;display:flex}.replay-library-heading{flex-direction:column;gap:4px;min-width:0;display:flex}.replay-library-title{color:var(--color-secondary);margin:0;font-size:20px;font-weight:400}.replay-library-intro{color:var(--color-text-body);max-width:56ch;margin:0;font-family:"RuneScape Plain 12",sans-serif;font-size:12px;line-height:1.3}.replay-library-close{color:var(--color-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:6px;line-height:0;transition:color .15s;display:flex}.replay-library-close:hover{color:var(--color-text-body)}.replay-library-body{overscroll-behavior:contain;background:var(--color-bg-solid);flex:1;min-height:0;overflow-y:auto}.replay-library-body::-webkit-scrollbar{width:8px}.replay-library-body::-webkit-scrollbar-track{background:0 0}.replay-library-body::-webkit-scrollbar-thumb{background:var(--color-border);border:2px solid var(--color-bg-solid);border-radius:2px}.replay-library-body::-webkit-scrollbar-thumb:hover{background:var(--color-primary-structure)}.replay-library-list{flex-direction:column;gap:2px;margin:0;padding:6px 8px 20px;list-style:none;display:flex}.replay-library-row{border-radius:2px;align-items:center;gap:4px;transition:background .15s;display:flex}.replay-library-row:hover,.replay-library-row:focus-within,.replay-library-row--armed{background:var(--color-surface-highlight)}.replay-library-row-open{min-width:0;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:2px;flex:1;align-items:center;gap:10px;margin:0;padding:9px 8px;display:flex}.replay-library-row-open:disabled{cursor:default}.replay-library-row-open.focus-ring:focus-visible{box-shadow:0 0 0 1px var(--color-primary);outline:none}.replay-library-row-play{height:1lh;color:var(--color-text-muted);flex-shrink:0;align-self:flex-start;align-items:center;font-size:15px;transition:color .15s;display:flex}.replay-library-row:hover .replay-library-row-play,.replay-library-row-open:focus-visible .replay-library-row-play{color:var(--color-text-body)}.replay-library-row--armed .replay-library-row-play{opacity:0}.replay-library-row-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.replay-library-row-title{color:var(--color-text-body);text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.replay-library-row-note{color:var(--color-text-body);text-overflow:ellipsis;white-space:nowrap;font-family:"RuneScape Plain 12",sans-serif;font-size:13px;overflow:hidden}.replay-library-row-meta{color:var(--color-text-muted);flex-wrap:wrap;align-items:baseline;row-gap:2px;font-family:"RuneScape Plain 12",sans-serif;font-size:13px;line-height:1.3;display:flex}.replay-library-row-meta>span+span:before{content:"·";color:var(--color-text-dim);margin:0 6px}.replay-library-outcome--victory{color:var(--color-success)}.replay-library-outcome--death{color:var(--color-error)}.replay-library-row-confirm{color:var(--color-error);font-family:"RuneScape Plain 12",sans-serif;font-size:13px;line-height:1.3}.replay-library-row-actions{flex-shrink:0;align-items:center;gap:2px;padding-right:4px;display:flex}.replay-library-row-actions .osrs-btn{padding:6px 12px;font-size:13px}.replay-library-icon-btn{color:var(--color-text-body);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;padding:7px;line-height:0;transition:opacity .15s,color .15s,background .15s;display:flex}.replay-library-row:hover .replay-library-icon-btn,.replay-library-row:focus-within .replay-library-icon-btn{opacity:1}.replay-library-icon-btn:hover{background:var(--color-surface-inset)}.replay-library-icon-btn:focus-visible{opacity:1}.replay-library-icon-btn.focus-ring:focus-visible{box-shadow:0 0 0 1px var(--color-primary);outline:none}.replay-library-icon-btn.replay-library-delete:hover{color:var(--color-error)}.replay-library-row .replay-library-icon-btn.replay-library-copy--copied{opacity:1;color:var(--color-success)}.replay-library-empty{flex-direction:column;gap:8px;max-width:56ch;padding:28px 16px 24px;display:flex}.replay-library-empty-title{letter-spacing:.5px;text-transform:uppercase;color:var(--color-secondary);margin:0;font-size:15px}.replay-library-empty-body{color:var(--color-text-body);margin:0;font-family:"RuneScape Plain 12",sans-serif;font-size:13px;line-height:1.45}.replay-library-footer{background:var(--color-bg-elevated);border-top:1px solid var(--color-border);flex-direction:column;flex-shrink:0;gap:12px;padding:12px 16px;display:flex;position:relative}.replay-library-footer:before{content:"";background:linear-gradient(to top, var(--color-bg-solid), transparent);pointer-events:none;height:14px;position:absolute;bottom:100%;left:0;right:0}.replay-library-code-form{flex-direction:column;gap:6px;display:flex}.replay-library-code-label{letter-spacing:1px;text-transform:uppercase;color:var(--color-text-muted);font-size:11px}.replay-library-code-row{align-items:stretch;gap:8px;display:flex}.replay-library-code-input{background:var(--color-surface-inset);border:1px solid var(--color-border);letter-spacing:2px;text-transform:uppercase;min-width:0;color:var(--color-text-body);-webkit-user-select:text;user-select:text;border-radius:2px;flex:1;padding:6px 10px;font-family:"RuneScape Bold 12",sans-serif;font-size:14px;transition:border-color .15s,box-shadow .15s}.replay-library-code-input::placeholder{color:var(--color-text-dim);letter-spacing:normal;text-transform:none}.replay-library-code-input:hover{border-color:var(--color-primary-structure)}.replay-library-code-input:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);outline:none}.replay-library-code-input[aria-invalid=true]{border-color:var(--color-error)}.replay-library-code-error{color:var(--color-error);margin:0;font-family:"RuneScape Plain 12",sans-serif;font-size:13px;line-height:1.35}.replay-library-retention{color:var(--color-text-muted);margin:0;font-family:"RuneScape Plain 12",sans-serif;font-size:12px;line-height:1.3}@media (prefers-reduced-motion:no-preference){.replay-library-row{animation:.26s cubic-bezier(.16,1,.3,1) backwards replay-library-row-in}.replay-library-row:nth-child(2){animation-delay:22ms}.replay-library-row:nth-child(3){animation-delay:44ms}.replay-library-row:nth-child(4){animation-delay:66ms}.replay-library-row:nth-child(5){animation-delay:88ms}.replay-library-row:nth-child(n+6){animation-delay:.11s}}@media (prefers-reduced-motion:reduce){.replay-library-card{animation:none}}@media (width<=720px){.replay-library-overlay{padding:calc(8px + var(--safe-top,0px)) calc(8px + var(--safe-right,0px)) calc(8px + var(--safe-bottom,0px)) calc(8px + var(--safe-left,0px))}.replay-library-card{width:100%;max-width:100%;max-height:100%}.replay-library-header{padding:10px 14px}.replay-library-title{font-size:16px}.replay-library-list{padding:4px 6px 12px}.replay-library-row--armed{flex-direction:column;align-items:stretch;gap:8px}.replay-library-row--armed .replay-library-row-actions{justify-content:flex-start;padding:0 8px 8px}.replay-library-empty{padding:20px 14px}.replay-library-footer{padding:10px 14px}.replay-library-code-row{flex-wrap:wrap}}@media (pointer:coarse),(width<=720px){.replay-library-close{min-width:44px;min-height:44px;margin:-4px -6px 0 0;padding:0}.replay-library-row-actions .osrs-btn{min-height:44px;padding:6px 14px}.replay-library-icon-btn{opacity:1;min-width:44px;min-height:44px}.replay-library-code-input,.replay-library-code-row .osrs-btn{min-height:44px}}.tutorial-picker-backdrop{z-index:1300;background:var(--modal-backdrop);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.tp-shell{background:var(--color-bg-solid);border:1px solid var(--modal-card-border);border-radius:var(--modal-radius);grid-template-rows:auto 1fr;width:min(820px,100%);max-height:min(540px,100dvh - 48px);animation:.22s cubic-bezier(.16,1,.3,1) tpm-card-in;display:grid;position:relative;overflow:visible}.tp-shell:before{content:"";border-radius:var(--modal-radius);box-shadow:var(--modal-card-shadow);pointer-events:none;position:absolute;inset:0}.tp-header{border-bottom:1px solid var(--color-border);background:var(--color-bg-elevated);justify-content:space-between;align-items:center;gap:16px;padding:12px 18px 10px;display:flex}.tp-heading{letter-spacing:.02em;color:var(--color-secondary);text-shadow:1px 1px #000;margin:0;font-family:"RuneScape Bold 12",sans-serif;font-size:20px}.tp-close{width:24px;height:24px;color:var(--color-secondary);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:color .15s;display:inline-flex}.tp-close:hover{color:var(--color-text-body)}.tp-close svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;width:10px;height:10px}.tp-body{grid-template-columns:156px 240px 1fr;min-height:0;display:grid}.tp-detail-title{color:var(--color-text-body);text-shadow:1px 1px #000;margin:0 0 8px;font-family:"RuneScape Bold 12",sans-serif;font-size:18px;line-height:1.15}.tp-detail-desc{color:var(--color-text-body);max-width:60ch;margin:0 0 12px;font-family:"RuneScape Plain 12",sans-serif;font-size:13px;line-height:1.45}.tp-empty{text-align:center;padding:24px}@media (width<=720px){.tutorial-picker-backdrop{padding:8px}.tp-shell{max-height:calc(100dvh - 16px)}.tp-body{grid-template-rows:auto 1fr;grid-template-columns:1fr}}.tp-close:focus-visible{outline:2px solid var(--color-secondary);outline-offset:1px}@media (prefers-reduced-motion:reduce){.tutorial-picker-backdrop,.tp-shell{animation:none}.tp-close{transition:none}}.whats-new-overlay{background:var(--modal-backdrop);z-index:100000;justify-content:center;align-items:flex-start;padding:24px;display:flex;position:fixed;inset:0}.whats-new-card{background:var(--color-bg-solid);border:1px solid var(--modal-card-border);border-radius:var(--modal-radius);width:min(560px,92vw);max-height:80dvh;color:var(--color-secondary);flex-direction:column;font-family:"RuneScape Bold 12",sans-serif;animation:.2s cubic-bezier(.2,.8,.2,1) whats-new-card-in;display:flex;position:relative;overflow:visible}.whats-new-card:before{content:"";border-radius:var(--modal-radius);box-shadow:var(--modal-card-shadow);pointer-events:none;position:absolute;inset:0}.whats-new-header{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-primary-structure);justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 16px;display:flex}.whats-new-heading{flex-direction:column;gap:4px;min-width:0;display:flex}.whats-new-title{color:var(--color-secondary);margin:0;font-size:20px;font-weight:400}.whats-new-intro{color:var(--color-text-body);max-width:52ch;margin:0;font-family:"RuneScape Plain 12",sans-serif;font-size:12px;line-height:1.3}.whats-new-close{color:var(--color-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:6px;line-height:0;transition:color .15s;display:flex}.whats-new-close:hover{color:var(--color-text-body)}.whats-new-filters{border:none;border-bottom:1px solid var(--color-border);background:var(--color-bg-solid);flex-wrap:wrap;flex-shrink:0;gap:6px;min-inline-size:0;margin:0;padding:12px 16px;display:flex}.whats-new-filters-legend{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.whats-new-filter{color:var(--color-secondary);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:2px;padding:6px 12px;font-family:"RuneScape Bold 12",sans-serif;font-size:13px;transition:color .15s,background .15s,border-color .15s}.whats-new-filter:hover{color:var(--color-text-body);background:var(--color-surface-hover);border-color:var(--color-primary-structure)}.whats-new-filter[aria-pressed=true]{color:var(--color-primary);background:var(--primary-dim);border-color:var(--color-primary)}.whats-new-filter[aria-pressed=true]:hover{color:var(--color-primary-hover);background:var(--primary-dim);border-color:var(--color-primary)}.whats-new-filter.focus-ring:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);outline:none}.whats-new-list{overscroll-behavior:contain;background:var(--color-bg-solid);flex-direction:column;flex:1;gap:16px;min-height:0;margin:0;padding:16px;list-style:none;display:flex;overflow-y:auto}.whats-new-list::-webkit-scrollbar{width:8px}.whats-new-list::-webkit-scrollbar-track{background:0 0}.whats-new-list::-webkit-scrollbar-thumb{background:var(--color-border);border:2px solid var(--color-bg-solid);border-radius:2px}.whats-new-list::-webkit-scrollbar-thumb:hover{background:var(--color-primary-structure)}.whats-new-entry{border-bottom:1px solid var(--color-border);flex-direction:column;gap:6px;padding-bottom:16px;display:flex}.whats-new-entry:last-child{border-bottom:none;padding-bottom:0}.whats-new-entry-meta{align-items:baseline;gap:8px;display:flex}.whats-new-entry-date{color:var(--color-text-body);font-family:"RuneScape Bold 12",sans-serif;font-size:13px}.whats-new-entry-tag{letter-spacing:1px;text-transform:uppercase;color:var(--color-text-muted);background:var(--color-surface);border-radius:2px;padding:2px 6px;font-family:"RuneScape Bold 12",sans-serif;font-size:11px}.whats-new-entry-title{color:var(--color-secondary);margin:0;font-family:"RuneScape Bold 12",sans-serif;font-size:15px;font-weight:400}.whats-new-entry-impact{color:var(--color-text-body);max-width:68ch;margin:0;font-family:"RuneScape Plain 12",sans-serif;font-size:13px;line-height:1.45}@media (prefers-reduced-motion:reduce){.whats-new-card{animation:none}}@media (width<=720px){.whats-new-overlay{padding:calc(8px + var(--safe-top,0px)) calc(8px + var(--safe-right,0px)) calc(8px + var(--safe-bottom,0px)) calc(8px + var(--safe-left,0px))}.whats-new-card{width:100%;max-width:100%;max-height:100%}.whats-new-header{padding:10px 14px}.whats-new-title{font-size:16px}.whats-new-filters{justify-content:center;padding:10px 14px}.whats-new-filter{flex:0 calc(33.3333% - 4px);justify-content:center;align-items:center;min-width:0;padding:6px 8px;display:flex}.whats-new-list{padding:14px}}@media (pointer:coarse){.whats-new-close{min-width:44px;min-height:44px;margin:-4px -6px 0 0;padding:0}.whats-new-filter{min-height:44px}}@supports not selector(::-webkit-scrollbar){.replay-library-body,.whats-new-list{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}}@keyframes replay-library-card-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes replay-library-row-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes tpm-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes whats-new-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.legal-links{flex-wrap:wrap;gap:4px 12px;margin:0;padding:0;list-style:none;display:flex}.legal-links__link{color:var(--color-secondary);text-underline-offset:2px;font-family:"RuneScape Plain 11",sans-serif;font-size:16px;line-height:20px;text-decoration:underline;transition:color .2s}.legal-links__link:hover{color:var(--color-primary-hover)}.legal-links__link:active{color:var(--color-primary)}.legal-links__link:focus-visible{outline:2px solid var(--color-primary-structure);outline-offset:2px}.crash-reporting-setting__alert{color:var(--color-error)}.viewport-dimensions{align-items:center;gap:6px;width:100%;padding-left:14px;display:flex}.viewport-dimensions__input{background:var(--color-surface-inset);min-width:0;max-width:88px;color:var(--color-secondary);border:1px solid var(--color-border);text-align:right;appearance:textfield;border-radius:2px;outline:none;flex:1 1 0;padding:5px 8px;font-family:"RuneScape Bold 12",sans-serif;font-size:13px;transition:border-color .15s,background .15s,box-shadow .15s}.viewport-dimensions__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.viewport-dimensions__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.viewport-dimensions__input:hover{border-color:var(--color-primary-structure);background:var(--color-surface)}.viewport-dimensions__input:focus{border-color:var(--color-primary);color:var(--color-text-body);box-shadow:0 0 0 1px #d4a54a40}.viewport-dimensions__sep{color:var(--color-text-muted);-webkit-user-select:none;user-select:none;flex:none;padding:0 1px;font-family:"RuneScape Bold 12",sans-serif;font-size:13px}.viewport-dimensions__suffix{color:var(--color-text-muted);text-transform:lowercase;-webkit-user-select:none;user-select:none;letter-spacing:.5px;flex:none;font-family:"RuneScape Plain 12",sans-serif;font-size:11px}.view-mode-note{color:var(--color-text-muted);margin-top:-3px;margin-bottom:0;font-family:"RuneScape Plain 12",sans-serif;font-size:12px;line-height:1.5}.viewport-warning{margin-top:4px}.viewport-warning__title{color:var(--color-warning);text-shadow:1px 1px #000;font-family:"RuneScape Bold 12",sans-serif;font-size:14px;line-height:1}.viewport-warning__detail{color:var(--color-text-body);text-wrap:pretty;margin:6px 0 0;font-family:"RuneScape Plain 12",sans-serif;font-size:12px;line-height:1.45}.viewport-popout{flex-direction:column;gap:6px;display:flex}.viewport-popout__button{justify-content:center;gap:8px;width:100%}.viewport-popout__button svg{opacity:.75;transition:opacity .15s,transform .15s}.viewport-popout__button:hover:not(:disabled) svg{opacity:1;transform:translate(1px,-1px)}.viewport-popout__hint{color:var(--color-text-muted);margin:0;font-family:"RuneScape Plain 12",sans-serif;font-size:11px;line-height:1.4}.controls-overlay{top:var(--top-inset,0px);width:320px;height:calc(100% - var(--top-inset,0px));z-index:70;will-change:transform;background:var(--color-bg-solid);border-right:1px solid var(--color-border);flex-direction:column;transition:transform .3s cubic-bezier(.2,.8,.2,1),top .3s cubic-bezier(.2,.8,.2,1),height .3s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;left:0;overflow:hidden;transform:translate(-100%)}.controls-overlay.open{will-change:auto;transform:translate(0)}.controls-overlay-shadow{top:var(--top-inset,0px);width:320px;height:calc(100% - var(--top-inset,0px));z-index:69;pointer-events:none;will-change:transform;border-right:1px solid #0000;transition:transform .3s cubic-bezier(.2,.8,.2,1),top .3s cubic-bezier(.2,.8,.2,1),height .3s cubic-bezier(.2,.8,.2,1);position:absolute;left:0;transform:translate(-100%)}.controls-overlay-shadow.open{transform:translate(0);box-shadow:10px 0 40px #00000080}.panel-header{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;box-shadow:0 2px 4px #0003}.panel-header-left{align-items:center;gap:10px;min-width:0;display:flex}.panel-header-icons{align-items:center;gap:4px;display:flex}.panel-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.panel-title-stack{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.panel-title{color:var(--color-secondary);text-shadow:1px 1px #000;margin:0;font-family:"RuneScape Bold 12",sans-serif;font-size:20px;font-weight:400}.panel-title--clickable{text-align:left;cursor:pointer;font:inherit;color:inherit;text-shadow:inherit;background:0 0;border:none;padding:0;transition:filter .15s,color .15s}.panel-title--clickable:hover{filter:brightness(1.12)}.panel-title--clickable:focus-visible{outline:1px dotted var(--color-secondary);outline-offset:2px}.panel-mode-badge{letter-spacing:1.2px;text-transform:uppercase;color:var(--color-secondary);background:color-mix(in srgb, var(--color-primary) 8%, transparent);border:1px solid color-mix(in srgb, var(--color-primary) 20%, transparent);cursor:help;white-space:nowrap;border-radius:2px;padding:2px 6px;font-family:"RuneScape Bold 12",sans-serif;font-size:9px}.panel-close-button{color:var(--color-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;line-height:0;transition:color .2s;display:flex}.panel-close-button:hover{color:var(--color-text-body)}.panel-header-action{color:var(--color-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;line-height:0;transition:color .2s;display:flex}.panel-header-action:hover{color:var(--color-text-body)}.controls-content{background:var(--color-bg-solid);flex-direction:column;gap:16px;height:100%;padding:16px;display:flex;overflow-y:auto}.settings-zone{flex-direction:column;gap:8px;display:flex}.settings-zone-divider{align-items:center;gap:8px;padding:4px 0;display:flex}.settings-zone-divider:before,.settings-zone-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.settings-zone-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;font-family:"RuneScape Bold 12",sans-serif;font-size:10px}.controls-content::-webkit-scrollbar{width:8px}.controls-content::-webkit-scrollbar-track{background:0 0}.controls-content::-webkit-scrollbar-thumb{background:var(--color-border);border:2px solid var(--color-bg-solid);border-radius:4px}.controls-content::-webkit-scrollbar-thumb:hover{background:var(--color-primary-structure)}.settings-hint{color:var(--color-text-muted);margin-top:4px;font-size:11px;line-height:1.4}.settings-inline-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.settings-inline-label{color:var(--color-secondary);text-shadow:1px 1px #000;font-family:"RuneScape Bold 12",sans-serif;font-size:14px;line-height:1}.settings-zone-divider--footer{margin-top:auto}.settings-legal{--legal-ink:color-mix(in srgb, var(--color-text-body) 35%, var(--color-text-muted))}.settings-legal__lede{color:var(--legal-ink);margin:0 0 4px;font-family:"RuneScape Bold 12",sans-serif;font-size:14px;line-height:16px}.settings-legal__body{color:var(--legal-ink);text-wrap:pretty;margin:0;font-family:"RuneScape Plain 11",sans-serif;font-size:16px;line-height:20px}.settings-legal__fine{color:var(--color-text-muted);text-wrap:pretty;margin:8px 0 0;font-family:"RuneScape Plain 11",sans-serif;font-size:16px;line-height:20px}.settings-legal__links{margin-top:8px}@media (width<=720px){.app-container:not(.has-fixed-layout) .controls-overlay{border-right:none;width:100vw;max-width:100vw}.app-container:not(.has-fixed-layout) .controls-overlay-shadow{border-right:none;width:100vw;max-width:100vw;box-shadow:0 0 48px #0009}.app-container:not(.has-fixed-layout) .panel-header{padding:calc(10px + var(--safe-top,0px)) 14px 10px}.app-container:not(.has-fixed-layout) .panel-close-button{margin:-12px -6px -12px 0;padding:12px}.app-container:not(.has-fixed-layout) .controls-content{padding:14px 14px calc(20px + var(--safe-bottom,0px));-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}}.infobox-field{flex-direction:column;gap:5px;display:flex}.infobox-field+.infobox-field{margin-top:5px}.infobox-field .settings-hint{margin-top:0}.infobox-field .settings-hint--unavailable{margin-top:7px}.settings-field-label{color:var(--color-secondary);text-shadow:1px 1px #000;font-family:"RuneScape Bold 12",sans-serif;font-size:14px;line-height:1}.infobox-pin-segmented{background:var(--color-surface-inset);border:1px solid var(--color-border);border-radius:2px;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;width:100%;padding:3px;display:grid}.infobox-pin-segment{color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;flex-direction:column;align-items:center;gap:5px;padding:8px 3px 7px;transition:color .15s,border-color .15s,background-color .15s;display:flex}.infobox-pin-segment svg{color:var(--color-text-body);display:block}.infobox-pin-segment__label{font-family:"RuneScape Bold 12",sans-serif;font-size:11px;line-height:1}.infobox-pin-segment:hover{color:var(--color-secondary);background:#ffffff0d}.infobox-pin-segment.is-active{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 22%, transparent);color:var(--color-primary)}.infobox-pin-segment.is-active svg,.infobox-pin-segment.is-active:hover{color:var(--color-primary)}.infobox-pin-segment:disabled{background:var(--color-surface-inset);color:var(--color-text-dim);cursor:not-allowed}.infobox-pin-segment:disabled svg{color:var(--color-text-dim)}.infobox-pin-segment:disabled:hover{background:var(--color-surface-inset);color:var(--color-text-dim)}.infobox-pin-segment:active:not(:disabled){transform:translateY(1px)}.infobox-pin-segment:focus-visible{outline:2px solid var(--color-primary-structure);outline-offset:1px}.infobox-outline-colour{flex:none;align-items:center;gap:6px;display:inline-flex}.infobox-outline-colour__label{color:var(--color-text-muted);font-family:"RuneScape Bold 12",sans-serif;font-size:12px;line-height:1}@media (pointer:coarse){.infobox-pin-segment{padding:10px 3px 9px}}@supports not selector(::-webkit-scrollbar){.controls-content{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}}.tile-marker-panel{border-bottom:none}.tile-marker-section{flex-direction:column;gap:8px;display:flex}.tile-marker-header{justify-content:space-between;align-items:center;display:flex}.tile-marker-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-family:"RuneScape Bold 12",sans-serif;font-size:13px}.tile-marker-count-badge{color:var(--color-text-muted);border:1px solid var(--color-border-translucent);background:var(--color-surface-translucent);border-radius:8px;padding:1px 6px;font-family:"RuneScape Bold 12",sans-serif;font-size:10px}.tile-marker-panel-list{border:1px solid var(--color-border);background:var(--color-surface);border-radius:2px;flex-direction:column;gap:4px;max-height:140px;padding:6px;display:flex;overflow-y:auto;box-shadow:inset 0 1px #ffffff05}.tile-marker-panel-list::-webkit-scrollbar{width:8px}.tile-marker-panel-list::-webkit-scrollbar-track{background:var(--color-surface-inset)}.tile-marker-panel-list::-webkit-scrollbar-thumb{background:var(--color-primary-structure);border:1px solid #101010}.tile-marker-panel-list::-webkit-scrollbar-thumb:hover{background:var(--color-surface-hover)}.tile-marker-panel-item{color:var(--color-secondary);border:1px solid #0000;border-radius:2px;justify-content:space-between;align-items:center;gap:8px;padding:4px 6px;font-family:"RuneScape Bold 12",sans-serif;font-size:12px;transition:background .15s,border-color .15s;display:flex}.tile-marker-panel-item:hover{border-color:var(--color-border-translucent);background:#ffffff0a}.tile-marker-panel-item-info{flex:1;align-items:center;gap:6px;min-width:0;display:inline-flex}.tile-marker-panel-item-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tile-marker-panel-item-swatch{border:1px solid var(--color-primary-structure);border-radius:2px;width:12px;height:12px;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff1f}.tile-marker-panel-remove-btn{width:16px;height:16px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;transition:all .15s;display:flex}.tile-marker-panel-remove-btn:hover{color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, transparent)}.tile-marker-panel-clear-btn{color:var(--color-secondary);text-align:center;background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:2px;flex:1;padding:4px 8px;font-family:"RuneScape Bold 12",sans-serif;font-size:11px;transition:all .15s;box-shadow:inset 0 1px #ffffff05}.tile-marker-panel-clear-btn:hover:not(:disabled){background:var(--color-bg-solid);border-color:var(--color-primary-structure);color:var(--color-primary)}.tile-marker-panel-clear-btn:active:not(:disabled){background:var(--color-surface-inset)}.plugins-overlay{top:var(--top-inset,0px);width:320px;height:calc(100% - var(--top-inset,0px));z-index:70;will-change:transform;background:var(--color-bg-solid);border-left:1px solid var(--color-border);flex-direction:column;font-family:"RuneScape Bold 12",sans-serif;transition:transform .3s cubic-bezier(.2,.8,.2,1),top .3s cubic-bezier(.2,.8,.2,1),height .3s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;right:0;overflow:hidden;transform:translate(100%)}.plugins-overlay.open{will-change:auto;transform:translate(0)}.plugins-overlay-shadow{top:var(--top-inset,0px);width:320px;height:calc(100% - var(--top-inset,0px));z-index:69;pointer-events:none;will-change:transform;border-left:1px solid #0000;transition:transform .3s cubic-bezier(.2,.8,.2,1),top .3s cubic-bezier(.2,.8,.2,1),height .3s cubic-bezier(.2,.8,.2,1);position:absolute;right:0;transform:translate(100%)}.plugins-overlay-shadow.open{transform:translate(0);box-shadow:-10px 0 40px #00000080}.plugins-content{background:var(--color-bg-solid);flex:1;padding:8px;overflow-y:auto}.plugin-row{border-bottom:1px solid var(--color-border);background:0 0;flex-direction:column;transition:background .15s;display:flex}.plugin-row.expanded{background:#0a080580}.plugin-header{justify-content:space-between;align-items:center;padding:10px 8px;display:flex}.plugin-header:hover{background:var(--color-surface-hover)}.plugin-title-btn{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin:0;padding:0;display:flex}.plugin-caret{color:var(--color-text-muted);flex-shrink:0;width:10px;height:10px;transition:transform .15s,color .15s}.plugin-name{color:var(--color-secondary);-webkit-user-select:none;user-select:none;font-size:15px}.plugin-row.expanded .plugin-caret{color:var(--color-primary);transform:rotate(90deg)}.plugin-row.expanded .plugin-name{color:var(--color-primary)}.plugin-body{border-top:1px solid var(--color-border);flex-direction:column;gap:12px;padding:8px 16px 16px;display:flex}.plugin-setting-row{justify-content:space-between;align-items:center;display:flex}.plugin-setting-label{color:var(--color-secondary);text-shadow:1px 1px #000;font-size:14px}.plugin-group{flex-direction:column;gap:6px;display:flex}.plugin-group-label{letter-spacing:1px;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:2px;font-family:"RuneScape Bold 12",sans-serif;font-size:11px}.plugin-group>.plugin-group-label{padding-left:6px}.plugins-content::-webkit-scrollbar{width:8px}.plugins-content::-webkit-scrollbar-track{background:0 0}.plugins-content::-webkit-scrollbar-thumb{background:var(--color-border);border:2px solid var(--color-bg-solid);border-radius:4px}.plugins-content::-webkit-scrollbar-thumb:hover{background:var(--color-primary-structure)}.plugin-section-divider{border-bottom:1px solid var(--color-border);align-items:center;margin:16px 0 10px;padding-bottom:4px;display:flex}.plugin-section-title{color:var(--color-secondary);text-transform:uppercase;letter-spacing:1px;font-size:13px}.plugin-row .osrs-checkbox__label{text-shadow:none}.tile-preset-section{border-bottom:1px solid var(--color-border);flex-direction:column;gap:8px;margin-bottom:8px;padding-bottom:12px;display:flex}.tile-preset-header{justify-content:space-between;align-items:center;display:flex}.tile-preset-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-family:"RuneScape Bold 12",sans-serif;font-size:13px}.tile-preset-bulk-actions{justify-content:flex-end;display:flex}.tile-preset-list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:2px;flex-direction:column;gap:4px;max-height:180px;padding:6px;display:flex;overflow-y:auto}.tile-preset-list::-webkit-scrollbar{width:8px}.tile-preset-list::-webkit-scrollbar-track{background:var(--color-surface-inset)}.tile-preset-list::-webkit-scrollbar-thumb{background:var(--color-border);border:1px solid #101010}.tile-preset-list::-webkit-scrollbar-thumb:hover{background:var(--color-primary-structure)}.tile-preset-item{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;justify-content:space-between;align-items:center;padding:6px;transition:background .15s,border-color .15s;display:flex}.tile-preset-item:hover{border-color:var(--color-border-translucent);background:#ffffff0a}.tile-preset-item.active{border-color:var(--color-primary-structure);background:#0a080580}.tile-preset-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tile-preset-item-name{color:var(--color-secondary);font-family:"RuneScape Bold 12",sans-serif;font-size:13px;transition:color .15s}.tile-preset-item:hover .tile-preset-item-name{color:var(--color-text-body)}.tile-preset-item.active .tile-preset-item-name{color:var(--color-primary)}.tile-preset-item-count{color:var(--color-text-muted);font-family:"RuneScape Bold 12",sans-serif;font-size:11px}.tile-preset-item-toggle{cursor:pointer;width:100%;color:inherit;font:inherit;text-shadow:inherit;text-align:left;background:0 0;border:none;flex-direction:row;align-items:center;gap:8px;padding:0;display:flex}.tile-preset-item-link{color:var(--color-text-muted);border:1px solid var(--color-border);white-space:nowrap;background:#0003;border-radius:3px;flex-shrink:0;align-items:center;gap:3px;padding:1px 5px;font-size:10px;text-decoration:none;transition:all .15s;display:inline-flex}.tile-preset-item-link:hover{color:var(--color-text-body);border-color:var(--color-primary-structure);background:#0006}.tile-preset-export-btn{color:var(--color-text-muted);border:1px solid var(--color-border);cursor:pointer;white-space:nowrap;background:#0003;border-radius:3px;flex-shrink:0;padding:1px 5px;font-family:"RuneScape Bold 12",sans-serif;font-size:10px;transition:all .15s}.tile-preset-export-btn:hover{color:var(--color-text-body);border-color:var(--color-primary-structure);background:#0006}.tile-preset-link-icon{font-size:10px}.tile-preset-link-text{font-family:inherit}.plugin-options-stack{flex-direction:column;gap:12px;display:flex}.tile-marker-panel-actions{flex-direction:column;gap:8px;margin-top:8px;display:flex}.tile-marker-io-actions{flex-direction:row;gap:6px;display:flex}.tile-marker-io-btn{flex:1}.npc-highlight-options{border-top:1px solid var(--color-border);margin-top:12px;padding-top:10px}.npc-highlight-modes{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.npc-highlight-chip{padding:2px 6px;font-size:11px;line-height:1}.tile-marker-io-status{color:var(--color-secondary);text-align:center;padding:4px 0;font-family:"RuneScape Bold 12",sans-serif;font-size:11px;animation:3s forwards tileMarkerIoStatusFade}.tile-marker-panel-empty{text-align:center;border:1px dashed var(--color-border-translucent);color:color-mix(in srgb, var(--color-text-body) 85%, var(--color-bg-solid));text-wrap:balance;background:#ffffff03;border-radius:2px;padding:10px 6px;font-family:"RuneScape Plain 12",sans-serif;font-size:16px;line-height:20px}.ti-group{flex-direction:column;gap:0;display:flex}.ti-item{flex-direction:column;gap:6px;display:flex}.ti-group>.setting-row{border-bottom:1px solid #ffffff0a;padding:8px 0 8px 10px}.ti-group>.setting-row:last-child{border-bottom:none;padding-bottom:0}.ti-group>.setting-row:first-child{padding-top:0}.tick-offset-fields{align-items:center;gap:8px;display:flex}.tick-offset-field{align-items:center;gap:4px;display:flex}.tick-offset-axis{letter-spacing:1px;text-transform:uppercase;color:var(--color-text-muted);font-family:"RuneScape Bold 12",sans-serif;font-size:11px;line-height:1}.tick-offset-fields.is-disabled .tick-offset-axis{opacity:.5}.tick-color-controls{align-items:flex-start;gap:8px;display:flex}.tick-color-all,.tick-color-chip{background-color:var(--color-surface-inset);border:1px solid var(--color-border);cursor:pointer;border-radius:2px;justify-content:center;align-items:center;height:22px;transition:border-color .15s,background-color .15s;display:flex;position:relative}.tick-color-all:hover,.tick-color-chip:hover{border-color:var(--color-primary-structure);background-color:var(--color-surface-highlight)}.tick-color-all input[type=color],.tick-color-chip input[type=color]{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.tick-color-all{flex-shrink:0;padding:0 6px}.tick-color-all__label{letter-spacing:1px;text-transform:uppercase;color:var(--color-text-muted);pointer-events:none;font-family:"RuneScape Bold 12",sans-serif;font-size:11px;line-height:1}.tick-color-chips{flex-wrap:wrap;justify-content:flex-start;gap:4px;max-width:140px;display:flex}.tick-color-chip{width:22px}.tick-color-chip.is-custom{border-color:var(--color-primary)}.tick-color-chip__glyph{text-shadow:1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;pointer-events:none;font-family:RuneScape Small,monospace;font-size:16px;line-height:1}.ti-header{align-items:center;gap:8px;display:flex}.ti-label{color:var(--color-secondary);text-shadow:1px 1px #000;flex:1;font-size:14px}.ti-controls{align-items:center;gap:12px;padding-left:26px;transition:opacity .15s;display:flex}.ti-control-group{align-items:center;gap:4px;display:flex}.ti-control-label{color:var(--color-text-muted);font-size:12px}.compact-orbs-field{flex-direction:column;gap:6px;width:100%;min-width:0;display:flex}.compact-orbs-field-label{letter-spacing:1px;text-transform:uppercase;color:var(--color-text-muted);font-family:"RuneScape Bold 12",sans-serif;font-size:11px}.compact-orbs-segmented{background:var(--color-surface-inset);border:1px solid var(--color-border);border-radius:2px;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:3px;display:grid}.compact-orbs-segment{color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;flex-direction:column;align-items:center;gap:5px;padding:8px 3px 7px;transition:color .15s,border-color .15s,background-color .15s;display:flex}.compact-orbs-segment svg{color:var(--color-text-body);display:block}.compact-orbs-segment__label{font-family:"RuneScape Bold 12",sans-serif;font-size:11px;line-height:1}.compact-orbs-segment:hover{background:var(--color-surface-highlight);color:var(--color-secondary)}.compact-orbs-segment.is-active{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 22%, transparent);color:var(--color-primary)}.compact-orbs-segment.is-active svg,.compact-orbs-segment.is-active:hover{color:var(--color-primary)}.compact-orbs-segment:focus-visible{outline:2px solid var(--color-primary-structure);outline-offset:1px}.compact-orbs-slots{justify-content:start;gap:4px;display:grid}.compact-orbs-slots--vertical{grid-template-columns:30px}.compact-orbs-slots--horizontal{grid-template-rows:repeat(2,30px);grid-template-columns:repeat(2,30px);grid-auto-flow:column}.compact-orbs-slots--horizontal-wide{grid-template-columns:repeat(4,30px)}.compact-orbs-slot{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:2px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:border-color .15s,background-color .15s;display:inline-flex}.compact-orbs-slot:hover{background:var(--color-surface-hover);border-color:var(--color-primary-structure)}.compact-orbs-slot.is-selected,.compact-orbs-slot.is-selected:hover{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 22%, transparent)}.compact-orbs-slot:focus-visible{outline:2px solid var(--color-primary-structure);outline-offset:1px}.plugin-unavailable-note{color:var(--color-secondary);padding-bottom:6px;font-family:"RuneScape Plain 12",sans-serif;font-size:12px;line-height:1.3}.compact-orbs-segment:disabled,.compact-orbs-slot:disabled{cursor:default;opacity:.45}.compact-orbs-segment:disabled:hover{color:var(--color-text-muted);background:0 0}.compact-orbs-slot:disabled:hover{background:var(--color-surface);border-color:var(--color-border)}.compact-orbs-hint{color:var(--color-text-muted);font-family:"RuneScape Plain 12",sans-serif;font-size:12px;line-height:1.3}.stretched-mode-field{box-sizing:border-box;flex-direction:column;gap:6px;width:100%;min-width:0;padding:0 6px;display:flex}.stretched-mode-segmented{background:var(--color-surface-inset);border:1px solid var(--color-border);border-radius:2px;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;padding:3px;display:grid}.stretched-mode-segment{color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;padding:6px 0 5px;font-family:"RuneScape Bold 12",sans-serif;font-size:12px;line-height:1;transition:color .15s,border-color .15s,background-color .15s}.stretched-mode-segment:hover{background:var(--color-surface-highlight);color:var(--color-secondary)}.stretched-mode-segment.is-active{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 22%, transparent);color:var(--color-primary)}.stretched-mode-segment.is-active:hover{color:var(--color-primary)}.stretched-mode-segment:focus-visible{outline:2px solid var(--color-primary-structure);outline-offset:1px}.stretched-mode-segment:disabled{cursor:default;opacity:.45}.stretched-mode-segment:disabled:hover{color:var(--color-text-muted);background:0 0}.plugin-setting-note{color:var(--color-text-body);border-top:1px solid #ffffff0a;flex-wrap:wrap;align-items:center;gap:4px;margin-top:2px;padding-top:8px;font-family:"RuneScape Plain 12",sans-serif;font-size:16px;line-height:20px;display:flex}.plugin-setting-note .kbd{margin:0}.menu-swaps-field{flex-direction:column;gap:8px;width:100%;display:flex}.menu-swaps-field-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;font-family:"RuneScape Bold 12",sans-serif;font-size:11px;line-height:1.2}.menu-swaps-input{box-sizing:border-box;resize:vertical;background:var(--color-surface-inset);border:1px solid var(--color-border);width:100%;color:var(--color-text-body);caret-color:var(--color-primary);border-radius:2px;outline:none;padding:6px 8px;font-family:"RuneScape Plain 12",sans-serif;font-size:16px;line-height:20px;transition:border-color .15s}.menu-swaps-input:hover{border-color:var(--color-primary-structure)}.menu-swaps-input:focus{border-color:var(--color-primary)}.menu-swaps-input::placeholder{color:var(--color-text-dim)}.menu-swaps-input::selection{background:var(--primary-dim);color:var(--color-text-body)}.menu-swaps-input::-webkit-resizer{background:0 0}.menu-swaps-input::-webkit-scrollbar{width:8px}.menu-swaps-input::-webkit-scrollbar-track{background:var(--color-surface-inset)}.menu-swaps-input::-webkit-scrollbar-thumb{background:var(--color-primary-structure);border:1px solid var(--color-surface-inset)}.menu-swaps-input::-webkit-scrollbar-thumb:hover{background:var(--color-surface-hover)}.menu-swaps-format{color:var(--color-text-muted);border-top:1px solid #ffffff0a;margin:0;padding-top:8px;font-family:"RuneScape Plain 12",sans-serif;font-size:16px;line-height:20px}.menu-swaps-format-line{flex-wrap:wrap;align-items:baseline;gap:0 12px;margin:0;display:flex}.menu-swaps-format-literal{color:var(--color-secondary)}.stretched-mode-custom{justify-content:space-between;align-items:center;gap:8px;display:flex}@media (width<=720px){.app-container:not(.has-fixed-layout) .plugins-overlay,.app-container:not(.has-fixed-layout) .plugins-overlay-shadow{border-left:none;width:100vw;max-width:100vw}.app-container:not(.has-fixed-layout) .plugins-overlay-shadow.open{box-shadow:0 0 48px #0009}.app-container:not(.has-fixed-layout) .plugins-content{padding:10px 10px calc(16px + var(--safe-bottom,0px));-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.app-container:not(.has-fixed-layout) .plugin-header{padding:12px 10px}.app-container:not(.has-fixed-layout) .tile-preset-item{padding:10px 8px}.app-container:not(.has-fixed-layout) .tile-preset-item-link,.app-container:not(.has-fixed-layout) .tile-preset-export-btn{padding:4px 8px;font-size:11px}}@supports not selector(::-webkit-scrollbar){.plugins-content,.tile-preset-list{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.menu-swaps-input,.tile-marker-panel-list{scrollbar-width:thin;scrollbar-color:var(--color-primary-structure) transparent}}@keyframes tileMarkerIoStatusFade{0%{opacity:1}70%{opacity:1}to{opacity:0}}.zoom-hint-toast-stack{z-index:9999;pointer-events:none;gap:8px;transition:left .3s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed}.zoom-hint-toast{box-sizing:border-box;background:var(--hud-bg);border:1px solid var(--hud-border);-webkit-backdrop-filter:blur(8px);width:fit-content;max-width:340px;color:var(--color-secondary);box-shadow:var(--shadow-md);pointer-events:auto;border-radius:2px;padding:8px 12px;font-family:"RuneScape Plain 12",sans-serif;font-size:16px;line-height:1.4}.zoom-hint-toast__main{align-items:flex-start;gap:8px;display:flex}.zoom-hint-toast__tip{color:var(--color-text-muted);letter-spacing:.5px;text-transform:uppercase;flex:none;margin-top:2px;font-family:"RuneScape Bold 12",sans-serif;font-size:11px}.zoom-hint-toast__body{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}.zoom-hint-toast__emph{color:var(--color-text-body);font-family:"RuneScape Bold 12",sans-serif}.zoom-hint-toast__opt-out{cursor:pointer;color:var(--color-text-muted);text-align:left;background:0 0;border:0;padding:0;font-family:"RuneScape Plain 12",sans-serif;font-size:11px;text-decoration:none;transition:color .15s}.zoom-hint-toast__opt-out:hover{color:var(--color-secondary);text-decoration:underline}.zoom-hint-toast__close{cursor:pointer;width:18px;height:18px;color:var(--color-text-muted);text-align:center;background:0 0;border:0;flex:none;margin:-1px -2px 0 0;padding:0;font-family:"RuneScape Bold 12",sans-serif;font-size:15px;line-height:18px;transition:color .15s}.zoom-hint-toast__close:hover{color:var(--color-secondary)}.zoom-hint-toast__close:focus-visible{outline:1px solid var(--color-primary);outline-offset:2px}.zoom-hint-toast--enter{animation:.16s ease-out both zoomHintToastInRight}.zoom-hint-toast--exit{animation:.16s ease-in both zoomHintToastOutRight}.zoom-hint-toast-stack--left .zoom-hint-toast--enter{animation-name:zoomHintToastInLeft}.zoom-hint-toast-stack--left .zoom-hint-toast--exit{animation-name:zoomHintToastOutLeft}@media (prefers-reduced-motion:reduce){.zoom-hint-toast--enter,.zoom-hint-toast--exit{animation:none}}@keyframes zoomHintToastInRight{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}@keyframes zoomHintToastOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(14px)}}@keyframes zoomHintToastInLeft{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}@keyframes zoomHintToastOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-14px)}}.shortcuts-modal-overlay{background:var(--modal-backdrop);z-index:2000;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.shortcuts-modal-card{background:var(--color-bg-solid);border:1px solid var(--modal-card-border);box-shadow:var(--modal-card-shadow);border-radius:var(--modal-radius);width:min(500px,90vw);max-height:80dvh;color:var(--color-secondary);flex-direction:column;font-family:"RuneScape Bold 12",sans-serif;animation:.2s cubic-bezier(.2,.8,.2,1) shortcuts-card-in;display:flex;overflow:hidden}.shortcuts-modal-header{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-primary-structure);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.shortcuts-modal-title{color:var(--color-secondary);text-shadow:1px 1px #000;margin:0;font-size:20px;font-weight:400}.shortcuts-modal-close{color:var(--color-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:6px;line-height:0;transition:color .15s;display:flex}.shortcuts-modal-close:hover{color:var(--color-text-body)}.shortcuts-modal-content{background:var(--color-bg-solid);flex:1;min-height:0;padding:16px;overflow-y:auto}.shortcuts-modal-content::-webkit-scrollbar{width:8px}.shortcuts-modal-content::-webkit-scrollbar-track{background:0 0}.shortcuts-modal-content::-webkit-scrollbar-thumb{background:var(--color-border);border:2px solid var(--color-bg-solid);border-radius:2px}.shortcuts-modal-content::-webkit-scrollbar-thumb:hover{background:var(--color-primary-structure)}.shortcuts-modal-grid{column-count:1;column-gap:24px}@media (width>=500px){.shortcuts-modal-grid{column-count:2}}.shortcuts-modal-category{break-inside:avoid;margin-bottom:16px}.shortcuts-modal-category-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--color-border);margin:0 0 8px;padding-bottom:4px;font-size:11px;font-weight:400}.shortcuts-modal-list{grid-template-columns:auto 1fr;align-items:baseline;gap:4px 12px;display:grid}.shortcuts-modal-row{display:contents}.shortcuts-modal-category--compact .shortcuts-modal-list{grid-template-columns:auto 1fr auto 1fr}.shortcuts-modal-keys{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:2px;display:flex}.shortcuts-modal-keys-wrapper{align-items:center;display:flex}.shortcuts-modal-desc{color:var(--color-text-muted);text-shadow:1px 1px #000c;font-family:"RuneScape Plain 12",sans-serif;font-size:14px;line-height:1.4}.shortcuts-modal-plus{color:var(--color-text-dim);margin:0 2px;font-family:"RuneScape Plain 11",sans-serif;font-size:16px}@media (width<=720px){.shortcuts-modal-overlay{padding:calc(8px + var(--safe-top,0px)) 8px calc(8px + var(--safe-bottom,0px));align-items:stretch}.shortcuts-modal-card{width:100%;max-width:100%;max-height:100%}.shortcuts-modal-header{padding:10px 14px}.shortcuts-modal-title{font-size:16px}.shortcuts-modal-close{margin:-6px;padding:12px}.shortcuts-modal-content{padding:14px}}@supports not selector(::-webkit-scrollbar){.shortcuts-modal-content{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}}@keyframes shortcuts-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sidebar-nav{top:calc(24px + var(--safe-top,0px) + var(--top-inset,0px));left:var(--safe-left,0px);z-index:68;flex-direction:column;gap:8px;transition:top .3s cubic-bezier(.2,.8,.2,1),opacity .22s cubic-bezier(.2,.8,.2,1),transform .3s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed}.sidebar-nav--tucked{opacity:0;pointer-events:none;transform:translate(-10px)}.sidebar-nav.right-nav.sidebar-nav--tucked{transform:translate(10px)}@media (prefers-reduced-motion:reduce){.sidebar-nav--tucked{transform:none}}.sidebar-nav--tutorial-elevated{z-index:1201}.sidebar-nav .controls-toggle-open{z-index:auto;box-sizing:border-box;min-width:80px;position:static;top:auto;left:auto}.sidebar-nav.right-nav{left:auto;right:var(--safe-right,0px)}.sidebar-nav.right-nav .controls-toggle-open{border-left:1px solid var(--color-border);border-right:none;border-radius:2px 0 0 2px;box-shadow:-2px 2px 4px #0000004d}.sidebar-nav.right-nav .controls-toggle-open:hover{border-left-color:var(--color-primary-structure)}@media (width<=720px){.app-container:not(.has-fixed-layout) .sidebar-nav{top:calc(8px + var(--safe-top,0px) + var(--top-inset,0px));gap:6px}.app-container:not(.has-fixed-layout) .sidebar-nav .controls-toggle-open{min-width:64px;padding:10px 12px;font-size:13px}}.controls-toggle-open{z-index:71;background:var(--color-bg-solid);border:1px solid var(--color-border);color:var(--color-secondary);cursor:pointer;white-space:nowrap;text-shadow:1px 1px #000;text-align:center;border-left:none;border-radius:0 2px 2px 0;justify-content:center;align-items:center;min-width:0;padding:6px 10px;font-family:"RuneScape Bold 12",sans-serif;font-size:15px;line-height:1;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;display:flex;position:fixed;top:24px;left:0;box-shadow:2px 2px 4px #0000004d}.controls-toggle-open:hover{background:var(--color-surface-hover);color:var(--color-text-body);border-color:var(--color-primary-structure)}.tutorials-button-anchor{flex-direction:column;display:flex;position:relative}.controls-toggle-open--tutorial-mode{background:var(--primary-dim,#d4a54a0f);border-color:var(--color-secondary);color:var(--color-primary);box-shadow:inset 0 1px #ffdc8c0f,2px 2px 4px #0000004d}.controls-toggle-open--tutorial-mode:hover{background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary-hover)}.controls-toggle-open--tutorial-pause{background:var(--color-bg-solid);border-color:color-mix(in srgb, var(--color-secondary) 30%, var(--color-border));color:var(--color-text-body)}.controls-toggle-open--tutorial-pause:hover{background:var(--color-surface-hover);border-color:var(--color-secondary);color:var(--color-secondary)}.controls-toggle-open--tutorial-exit{background:var(--color-bg-solid);border-color:color-mix(in srgb, var(--color-error) 35%, var(--color-border));color:color-mix(in srgb, var(--color-error) 75%, var(--color-text-muted))}.controls-toggle-open--tutorial-exit:hover{background:color-mix(in srgb, var(--color-error) 14%, var(--color-surface-hover));border-color:var(--color-error);color:var(--color-error)}.controls-toggle-open--split-left{border-top-right-radius:0;border-bottom-right-radius:0}.sidebar-nav .controls-toggle-open--split-right{aspect-ratio:1;border-left:none;border-top-left-radius:0;border-bottom-left-radius:0;min-width:0;padding:0;position:absolute;top:0;bottom:0;left:100%}.controls-toggle-open--split-right svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:11px;height:11px;display:block}.first-time-crumb{background:color-mix(in srgb, var(--color-secondary) 10%, var(--color-bg-elevated));border:1px solid var(--color-primary-structure);color:var(--color-text-body);white-space:nowrap;pointer-events:none;z-index:1;opacity:0;border-radius:2px;align-items:center;margin-left:12px;padding:5px 10px;font-family:"RuneScape Bold 12",sans-serif;font-size:12px;animation:.28s cubic-bezier(.16,1,.3,1) forwards first-time-crumb-enter,1.8s ease-in-out .28s infinite first-time-crumb-bob;display:flex;position:absolute;top:50%;left:100%;box-shadow:0 2px 10px #0000008c,inset 0 1px #ffffff0a}.first-time-crumb__arrow{border-top:5px solid #0000;border-bottom:5px solid #0000;border-right:6px solid color-mix(in srgb, var(--color-secondary) 10%, var(--color-bg-elevated));width:0;height:0;filter:drop-shadow(-1px 0 0 var(--color-primary-structure)) drop-shadow(0 -1px 0 var(--color-primary-structure)) drop-shadow(0 1px 0 var(--color-primary-structure));margin-top:-5px;position:absolute;top:50%;right:100%}.first-time-crumb--hiding{animation:.32s cubic-bezier(.4,0,.6,1) forwards first-time-crumb-exit}@media (prefers-reduced-motion:reduce){.first-time-crumb{animation:.2s linear forwards first-time-crumb-enter}.first-time-crumb--hiding{animation:.2s linear forwards first-time-crumb-exit}}@media (width<=720px){.app-container:not(.has-fixed-layout) .controls-toggle-open{top:calc(8px + var(--safe-top,0px));padding:10px 12px;font-size:13px}}@keyframes first-time-crumb-enter{0%{opacity:0;transform:translate(-4px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes first-time-crumb-bob{0%,to{transform:translateY(-50%)}50%{transform:translate(-3px,-50%)}}@keyframes first-time-crumb-exit{0%{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translate(-4px,-50%)}}.hud,.practice-panel{--hud-label:color-mix(in srgb, var(--color-secondary) 85%, var(--color-text-muted));--hud-value:var(--color-text-body);--hud-accent:var(--color-secondary);--hud-dim:color-mix(in srgb, var(--color-text-muted) 70%, var(--color-secondary))}.hud{box-sizing:border-box;pointer-events:none;background:var(--hud-bg);border:1px solid var(--hud-border);-webkit-backdrop-filter:blur(8px);width:216px;color:var(--hud-value);border-radius:2px;flex-direction:column;flex:none;gap:8px;padding:10px 12px;font-family:"RuneScape Plain 12",sans-serif;font-size:16px;display:flex;position:relative}.hud-tools-stack{pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:4px;min-height:0;display:flex}.hud-tools-stack[data-anchor=right]{align-items:flex-end}.hud-tool-row{flex-wrap:wrap;flex:none;gap:8px;display:flex}.hud-tools-stack[data-anchor=right] .hud-tool-row{justify-content:flex-end}.hud-pill{pointer-events:auto;box-sizing:border-box;background:var(--hud-bg);border:1px solid var(--hud-border);-webkit-backdrop-filter:blur(8px);cursor:pointer;border-radius:2px;justify-content:center;align-items:center;height:28px;padding:0 12px;font-family:"RuneScape Bold 12",sans-serif;transition:border-color .2s ease-out,background .2s ease-out;display:inline-flex}.hud-pill:hover{border-color:var(--color-border-translucent);background:var(--color-surface-translucent)}.hud-pill-label{color:var(--color-secondary);letter-spacing:1px;text-transform:uppercase;text-shadow:1px 1px #000;font-size:16px;line-height:1;transition:color .15s}.hud-pill:hover .hud-pill-label{color:var(--color-text-body)}.hud-pill.is-on{border-color:color-mix(in srgb, var(--color-primary) 60%, var(--hud-border));background:color-mix(in srgb, var(--color-primary) 16%, var(--hud-bg))}.hud-pill.is-on .hud-pill-label{color:var(--color-text-body)}.hud-practice-button:disabled{cursor:default}.hud-practice-button:disabled .hud-pill-label{color:var(--color-text-muted)}.hud-replay-button .hud-pill-label,.hud-practice-button .hud-pill-label{text-transform:none;letter-spacing:normal}.hud-pill:active{transform:scale(.97)}.hud-head{align-items:baseline;gap:8px;padding-right:24px;display:flex}.hud-header-title{color:var(--hud-accent);letter-spacing:normal;text-transform:uppercase;text-shadow:1px 1px #000;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;line-height:16px}.hud-header-sep{color:var(--hud-dim);text-shadow:1px 1px #000;-webkit-user-select:none;user-select:none;font-family:RuneScape Small,sans-serif;font-size:16px;line-height:14px}.hud-header-tick{color:var(--hud-accent);font-variant-numeric:tabular-nums;text-shadow:1px 1px #000;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;line-height:16px}.hud-bars{flex-direction:column;gap:6px;display:flex}.hud-bar-group{flex-direction:column;gap:2px;display:flex}.hud-bar-info{justify-content:space-between;align-items:center;display:flex}.hud-bar-label{color:var(--hud-label);text-shadow:1px 1px #000;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:"RuneScape Plain 11",sans-serif;font-size:16px;line-height:16px;transition:color .25s ease-out;overflow:hidden}.hud-bar-num{color:var(--hud-value);font-variant-numeric:tabular-nums;text-shadow:1px 1px #000;font-size:16px;line-height:16px;transition:color .25s ease-out}.hud-bar-sep{color:var(--hud-dim);margin:0 1px}.hud-bar-track{background:#ffffff0d;border:1px solid #ffffff0a;border-radius:1px;width:100%;height:5px;transition:opacity .25s ease-out;overflow:hidden}.hud-bar-group.is-dim .hud-bar-label,.hud-bar-group.is-dim .hud-bar-num{color:var(--hud-dim)}.hud-bar-group.is-dim .hud-bar-track{opacity:.5}.hud-bar-fill{background-image:linear-gradient(#ffffff0f 0%,#0000000a 100%);border-radius:1px;height:100%;transition:width .3s cubic-bezier(.25,1,.5,1)}.hud-stats{flex-direction:column;gap:3px;display:flex}.hud-stat-row{justify-content:space-between;align-items:center;display:flex}.hud-stat-label{color:var(--hud-label);text-shadow:1px 1px #000;font-family:"RuneScape Plain 11",sans-serif;font-size:16px;line-height:16px}.hud-stat-value{color:var(--hud-value);font-variant-numeric:tabular-nums;text-shadow:1px 1px #000;font-size:16px;line-height:16px}.hud-dps-inline{justify-content:flex-end;align-items:baseline;gap:3px;min-width:87px;display:inline-flex}.hud-dps-actual{color:var(--hud-accent);font-variant-numeric:tabular-nums;text-shadow:1px 1px #000;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;line-height:16px}.hud-dps-sep{color:var(--hud-dim);line-height:16px}.hud-dps-expected{color:var(--hud-label);font-variant-numeric:tabular-nums;line-height:16px}.hud-dps-actual.hud-dps-lucky{color:var(--color-success)}.hud-dps-actual.hud-dps-unlucky{color:var(--color-error)}.practice-panel{box-sizing:border-box;pointer-events:auto;background:var(--hud-bg);border:1px solid var(--hud-border);-webkit-backdrop-filter:blur(8px);width:216px;max-width:100%;min-height:0;max-height:520px;color:var(--hud-value);text-align:left;border-radius:2px;flex-direction:column;gap:4px;padding:4px 8px;font-family:"RuneScape Plain 12",sans-serif;font-size:16px;display:flex}.practice-panel-head{flex:none;justify-content:space-between;align-items:center;gap:8px;padding-bottom:0;display:flex}.practice-panel-title{color:var(--hud-accent);letter-spacing:normal;text-transform:none;text-shadow:1px 1px #000;white-space:nowrap;margin:0;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;font-weight:400;line-height:16px}.practice-panel-close,.hud-close{box-sizing:border-box;width:18px;height:18px;color:var(--hud-label);cursor:pointer;text-shadow:1px 1px #000;background:0 0;border:none;flex:none;padding:1px;font-size:16px;line-height:16px;transition:color .15s}.practice-panel-close:hover,.hud-close:hover{color:var(--hud-accent)}.practice-panel-close:focus-visible,.hud-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.hud-close{pointer-events:auto;position:absolute;top:4px;right:8px}.practice-panel-body{flex:auto;min-height:0;display:block;overflow:hidden}.practice-panel--wide .practice-panel-body{display:flex}.practice-panel-body>.mechanics-settings--practice{flex:auto;min-height:0}.practice-panel .practice-scroll-body,.practice-panel .practice-restore-rail{overscroll-behavior:contain;overflow:hidden auto}.practice-panel .practice-scroll-body::-webkit-scrollbar{width:6px}.practice-panel .practice-restore-rail::-webkit-scrollbar{width:6px}.practice-panel .practice-scroll-body::-webkit-scrollbar-thumb{background:var(--hud-dim);border-radius:2px}.practice-panel .practice-restore-rail::-webkit-scrollbar-thumb{background:var(--hud-dim);border-radius:2px}.practice-panel .practice-scroll-body::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}.practice-panel .practice-restore-rail::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}@supports not selector(::-webkit-scrollbar){.practice-panel .practice-scroll-body,.practice-panel .practice-restore-rail{scrollbar-width:thin;scrollbar-color:var(--hud-dim) transparent}}.mechanics-practice-groups{flex-direction:column;flex:auto;gap:2px;min-width:0;min-height:0;display:flex}.practice-panel--wide .mechanics-practice-groups{grid-auto-rows:minmax(0,1fr);align-items:stretch;gap:4px 12px;width:max-content;max-width:100%;display:grid}.practice-panel--wide .mechanics-practice-groups.is-flow-scrolling{grid-auto-rows:max-content;align-items:start}.practice-panel .mechanics-practice-groups[hidden],.practice-panel .mechanics-group[hidden]{display:none}.practice-panel--wide .mechanics-settings--practice{min-width:0}.practice-panel--wide .mechanics-settings--practice[data-collapse-layout=side]{flex-direction:row;gap:12px}.practice-panel--wide [data-collapse-layout=side] .mechanics-practice-groups{flex:0 auto}.practice-restore-rail{border:0;flex-wrap:wrap;flex:0 auto;gap:4px;min-width:0;min-height:0;margin:0;padding:0;display:flex}[data-collapse-layout=side] .practice-restore-rail{border-left:1px solid var(--hud-border);flex-flow:column;flex:none;padding-left:8px}[data-collapse-layout=footer] .practice-restore-rail{border-top:1px solid var(--hud-border);flex:none;padding-top:4px}[data-collapse-layout=closed] .practice-restore-rail{max-width:198px}.practice-panel .practice-restore-rail .practice-restore-toggle{white-space:nowrap;border:1px solid #0000;flex:none;gap:4px;width:auto;min-height:22px;padding:2px 0}.practice-panel .practice-restore-toggle:hover{border-color:var(--hud-border)}.practice-panel--wide .mechanics-group{max-width:224px}.practice-panel--wide .mechanics-settings--practice .mechanics-group-body[hidden]{visibility:hidden;max-height:0;display:flex;overflow:clip}.practice-panel--wide{max-height:min(144px,100%)}.practice-panel--wide .mechanics-choice{gap:4px}.practice-panel .mechanics-choice{width:192px;max-width:100%}.practice-panel .mechanics-settings{gap:2px}.practice-panel--wide .mechanics-group-toggle{padding:3px 0}.practice-panel--wide .mechanics-group:has(.setting-row--dependent) .mechanics-toggles{grid-template-columns:repeat(auto-fit,minmax(min(120px,100%),1fr));grid-auto-flow:dense;gap:2px 8px;display:grid}.practice-panel--wide .mechanics-toggle-family:has(.setting-row--dependent){grid-column:1/-1}.practice-panel .setting-row--dependent .mechanics-choice-label{margin-left:-8px}.practice-panel .mechanics-toggle-family>.setting-row:not(.setting-row--dependent)+.setting-row--dependent{border-top:1px solid var(--hud-border);margin-top:3px;padding-top:3px}.practice-panel .setting-row--dependent+.setting-row--dependent{margin-top:3px}.practice-panel .mechanics-toggle-info{max-width:100%}.practice-panel .mechanics-toggles{gap:2px}.practice-panel .setting-row{min-height:16px;padding-left:0}.practice-panel .setting-row--dependent{padding-left:8px}.practice-panel .mechanics-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;display:grid}.practice-panel .mechanics-actions .osrs-btn{white-space:normal;flex:auto;min-width:0;max-width:100%}.practice-panel .osrs-checkbox{flex-shrink:1;gap:6px;min-width:0;max-width:100%}.practice-panel .osrs-checkbox__box{box-sizing:border-box;width:14px;height:14px}.practice-panel .boss-health-name{line-height:12px}.practice-panel .osrs-checkbox__label,.practice-panel .mechanics-choice-label{font-family:"RuneScape Plain 11",sans-serif;font-size:16px;line-height:16px}.practice-panel .mechanics-choice-segment:focus-visible{outline-color:var(--color-primary)}.practice-panel .mechanics-actions .osrs-btn--small{letter-spacing:normal;padding:3px 4px;font-family:"RuneScape Plain 11",sans-serif;font-size:16px;line-height:14px}.practice-panel .mechanics-choice-segment{min-height:28px;padding:4px 2px;font-family:"RuneScape Plain 11",sans-serif;font-size:14px;line-height:16px}.practice-panel .mechanics-choice-segmented{padding:2px}.practice-panel .boss-health{gap:4px;padding-bottom:0}.practice-panel .boss-health-slider{margin:0 0 2px}.practice-panel .boss-health-phases legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.practice-panel .boss-health-presets{flex-wrap:wrap;gap:2px;display:flex}.practice-panel .boss-health-preset{padding:2px 4px}.practice-panel .boss-health-preset-hp{display:none}.hud-stat-value.prayer-magic{color:var(--color-info)}.hud-stat-value.prayer-range{color:var(--color-success)}.hud-stat-value.prayer-melee{color:var(--color-error)}.hud--compact{grid-template-columns:132px minmax(0,1fr);grid-template-areas:"head head""bars stats";align-items:stretch;gap:6px 12px;width:auto;padding:4px 8px;display:grid}.hud--compact .hud-head{grid-area:head}.hud--compact .hud-bars{grid-area:bars;gap:4px;width:132px}.hud--compact .hud-bar-group{gap:0}.hud--compact .hud-bar-track{height:3px}.hud--compact .hud-bar-label,.hud--compact .hud-bar-num,.hud--compact .hud-stat-label,.hud--compact .hud-stat-value,.hud--compact .hud-dps-actual,.hud--compact .hud-dps-sep,.hud--compact .hud-dps-expected{line-height:14px}.hud--compact .hud-stats{border-left:1px solid color-mix(in srgb, var(--hud-dim) 55%, transparent);grid-area:stats;gap:3px;padding-left:8px}.hud--compact .hud-stat-row{gap:8px}.hud--compact .hud-stat-value:not(.hud-dps-inline){text-align:right;min-width:3ch;display:inline-block}.hud--compact .hud-header-tick{min-width:4ch}.hud--compact-tight{box-sizing:border-box;grid-template-columns:minmax(100px,1fr) max-content;max-width:100%}.hud--compact-tight .hud-bars{flex:132px;width:auto;min-width:100px}.hud--compact-tight .hud-stats{padding-left:8px}.hud--compact-tight .hud-stat-row{gap:8px}.hud--narrow{box-sizing:border-box;grid-template-columns:minmax(0,1fr);grid-template-areas:"head""bars""stats";gap:6px;width:211px;max-width:100%}.hud--narrow .hud-bars{flex-direction:row;gap:8px;width:100%;display:flex}.hud--narrow .hud-bar-group{flex:1;min-width:0}.hud--narrow .hud-stats{border:0;flex-direction:row;gap:6px;padding:0}.hud--narrow .hud-stat-row{flex-direction:column;align-items:flex-start;gap:0}.hud-tools-stack[data-narrow=true] .hud-pill{padding-left:8px;padding-right:8px}.hud-tools-stack[data-side-by-side=true]{align-items:flex-start;position:relative}.hud-tools-stack[data-side-by-side=true] .hud-tool-row{justify-content:flex-start}.hud-status{pointer-events:none;flex:none}.hud-tools-stack[data-side-by-side=true]>.practice-panel{height:160px;max-height:inherit;position:absolute;bottom:0}.hud-tools-stack[data-side-by-side=true]>.practice-panel:has([data-collapse-layout=closed]){height:auto}.dp-move-affordance{z-index:1;pointer-events:none;color:#0000;visibility:hidden;background:0 0;border:1px dashed #0000;border-radius:2px;justify-content:center;align-items:center;transition:border-color .14s cubic-bezier(.4,0,1,1),background-color .14s cubic-bezier(.4,0,1,1),color .14s cubic-bezier(.4,0,1,1),visibility 0s linear .14s;display:flex;position:absolute;inset:-1px}.dp-move-affordance[data-visible]{border-color:color-mix(in srgb, var(--color-secondary) 30%, transparent);background:color-mix(in srgb, var(--color-bg-solid) 20%, transparent);color:var(--color-secondary);visibility:visible;transition:border-color .18s cubic-bezier(.22,1,.36,1),background-color .18s cubic-bezier(.22,1,.36,1),color .18s cubic-bezier(.22,1,.36,1),visibility}html:not([data-panel-dragging]) .dp-alt-move:hover .dp-move-affordance[data-visible]{border-color:color-mix(in srgb, var(--color-text-body) 55%, transparent);background:color-mix(in srgb, var(--color-bg-solid) 35%, transparent);color:var(--color-text-body)}.dp-move-affordance--active{border:1px solid color-mix(in srgb, var(--color-primary) 60%, transparent);background:color-mix(in srgb, var(--color-primary) 8%, transparent);color:var(--color-primary);box-shadow:var(--shadow-glow)}.dp-move-affordance__label{color:#0000;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:2px;padding:4px 8px;font-family:"RuneScape Plain 12",sans-serif;font-size:16px;line-height:1;transition:border-color .14s cubic-bezier(.4,0,1,1),background-color .14s cubic-bezier(.4,0,1,1),color .14s cubic-bezier(.4,0,1,1)}.dp-move-affordance[data-visible] .dp-move-affordance__label{border-color:var(--color-border-translucent);background:var(--color-surface-translucent);color:var(--color-text-body);transition:border-color .18s cubic-bezier(.22,1,.36,1),background-color .18s cubic-bezier(.22,1,.36,1),color .18s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:reduce){.dp-move-affordance,.dp-move-affordance__label{transition:border-color 60ms linear,background-color 60ms linear,color 60ms linear,visibility 0s linear 60ms}.dp-move-affordance[data-visible]{transition:border-color 60ms linear,background-color 60ms linear,color 60ms linear,visibility}}.boss-hp{--boss-hp-label:color-mix(in srgb, var(--color-secondary) 85%, var(--color-text-muted));--boss-hp-dim:color-mix(in srgb, var(--color-text-muted) 70%, var(--color-secondary));box-sizing:border-box;background:var(--hud-bg);border:1px solid var(--hud-border);-webkit-backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none;border-radius:2px;flex-direction:column;justify-content:center;gap:4px;width:100%;height:100%;padding:6px 8px;display:flex}.boss-hp__info{align-items:baseline;gap:8px;min-width:0;display:flex}.boss-hp__name{min-width:0;color:var(--color-secondary);text-shadow:1px 1px #000;white-space:nowrap;text-overflow:ellipsis;flex:0 auto;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;line-height:14px;overflow:hidden}.boss-hp__readout{font-variant-numeric:tabular-nums;text-shadow:1px 1px #000;flex-shrink:0;align-items:baseline;gap:6px;margin-left:auto;font-family:RuneScape Small,sans-serif;font-size:16px;line-height:12px;display:flex}.boss-hp__values{color:var(--color-text-body)}.boss-hp__sep{color:var(--boss-hp-dim);margin:0 3px}.boss-hp__pct{color:var(--boss-hp-label)}.boss-hp .status-badge--compact{color:var(--boss-hp-label);text-shadow:1px 1px #000;font-family:RuneScape Small,sans-serif;font-size:16px;line-height:12px}.boss-hp__track{box-sizing:border-box;background:color-mix(in srgb, var(--color-error) 20%, var(--color-surface-inset));border:1px solid #ffffff0a;border-radius:2px;width:100%;height:10px;position:relative;overflow:hidden}.boss-hp__fill{background-color:var(--color-success);background-image:linear-gradient(#ffffff14 0%,#0000000d 100%);border-radius:1px;height:100%;transition:width .3s cubic-bezier(.25,1,.5,1);position:absolute;top:0;left:0}@media (prefers-reduced-motion:reduce){.boss-hp__fill{transition:none}}.detailed-dps{--detailed-dps-label:color-mix(in srgb, var(--color-secondary) 85%, var(--color-text-muted));--detailed-dps-dim:color-mix(in srgb, var(--color-text-muted) 70%, var(--color-secondary));box-sizing:border-box;background:var(--hud-bg);border:1px solid var(--hud-border);-webkit-backdrop-filter:blur(8px);width:100%;height:auto;color:var(--color-text-body);text-shadow:1px 1px #000;-webkit-user-select:none;user-select:none;border-radius:2px;flex-direction:column;gap:8px;padding:10px 12px;font-family:"RuneScape Plain 12",sans-serif;font-size:16px;line-height:16px;display:flex}.detailed-dps__caption{align-items:baseline;gap:8px;min-width:0;height:16px;display:flex}.detailed-dps__title{color:var(--color-secondary);letter-spacing:2px;text-transform:uppercase;white-space:nowrap;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;font-weight:400;line-height:16px}.detailed-dps__target,.detailed-dps__unit,.detailed-dps__rows dt,.detailed-dps__empty,.detailed-dps__breakdown h3,.detailed-dps__hit--head>span{color:var(--detailed-dps-label);font-family:"RuneScape Plain 11",sans-serif;font-size:16px;font-weight:400;line-height:16px}.detailed-dps__target{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-left:auto;overflow:hidden}.detailed-dps__hero{gap:2px;min-width:0;display:grid}.detailed-dps__headline{align-items:baseline;gap:6px;min-width:0;display:flex}.detailed-dps__value{color:var(--color-primary);font-variant-numeric:tabular-nums;font-family:"RuneScape Bold 12",sans-serif;font-size:32px;font-weight:400;line-height:32px}.detailed-dps__formula{color:var(--detailed-dps-label);white-space:nowrap;margin:0;font-family:RuneScape Small,sans-serif;font-size:16px;line-height:14px}.detailed-dps__empty{margin:0}.detailed-dps__rows,.detailed-dps__breakdown{border-top:1px solid var(--hud-border);gap:3px;margin:0;padding-top:8px;display:grid}.detailed-dps__rows>div{justify-content:space-between;align-items:baseline;gap:12px;min-width:0;display:flex}.detailed-dps__rows dd,.detailed-dps__hit>span{color:var(--color-text-body);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;margin:0;font-size:16px;line-height:16px}.detailed-dps__sep{color:var(--detailed-dps-dim);margin:0 1px}.detailed-dps__breakdown h3{margin:0}.detailed-dps__hit{align-items:baseline;gap:6px;min-width:0;display:grid}.detailed-dps__hit--head>span{text-align:right}.detailed-dps__hit>span:first-child{text-align:left;color:var(--detailed-dps-label)}.prayer-flick{box-sizing:border-box;background:var(--hud-bg);border:1px solid var(--hud-border);-webkit-backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none;border-radius:2px;flex-direction:column;gap:6px;width:100%;height:100%;padding:4px 8px 6px;display:flex}.prayer-flick__caption{align-items:baseline;min-width:0;height:16px;display:flex}.prayer-flick__title{letter-spacing:1px;text-transform:uppercase;color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-family:"RuneScape Bold 12",sans-serif;font-size:11px;line-height:16px;overflow:hidden}.prayer-flick__bars{flex-direction:column;gap:4px;display:flex}.prayer-flick__bar{--prayer-flick-fade:max(.3, 1 - var(--prayer-flick-age,0) * .35);--prayer-flick-line-fade:max(.6, 1 - var(--prayer-flick-age,0) * .13);background-color:color-mix(in srgb, var(--color-surface-inset) calc(var(--prayer-flick-fade) * 100%), transparent);background-image:linear-gradient(to bottom, transparent 0 16px, color-mix(in srgb, var(--color-primary-structure) calc(var(--prayer-flick-line-fade) * 100%), transparent) 16px 18px, transparent 18px);flex:0 0 34px;height:34px;position:relative;overflow:hidden}.prayer-flick__bar:before{content:"";background-image:repeating-linear-gradient(90deg, var(--color-border) 0 1px, transparent 1px 25%);box-shadow:inset 0 0 0 1px var(--color-border-translucent);opacity:var(--prayer-flick-fade);position:absolute;inset:0}.prayer-flick__bar.is-current:before{box-shadow:inset 0 0 0 1px var(--color-border)}.prayer-flick__elapsed{background:var(--color-surface-highlight);transform-origin:0;pointer-events:none;animation-name:prayer-flick-sweep;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;inset:0;transform:scaleX(0)}@media (prefers-reduced-motion:reduce){.prayer-flick__elapsed{animation:none}}.prayer-flick__event{box-sizing:border-box;pointer-events:none;border-left:2px solid;min-width:6px;height:12px;margin-left:-1px;position:absolute}.prayer-flick__event--on{color:var(--color-warning);top:4px}.prayer-flick__event--off{color:var(--color-info);bottom:4px}.prayer-flick__event:after{content:"";background:currentColor;width:4px;position:absolute;top:0;bottom:0;right:-2px}.prayer-flick__event:before{content:"";opacity:.55;background:currentColor;height:4px;position:absolute;left:0;right:0}.prayer-flick__event--on:before{bottom:0}.prayer-flick__event--off:before{top:0}.prayer-flick__event.is-instant{border-left:0;min-width:0;margin-left:0}.prayer-flick__event.is-instant:before{content:none}.prayer-flick__event.is-carried:before{opacity:.26;height:100%;top:0}.prayer-flick__event.is-outbound:before{right:-3px}.prayer-flick__event.is-outbound:after{content:none}.prayer-flick__event.is-inbound{border-left:0;margin-left:0}.prayer-flick__event.is-inbound:before{left:-3px}.prayer-flick__event.is-example{opacity:.65}.prayer-flick__legend{letter-spacing:1px;text-transform:uppercase;height:12px;color:var(--color-text-muted);white-space:nowrap;pointer-events:none;margin-left:8px;font-family:"RuneScape Bold 12",sans-serif;font-size:11px;line-height:12px;position:absolute}.prayer-flick__legend--on{top:4px}.prayer-flick__legend--off{bottom:4px}.prayer-flick__legend--axis{margin-left:0;top:4px;left:4px}.xp-drop-panel{pointer-events:none;width:100%;height:100%;position:relative}.xp-drop-overlay{pointer-events:none;width:0;height:0;position:absolute;left:50%;overflow:visible}.xp-drop{white-space:nowrap;will-change:transform, opacity;align-items:center;gap:2px;display:flex;position:absolute;top:0;left:0}.xp-drop__icon{image-rendering:pixelated;display:block}.xp-drop__text{color:#fff;text-shadow:1px 1px #000;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;line-height:1}@keyframes prayer-flick-sweep{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.death-modal-overlay{z-index:1500;box-sizing:border-box;opacity:1;background:radial-gradient(60% 54% at 50% 42%,#0a070400 20%,#0a07045c 58%,#0705039e 100%),#080604d6;padding-block:clamp(20px,5vh,56px);transition:padding .3s cubic-bezier(.2,.8,.2,1);animation:1.8s cubic-bezier(.4,0,.2,1) backwards death-overlay-in;display:flex;position:absolute;inset:0;overflow:hidden auto}.death-modal-overlay:focus-visible{outline:none}.death-modal-content-wrapper{text-align:center;flex-direction:column;flex:none;align-items:center;width:100%;max-width:560px;margin:auto;display:flex}.death-modal-eyebrow{letter-spacing:5px;text-transform:uppercase;color:var(--color-text-muted);text-shadow:var(--crest-shadow-sm);opacity:1;align-items:center;gap:14px;margin-bottom:13px;padding-left:5px;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;animation:.8s cubic-bezier(.16,1,.3,1) .4s backwards death-fade-rise;display:flex}.death-modal-eyebrow:before,.death-modal-eyebrow:after{content:"";opacity:.6;width:34px;height:1px}.death-modal-eyebrow:before{background:linear-gradient(90deg, transparent, var(--color-text-muted))}.death-modal-eyebrow:after{background:linear-gradient(90deg, var(--color-text-muted), transparent)}.death-modal-heading{letter-spacing:3px;text-transform:uppercase;color:var(--color-error);--crest-ink:#1c0806;--crest-shadow-lg:3px 3px 0 var(--crest-ink);text-shadow:var(--crest-shadow-lg);opacity:1;margin:0 0 13px;font-family:"RuneScape Bold 12",sans-serif;font-size:48px;font-weight:400;line-height:1;animation:1s cubic-bezier(.16,1,.3,1) .6s backwards death-hero-in}.death-modal-emblem{opacity:0;justify-content:center;align-items:center;gap:12px;margin-bottom:13px;animation:.8s cubic-bezier(.16,1,.3,1) .9s forwards death-emblem-in;display:flex}.death-modal-emblem-line{width:clamp(48px,9vw,72px);height:1px;animation:.8s cubic-bezier(.16,1,.3,1) .9s forwards death-line-in;transform:scaleX(0)}.death-modal-emblem-line--l{background:linear-gradient(90deg, transparent, var(--color-error));transform-origin:100%}.death-modal-emblem-line--r{background:linear-gradient(90deg, var(--color-error), transparent);transform-origin:0}.death-modal-emblem-diamond{background:var(--color-error);flex:none;width:6px;height:6px;animation:.8s cubic-bezier(.16,1,.3,1) .9s forwards death-diamond-in;transform:rotate(45deg)scale(0)}.death-modal-reason{letter-spacing:3px;text-transform:uppercase;color:var(--color-secondary);text-shadow:var(--crest-shadow-sm);opacity:1;margin:0 0 36px;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;animation:.8s cubic-bezier(.16,1,.3,1) 1.1s backwards death-fade-rise}.death-modal-damage-section{background:var(--color-surface);contain:paint;border:1px solid var(--color-border);border-radius:var(--modal-radius);opacity:1;width:100%;max-width:400px;margin-bottom:32px;padding:12px 14px 14px;animation:.8s cubic-bezier(.16,1,.3,1) 1.4s backwards death-fade-rise}.death-modal-damage-header{color:var(--color-text-muted);letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid var(--color-border);margin:0 0 8px;padding-bottom:6px;font-family:"RuneScape Plain 11",sans-serif;font-size:16px;font-weight:400}.death-modal-table{flex-direction:column;font-family:"RuneScape Plain 11",sans-serif;font-size:16px;display:flex}.death-modal-table-headers{text-align:left;color:var(--color-text-dim);letter-spacing:.5px;text-transform:uppercase;grid-template-columns:28px 1fr 36px 52px;align-items:center;margin-bottom:2px;padding:0 0 3px 6px;font-family:"RuneScape Plain 11",sans-serif;font-size:16px;display:grid}.death-modal-table-headers span:nth-child(3),.death-modal-table-headers span:nth-child(4){text-align:right}.death-modal-row{text-align:left;grid-template-columns:28px 1fr 36px 52px;align-items:baseline;padding:4px 0 4px 6px;display:grid}.death-modal-row:not(:last-child){border-bottom:1px solid var(--color-border)}.death-modal-row.is-wrong{background:color-mix(in srgb, var(--color-error) 8%, transparent)}.death-modal-tick{color:var(--color-text-dim);font-variant-numeric:tabular-nums;font-size:16px}.death-modal-source{color:var(--color-text-body);text-shadow:0 1px 1px #00000080}.death-modal-attack-style{color:var(--color-text-muted);text-shadow:none;margin-left:4px;font-size:16px}.death-modal-amount{text-align:right;font-variant-numeric:tabular-nums;text-shadow:0 1px 1px #00000080}.death-modal-amount.is-damage{color:var(--color-error)}.death-modal-amount.is-zero{color:var(--color-text-dim)}.death-modal-prayer{text-align:right}.death-modal-prayer.is-wrong{color:var(--color-error)}.death-modal-prayer.is-none{color:var(--color-text-dim)}.death-modal-actions{opacity:1;flex-direction:column;align-items:center;gap:12px;animation:.8s cubic-bezier(.16,1,.3,1) 1.7s backwards death-fade-rise;display:flex}.death-modal-button-row{gap:8px;display:flex}.death-modal-hint{color:var(--color-text-dim);margin:0;font-family:"RuneScape Plain 12",sans-serif;font-size:16px}.death-modal-hint kbd{color:var(--color-text-muted);font-family:"RuneScape Bold 12",sans-serif}.death-modal-replay.osrs-btn--ghost,.death-modal-lobby.osrs-btn--ghost{border-color:color-mix(in srgb, var(--color-border) 84%, var(--color-secondary));color:var(--color-secondary)}.death-modal-replay.osrs-btn--ghost:hover:not(:disabled),.death-modal-lobby.osrs-btn--ghost:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-border) 68%, var(--color-primary-structure));background-color:color-mix(in srgb, var(--color-surface-hover) 72%, transparent);color:var(--color-text-body)}.death-modal-lobby-footer{opacity:1;margin-top:clamp(36px,7vh,56px);animation:.8s cubic-bezier(.16,1,.3,1) 1.9s backwards death-fade-rise}.death-modal-lobby.osrs-btn--ghost{background-color:var(--color-surface);padding:6px 12px}.death-modal-lobby.osrs-btn--ghost:hover:not(:disabled){background-color:var(--color-surface-hover)}.death-modal-lobby:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}@media (prefers-reduced-motion:reduce){.death-modal-overlay{opacity:1;animation-duration:.01ms}.death-modal-eyebrow,.death-modal-heading,.death-modal-reason,.death-modal-damage-section,.death-modal-actions,.death-modal-lobby-footer{animation:.4s ease-out forwards death-reduced-fade;transform:none}.death-modal-emblem{animation:.4s ease-out forwards death-reduced-fade}.death-modal-emblem-line{animation:none;transform:scaleX(1)}.death-modal-emblem-diamond{animation:none;transform:rotate(45deg)scale(1)}}@media (width<=720px){.death-modal-content-wrapper{max-width:520px}.death-modal-heading{letter-spacing:2px;text-shadow:var(--crest-shadow-md);font-size:32px}.death-modal-eyebrow{letter-spacing:4px;padding-left:4px}.death-modal-reason{margin-bottom:24px}.death-modal-damage-section{max-width:100%;margin-bottom:24px;padding:10px 12px 12px}.death-modal-table-headers,.death-modal-row{grid-template-columns:24px 1fr 32px 46px}.death-modal-actions{padding-bottom:var(--safe-bottom,0px)}.death-modal-button-row{flex-wrap:wrap;justify-content:center}}.encounter-title-card-overlay{padding-top:var(--crest-floating-top);pointer-events:none;z-index:40;box-sizing:border-box;justify-content:center;align-items:flex-start;display:flex;position:absolute;inset:0}.encounter-title-card-vignette{opacity:0;background:radial-gradient(60% 54% at 50% 38%,#0a070400 26%,#0a070447 62%,#07050380 100%);animation:3.6s cubic-bezier(.4,0,.2,1) forwards encounter-title-vignette;position:absolute;inset:0}.encounter-title-card{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:min(84%,760px);display:flex;position:relative}.encounter-title-card-eyebrow{letter-spacing:5px;text-transform:uppercase;color:var(--color-secondary);text-shadow:var(--crest-rim), var(--crest-shadow-sm);opacity:0;align-items:center;gap:14px;padding-left:5px;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;animation:2.8s cubic-bezier(.16,1,.3,1) forwards encounter-title-eyebrow;display:flex}.encounter-title-card-eyebrow:before,.encounter-title-card-eyebrow:after{content:"";opacity:.6;width:34px;height:1px}.encounter-title-card-eyebrow:before{background:linear-gradient(90deg, transparent, var(--color-secondary))}.encounter-title-card-eyebrow:after{background:linear-gradient(90deg, var(--color-secondary), transparent)}.encounter-title-card-text{letter-spacing:3px;text-transform:uppercase;opacity:0;padding-left:3px;font-family:"RuneScape Bold 12",sans-serif;font-size:48px;line-height:1;animation:2.8s cubic-bezier(.16,1,.3,1) forwards encounter-title-name;display:grid}.encounter-title-card-text-shadow,.encounter-title-card-text-fill{grid-area:1/1}.encounter-title-card-text-shadow{color:var(--crest-ink);text-shadow:var(--crest-rim), var(--crest-shadow-lg)}.encounter-title-card-text-fill{z-index:1;color:var(--color-primary);position:relative}@supports ((-webkit-background-clip:text) or (background-clip:text)) and (color:color-mix(in srgb, red 50%, blue)){.encounter-title-card-text-fill{background:linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 40%, #fdf3d0) 0%, color-mix(in srgb, var(--color-primary) 72%, #ffe9b0) 40%, var(--color-primary) 70%, color-mix(in srgb, var(--color-primary) 76%, #3c260c) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}}.encounter-title-card-emblem{opacity:0;justify-content:center;align-items:center;gap:12px;animation:2.8s cubic-bezier(.16,1,.3,1) forwards encounter-title-emblem;display:flex}.encounter-title-card-emblem-line{width:clamp(64px,11vw,104px);height:1px;animation:2.8s cubic-bezier(.16,1,.3,1) forwards encounter-title-line;transform:scaleX(0)}.encounter-title-card-emblem-line--l{background:linear-gradient(90deg, transparent, var(--color-primary));transform-origin:100%}.encounter-title-card-emblem-line--r{background:linear-gradient(90deg, var(--color-primary), transparent);transform-origin:0}.encounter-title-card-emblem-diamond{background:var(--color-primary);flex:none;width:6px;height:6px;animation:2.8s cubic-bezier(.16,1,.3,1) forwards encounter-title-diamond;transform:rotate(45deg)scale(0)}.encounter-title-card-sub{letter-spacing:3px;text-transform:uppercase;color:var(--color-text-body);text-shadow:var(--crest-rim), var(--crest-shadow-sm);opacity:0;padding-left:3px;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;animation:2.8s cubic-bezier(.16,1,.3,1) forwards encounter-title-sub}@media (prefers-reduced-motion:reduce){.encounter-title-card-eyebrow,.encounter-title-card-text,.encounter-title-card-emblem,.encounter-title-card-sub{animation:2.6s ease-in-out forwards encounter-title-fade;transform:none}.encounter-title-card-emblem-line{animation:none;transform:scaleX(1)}.encounter-title-card-emblem-diamond{animation:none;transform:rotate(45deg)scale(1)}}@media (width<=720px){.encounter-title-card-text{letter-spacing:2px;padding-left:2px;font-size:32px}.encounter-title-card-text-shadow{text-shadow:var(--crest-rim), var(--crest-shadow-md)}.encounter-title-card-eyebrow{letter-spacing:4px;padding-left:4px}}.victory-modal-overlay{--victory-accent:var(--color-primary);z-index:100000;box-sizing:border-box;padding-block:max(clamp(20px, 5vh, 56px), var(--safe-top,0px)) max(clamp(20px, 5vh, 56px), var(--safe-bottom,0px));background:radial-gradient(ellipse 60% 54% at 50% 42%, transparent 20%, color-mix(in srgb, var(--color-surface-inset) 36%, transparent) 58%, color-mix(in srgb, var(--color-surface-inset) 62%, transparent) 100%), color-mix(in srgb, var(--color-surface-inset) 84%, transparent);overscroll-behavior:contain;opacity:1;transition:padding .3s cubic-bezier(.2,.8,.2,1);animation:1.8s cubic-bezier(.4,0,.2,1) backwards victory-overlay-in;display:flex;position:fixed;inset:0;overflow:hidden auto}.victory-modal-overlay--gold{--victory-accent:var(--color-primary)}.victory-modal-overlay--blood{--victory-accent:var(--color-error)}.victory-modal-content-wrapper{text-align:center;flex-direction:column;flex:none;align-items:center;width:100%;max-width:560px;margin:auto;display:flex}.victory-modal-eyebrow{color:var(--color-text-muted);letter-spacing:5px;text-transform:uppercase;text-shadow:var(--crest-shadow-sm);opacity:1;align-items:center;gap:14px;margin:0 0 13px;padding-left:5px;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;line-height:1.25;animation:.8s cubic-bezier(.16,1,.3,1) .4s backwards victory-fade-rise;display:flex}.victory-modal-eyebrow:before,.victory-modal-eyebrow:after{content:"";opacity:.6;width:34px;height:1px}.victory-modal-eyebrow:before{background:linear-gradient(90deg, transparent, var(--color-text-muted))}.victory-modal-eyebrow:after{background:linear-gradient(90deg, var(--color-text-muted), transparent)}.victory-modal-heading{max-width:100%;color:var(--victory-accent);letter-spacing:3px;text-shadow:var(--crest-shadow-lg);text-transform:uppercase;white-space:nowrap;opacity:1;margin:0 0 13px;font-family:"RuneScape Bold 12",sans-serif;font-size:48px;font-weight:400;line-height:1;animation:1s cubic-bezier(.16,1,.3,1) .6s backwards victory-hero-in}.victory-modal-emblem{opacity:0;justify-content:center;align-items:center;gap:12px;margin-bottom:13px;animation:.8s cubic-bezier(.16,1,.3,1) .9s forwards victory-emblem-in;display:flex}.victory-modal-emblem-line{width:clamp(48px,9vw,72px);height:1px;animation:.8s cubic-bezier(.16,1,.3,1) .9s forwards victory-line-in;transform:scaleX(0)}.victory-modal-emblem-line--left{background:linear-gradient(90deg, transparent, var(--victory-accent));transform-origin:100%}.victory-modal-emblem-line--right{background:linear-gradient(90deg, var(--victory-accent), transparent);transform-origin:0}.victory-modal-emblem-diamond{background:var(--victory-accent);flex:none;width:6px;height:6px;animation:.8s cubic-bezier(.16,1,.3,1) .9s forwards victory-diamond-in;transform:rotate(45deg)scale(0)}.victory-modal-narrative{color:var(--color-secondary);letter-spacing:3px;text-transform:uppercase;text-shadow:var(--crest-shadow-sm);opacity:1;margin:0 0 36px;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;line-height:1.25;animation:.8s cubic-bezier(.16,1,.3,1) 1.1s backwards victory-fade-rise}.victory-modal-record{box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--modal-radius);background:var(--color-surface);contain:paint;text-align:left;opacity:1;width:100%;max-width:400px;margin-bottom:32px;padding:12px 14px 14px;animation:.8s cubic-bezier(.16,1,.3,1) 1.4s backwards victory-fade-rise}.victory-modal-record-heading{border-bottom:1px solid color-mix(in srgb, var(--color-border) 72%, var(--color-text-muted));color:color-mix(in srgb, var(--color-text-muted) 72%, var(--color-secondary));letter-spacing:1px;text-transform:uppercase;margin:0 0 8px;padding-bottom:6px;font-family:"RuneScape Plain 11",sans-serif;font-size:16px;font-weight:400;line-height:1.2}.victory-modal-record-list{margin:0;padding:0;font-family:"RuneScape Plain 11",sans-serif;font-size:16px}.victory-modal-record-row{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:16px;padding:6px 0;display:grid}.victory-modal-record-row:not(:last-child){border-bottom:1px solid color-mix(in srgb, var(--color-border) 78%, var(--color-text-muted))}.victory-modal-record-row dt,.victory-modal-record-row dd{margin:0}.victory-modal-record-row dt{color:color-mix(in srgb, var(--color-text-muted) 76%, var(--color-secondary))}.victory-modal-record-row dd{color:var(--color-text-body);font-variant-numeric:tabular-nums;text-align:right;text-shadow:0 1px 1px color-mix(in srgb, var(--color-surface-inset) 50%, transparent);font-family:"RuneScape Bold 12",sans-serif;font-size:16px}.victory-modal-actions{opacity:1;flex-direction:column;align-items:center;gap:12px;animation:.8s cubic-bezier(.16,1,.3,1) 1.7s backwards victory-fade-rise;display:flex}.victory-modal-button-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.victory-modal-hint{color:color-mix(in srgb, var(--color-text-muted) 82%, var(--color-secondary));margin:0;font-family:"RuneScape Plain 12",sans-serif;font-size:16px;line-height:1.3}.victory-modal-hint kbd{color:var(--color-secondary);font-family:"RuneScape Bold 12",sans-serif}.victory-modal-lobby-footer{opacity:1;margin-top:clamp(36px,7vh,56px);animation:.8s cubic-bezier(.16,1,.3,1) 1.9s backwards victory-fade-rise}.victory-modal-lobby.osrs-btn--ghost{border-color:color-mix(in srgb, var(--color-border) 84%, var(--color-secondary));background-color:var(--color-surface);color:var(--color-secondary);padding:6px 12px}.victory-modal-lobby.osrs-btn--ghost:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-border) 68%, var(--color-primary-structure));background-color:var(--color-surface-hover);color:var(--color-text-body)}.victory-modal-lobby.focus-ring:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;box-shadow:0 0 0 1px var(--color-bg-solid)}.victory-modal-overlay:focus-visible{outline:none}@media (width<=720px){.victory-modal-content-wrapper{max-width:520px}.victory-modal-heading{letter-spacing:2px;text-shadow:var(--crest-shadow-md);font-size:32px}.victory-modal-eyebrow{letter-spacing:4px;padding-left:4px}.victory-modal-narrative{margin-bottom:24px}.victory-modal-record{max-width:100%;margin-bottom:24px;padding:10px 12px 12px}.victory-modal-actions{padding-bottom:var(--safe-bottom,0px)}}@media (height<=560px){.victory-modal-overlay{padding-block:max(12px, var(--safe-top,0px)) max(12px, var(--safe-bottom,0px))}.victory-modal-eyebrow,.victory-modal-heading,.victory-modal-emblem{margin-bottom:8px}.victory-modal-heading{letter-spacing:2px;text-shadow:var(--crest-shadow-md);font-size:32px}.victory-modal-narrative,.victory-modal-record{margin-bottom:16px}.victory-modal-record{padding-block:8px 12px}.victory-modal-record-heading{margin-bottom:4px;padding-bottom:4px}.victory-modal-record-row{padding-block:4px}.victory-modal-actions{gap:8px}}@media (prefers-reduced-motion:reduce){.victory-modal-overlay{opacity:1;animation-duration:.01ms}.victory-modal-eyebrow,.victory-modal-heading,.victory-modal-narrative,.victory-modal-record,.victory-modal-actions,.victory-modal-lobby-footer{animation:.4s ease-out forwards victory-reduced-fade;transform:none}.victory-modal-emblem{animation:.4s ease-out forwards victory-reduced-fade}.victory-modal-emblem-line{animation:none;transform:scaleX(1)}.victory-modal-emblem-diamond{animation:none;transform:rotate(45deg)scale(1)}}.victory-modal-action{min-width:116px;min-height:44px;transition:transform .15s cubic-bezier(.16,1,.3,1)}.victory-modal-action:hover:not(:disabled){transform:translateY(-1px)}.victory-modal-action:active:not(:disabled){transform:translateY(1px)}.victory-modal-action.focus-ring:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;box-shadow:0 0 0 1px var(--color-bg-solid)}.victory-modal-action.osrs-btn--ghost{border-color:color-mix(in srgb, var(--color-border) 84%, var(--color-secondary));color:var(--color-secondary)}.victory-modal-action.osrs-btn--ghost:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-border) 68%, var(--color-primary-structure));background-color:color-mix(in srgb, var(--color-surface-hover) 72%, transparent);color:var(--color-text-body)}@media (prefers-reduced-motion:reduce){.victory-modal-action,.victory-modal-action:hover:not(:disabled),.victory-modal-action:active:not(:disabled){transition:none;transform:none}}@keyframes death-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes death-fade-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes death-hero-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes death-emblem-in{0%{opacity:0}to{opacity:1}}@keyframes death-line-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes death-diamond-in{0%{transform:rotate(45deg)scale(0)}to{transform:rotate(45deg)scale(1)}}@keyframes encounter-title-vignette{0%{opacity:0}18%{opacity:1}64%{opacity:1}to{opacity:0}}@keyframes encounter-title-eyebrow{0%{opacity:0;transform:translateY(8px)}6%{opacity:0;transform:translateY(8px)}14%{opacity:1;transform:translateY(0)}84%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@keyframes encounter-title-name{0%{opacity:0;transform:translateY(18px)scale(.97)}10%{opacity:0;transform:translateY(18px)scale(.97)}22%{opacity:1;transform:translateY(0)scale(1)}84%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-8px)scale(1.01)}}@keyframes encounter-title-emblem{0%{opacity:0}18%{opacity:0}30%{opacity:1}85%{opacity:1}to{opacity:0}}@keyframes encounter-title-line{0%{transform:scaleX(0)}20%{transform:scaleX(0)}34%{transform:scaleX(1)}to{transform:scaleX(1)}}@keyframes encounter-title-diamond{0%{transform:rotate(45deg)scale(0)}22%{transform:rotate(45deg)scale(0)}36%{transform:rotate(45deg)scale(1)}to{transform:rotate(45deg)scale(1)}}@keyframes encounter-title-sub{0%{opacity:0;transform:translateY(10px)}26%{opacity:0;transform:translateY(10px)}38%{opacity:1;transform:translateY(0)}84%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@keyframes victory-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes victory-fade-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes victory-hero-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes victory-emblem-in{0%{opacity:0}to{opacity:1}}@keyframes victory-line-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes victory-diamond-in{0%{transform:rotate(45deg)scale(0)}to{transform:rotate(45deg)scale(1)}}.client-stage{z-index:0;background:#050508;position:absolute;inset:0;overflow:hidden}.game-viewport-frame{position:absolute;overflow:hidden}.game-viewport-frame--fit{inset:0}.game-viewport-frame--fixed{box-shadow:0 0 0 1px #000000e6, 0 0 0 2px var(--color-primary-structure), 0 28px 72px -28px #000c}.client-viewport{z-index:0;background:#000;position:absolute;overflow:hidden}.client-overlay{z-index:20;pointer-events:none;position:absolute;inset:0}.panel-surface :focus,.panel-surface:focus{outline:none!important}.panel-surface *{cursor:default!important}.panel-surface :is(input[type=text],input[type=search],input[type=number],textarea){cursor:text!important}.panel-surface :disabled,.panel-surface :is(input[type=text],input[type=search],input[type=number],textarea):disabled{cursor:not-allowed!important}.game-panel-scroll::-webkit-scrollbar{width:4px}.game-panel-scroll::-webkit-scrollbar-track{background:0 0}.game-panel-scroll::-webkit-scrollbar-thumb{background:var(--color-primary-structure);border-radius:2px}.game-panel-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}@supports not selector(::-webkit-scrollbar){.game-panel-scroll{scrollbar-width:thin;scrollbar-color:var(--color-primary-structure) transparent}}.dp-alt-move,.dp-alt-move *,.dp-alt-move .panel-surface *{cursor:grab!important}.dp-move-affordance{z-index:1;pointer-events:none;visibility:hidden;color:#0000;background:0 0;border:1px dashed #0000;border-radius:2px;justify-content:center;align-items:center;transition:border-color .14s cubic-bezier(.4,0,1,1),background-color .14s cubic-bezier(.4,0,1,1),color .14s cubic-bezier(.4,0,1,1),visibility 0s linear .14s;display:flex;position:absolute;inset:-1px}.dp-move-affordance[data-visible]{visibility:visible;color:var(--color-secondary);border-color:color-mix(in srgb, var(--color-secondary) 30%, transparent);background:color-mix(in srgb, var(--color-bg-solid) 20%, transparent);transition:border-color .18s cubic-bezier(.22,1,.36,1),background-color .18s cubic-bezier(.22,1,.36,1),color .18s cubic-bezier(.22,1,.36,1),visibility}html:not([data-panel-dragging]) .dp-alt-move:hover .dp-move-affordance[data-visible]{color:var(--color-text-body);border-color:color-mix(in srgb, var(--color-text-body) 55%, transparent);background:color-mix(in srgb, var(--color-bg-solid) 35%, transparent)}.dp-move-affordance--active{color:var(--color-primary);border:1px solid color-mix(in srgb, var(--color-primary) 60%, transparent);background:color-mix(in srgb, var(--color-primary) 8%, transparent);box-shadow:var(--shadow-glow)}.dp-move-affordance__corner{width:12px;height:12px;position:absolute}.dp-move-affordance__corner:before,.dp-move-affordance__corner:after{content:"";background:currentColor;position:absolute}.dp-move-affordance__corner:before{width:12px;height:2px}.dp-move-affordance__corner:after{width:2px;height:12px}.dp-move-affordance__corner--tl{top:2px;left:2px}.dp-move-affordance__corner--tl:before,.dp-move-affordance__corner--tl:after{top:0;left:0}.dp-move-affordance__corner--tr{top:2px;right:2px}.dp-move-affordance__corner--tr:before,.dp-move-affordance__corner--tr:after{top:0;right:0}.dp-move-affordance__corner--bl{bottom:2px;left:2px}.dp-move-affordance__corner--bl:before,.dp-move-affordance__corner--bl:after{bottom:0;left:0}.dp-move-affordance__corner--br{bottom:2px;right:2px}.dp-move-affordance__corner--br:before,.dp-move-affordance__corner--br:after{bottom:0;right:0}.dp-move-affordance__label{white-space:nowrap;color:#0000;background:0 0;border:1px solid #0000;border-radius:2px;padding:4px 8px;font-family:"RuneScape Plain 12",sans-serif;font-size:16px;line-height:1;transition:border-color .14s cubic-bezier(.4,0,1,1),background-color .14s cubic-bezier(.4,0,1,1),color .14s cubic-bezier(.4,0,1,1)}.dp-move-affordance[data-visible] .dp-move-affordance__label{color:var(--color-text-body);border-color:var(--color-border-translucent);background:var(--color-surface-translucent);transition:border-color .18s cubic-bezier(.22,1,.36,1),background-color .18s cubic-bezier(.22,1,.36,1),color .18s cubic-bezier(.22,1,.36,1)}.hint-bar-anchor{inset-inline:0;z-index:25;pointer-events:none;justify-content:center;display:flex;position:absolute;bottom:12px;container:hint-bar/inline-size}.hint-bar{opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:none;text-rendering:geometricprecision;will-change:transform, opacity;background:var(--color-surface-translucent);border:1px solid var(--color-border-translucent);border-radius:4px;flex-wrap:nowrap;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 16px);padding:7px 12px;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;line-height:1;transition:transform .14s cubic-bezier(.4,0,1,1),opacity .14s cubic-bezier(.4,0,1,1);display:flex;transform:translateY(8px);box-shadow:inset 0 1px #ffffff0a,0 6px 16px #00000073,0 1px 2px #0006}.hint-bar-anchor[data-visible] .hint-bar{opacity:1;transition:transform .18s cubic-bezier(.22,1,.36,1),opacity .18s cubic-bezier(.22,1,.36,1);transform:translateY(0)}.hint-bar__scope{white-space:nowrap;text-transform:uppercase;letter-spacing:.7px;opacity:.9;color:var(--color-text-body);flex-shrink:0;font-family:"RuneScape Plain 11",sans-serif;font-size:16px}.hint-bar__chips{flex-wrap:nowrap;align-items:center;gap:10px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.hint-bar__chip{white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.hint-bar__keys{letter-spacing:.2px;color:var(--color-secondary);background:var(--color-surface-inset);border:1px solid var(--color-border);border-radius:3px;flex-shrink:0;padding:2px 6px;font-family:inherit;font-size:16px;display:inline-block;box-shadow:inset 0 1px #ffffff0a}.hint-bar__label{letter-spacing:.2px;color:var(--color-text-muted);font-family:"RuneScape Plain 12",sans-serif;font-size:16px}.hint-bar__keys-short,.hint-bar__label-short{display:none}@container hint-bar (width<=1039px){.hint-bar{gap:8px;padding:6px 10px}.hint-bar__chips{flex-wrap:wrap;justify-content:center;gap:4px 8px}.hint-bar__scope,.hint-bar__keys-full,.hint-bar__label-full{display:none}.hint-bar__keys-short,.hint-bar__label-short{display:inline}.hint-bar__keys{padding:2px 5px}}@container hint-bar (width<=559px){.hint-bar{flex-direction:column;align-items:stretch;gap:5px;max-width:calc(100% - 10px);padding:5px 8px 6px}.hint-bar__scope{text-align:center;letter-spacing:.6px;border-bottom:1px solid #ffffff0d;padding-bottom:4px;display:block}.hint-bar__chip{gap:4px}.hint-bar__keys{padding:1px 4px}.hint-bar__label{font-family:"RuneScape Plain 11",sans-serif}}@container hint-bar (width<=379px){.hint-bar__label{display:none}.hint-bar__chips{gap:4px 5px}}.snap-guide-overlay{pointer-events:none;position:absolute;inset:0}.snap-gap-marker,.snap-edge-tick{pointer-events:none;will-change:opacity, transform;position:absolute}.snap-gap-marker{transform-origin:50%;border-radius:999px}.snap-gap-marker.is-preview{opacity:.42;background:color-mix(in srgb, var(--color-primary) 22%, transparent);animation:.12s cubic-bezier(.22,1,.36,1) both client-snap-enter}.snap-gap-marker.is-engaged{opacity:.78;background:color-mix(in srgb, var(--color-primary) 78%, transparent);animation:.15s cubic-bezier(.22,1,.36,1) both client-snap-catch;box-shadow:inset 0 0 0 1px #ffe6a82e}.snap-edge-tick{opacity:.72;background:color-mix(in srgb, var(--color-primary) 68%, transparent);border-radius:1px;animation:.15s cubic-bezier(.22,1,.36,1) both client-snap-tick}@keyframes client-snap-enter{0%{opacity:0;transform:scale(.92)}}@keyframes client-snap-catch{0%{opacity:.48;transform:scale(1.12)}to{opacity:.78;transform:scale(1)}}@keyframes client-snap-tick{0%{opacity:0;transform:scale(.9)}}.fixed-chatbox{z-index:0;pointer-events:auto;background:#afa082;position:absolute}.fixed-chatbox__input{white-space:nowrap;pointer-events:none;align-items:center;font-family:"RuneScape Plain 12",sans-serif;display:flex;position:absolute}.fixed-chatbox__tab,.fixed-chatbox__report{text-shadow:1px 1px #000;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;padding:0;font-family:"RuneScape Plain 11",sans-serif;display:flex;position:absolute}.infobox-strip{--infobox-scale:1;place-content:flex-start;gap:calc(2px * var(--infobox-scale));flex-wrap:wrap-reverse;width:100%;height:100%;display:flex}.infobox-strip--align-end{justify-content:flex-end}.infobox-item{box-sizing:border-box;width:calc(32px * var(--infobox-scale));height:calc(32px * var(--infobox-scale));cursor:default;-webkit-user-select:none;user-select:none;background:var(--hud-bg);border:calc(1px / var(--infobox-zoom,1)) solid var(--hud-border);border-radius:calc(2px / var(--infobox-zoom,1));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);place-items:center;transition:border-color .2s ease-out,background .2s ease-out;display:grid;overflow:hidden}.infobox-item.is-hovered{border-color:var(--color-border-translucent);background:var(--color-surface-translucent)}.infobox-sprite{width:calc(24px * var(--infobox-scale));height:calc(24px * var(--infobox-scale));pointer-events:none;image-rendering:pixelated;grid-area:1/1}.infobox-text{z-index:1;text-align:center;white-space:nowrap;pointer-events:none;color:var(--color-text-body);font-family:"RuneScape Plain 12",sans-serif;font-size:calc(16px * var(--infobox-scale));line-height:calc(16px * var(--infobox-scale));letter-spacing:calc(-1px * var(--infobox-scale));text-shadow:1px 1px #000;grid-area:1/1;place-self:end center}.infobox-text--boost{color:color-mix(in srgb, var(--color-success) 55%, var(--color-text-body))}.infobox-text--drain{color:color-mix(in srgb, var(--color-error) 60%, var(--color-text-body))}.infobox-text--solo{align-self:center}.infobox-strip--outlined .infobox-text{text-shadow:1px 0 0 var(--infobox-outline-color,#000), -1px 0 0 var(--infobox-outline-color,#000), 0 1px 0 var(--infobox-outline-color,#000), 0 -1px 0 var(--infobox-outline-color,#000), 1px 1px 0 var(--infobox-outline-color,#000), -1px -1px 0 var(--infobox-outline-color,#000), 1px -1px 0 var(--infobox-outline-color,#000), -1px 1px 0 var(--infobox-outline-color,#000)}.settings-content-inner{box-sizing:border-box;color:var(--color-secondary);text-shadow:1px 1px 0 var(--color-surface-inset);text-rendering:optimizespeed;flex-direction:column;gap:4px;padding:6px 10px;font:16px/18px "RuneScape Bold 12",sans-serif;display:flex;position:absolute;inset:0}.settings-pages{border:0;flex-shrink:0;gap:4px;min-width:0;margin:0;padding:0;display:flex;position:relative}.settings-pages-fill{pointer-events:none;height:1px;inset:auto 0 0}.settings-page-button{min-width:0;height:28px;color:var(--color-secondary);font:inherit;text-shadow:inherit;cursor:pointer;background:0 0;border:0;flex:1;padding:0;position:relative}.settings-page-button:hover{color:var(--color-text-body)}.settings-page-label{position:relative}.settings-page-button:after{content:"";pointer-events:none;background:0 0;height:2px;position:absolute;inset:auto 12px 0}.settings-page-button:hover:after{background:var(--color-primary-structure)}.settings-page-button[aria-pressed=true],.settings-page-button[aria-pressed=true]:hover{color:var(--color-primary)}.settings-page-button[aria-pressed=true]:after,.settings-page-button[aria-pressed=true]:hover:after{background:var(--color-primary)}.settings-pages button:focus-visible,.audio-content button:focus-visible,.audio-slider:focus-visible{outline:1px solid var(--color-primary);outline-offset:1px}.audio-content{background:0 0;flex-direction:column;flex:1;gap:12px;min-height:0;margin-right:-4px;padding:8px 4px 2px 0;display:flex;overflow:hidden auto}.audio-volume{border:0;min-width:0;margin:0;padding:0}.audio-master-group{border-bottom:1px solid var(--color-border);flex-direction:column;gap:6px;padding-bottom:12px;display:flex}.audio-channels{flex-direction:column;gap:12px;display:flex}.audio-content .setting-row{padding:0}.audio-content .setting-row:before{display:none}.audio-content .setting-row--modified:hover{background:0 0}.audio-volume .setting-row{grid-template-columns:1fr auto var(--setting-reset-size,16px);align-items:center;column-gap:4px;display:grid}.audio-volume-heading{display:contents}.audio-volume-heading label{color:var(--color-text-body);grid-column:1}.audio-volume-heading output{text-align:right;font-variant-numeric:tabular-nums;min-width:32px;color:var(--color-text-body);grid-column:2;font-family:"RuneScape Plain 12",sans-serif}.audio-volume .setting-row__reset{grid-area:1/3;margin:0}.audio-slider-control{width:184px;height:24px;margin:2px 0 0;position:relative}.audio-slider{appearance:none;box-sizing:border-box;cursor:pointer;background:0 0;border:0;border-radius:0;width:calc(100% - 32px);height:24px;margin:0 0 0 16px;padding:0;display:block;position:relative}.audio-slider::-webkit-slider-runnable-track{background:0 0;height:16px}.audio-slider::-moz-range-track{background:0 0;border:0;height:16px}.audio-slider::-moz-range-progress{background:0 0}.audio-slider::-webkit-slider-thumb{appearance:none;box-sizing:border-box;background:0 0;border:0;border-radius:0;width:16px;height:16px;margin-top:0}.audio-slider::-moz-range-thumb{box-sizing:border-box;background:0 0;border:0;border-radius:0;width:16px;height:16px}.audio-mute{text-align:left;min-height:25px;color:var(--color-text-body);text-shadow:inherit;cursor:pointer;background:0 0;border:0;border-radius:2px;flex:1;align-items:center;gap:6px;padding:2px 0;display:flex}.audio-mute:hover{background:var(--color-surface-highlight)}.audio-mute>canvas{flex-shrink:0}.audio-mute>span{font:16px/18px "RuneScape Plain 11",sans-serif}.audio-preference{padding-left:8px}.audio-preference .setting-row__reset{margin-top:0}.keybindings-content{min-width:0;min-height:0;color:var(--color-text-body);text-shadow:1px 1px 0 var(--color-surface-inset);background:0 0;border:0;flex-direction:column;flex:1;margin:0;padding:0;font:16px/18px "RuneScape Bold 12",sans-serif;display:flex}.keybindings-categories{border-bottom:1px solid var(--color-border);flex-shrink:0;gap:4px;display:flex}.keybindings-categories>button{min-width:0;color:var(--color-secondary);text-shadow:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:4px;padding:2px 0;font:14px/16px "RuneScape Bold 12",sans-serif;display:flex}.keybindings-categories>button:hover{color:var(--color-text-body)}.keybindings-categories>button[aria-selected=true],.keybindings-categories>button[aria-selected=true]:hover{color:var(--color-primary);border-bottom-color:var(--color-primary)}.keybindings-scroll{background:0 0;flex:1;min-height:0;margin:4px -4px 0 0;padding-right:4px;overflow:hidden auto}.keybindings-scroll section+section,.keybindings-scroll details{margin-top:8px}.keybindings-row{box-sizing:border-box;width:100%;min-height:22px;color:var(--color-secondary);align-items:center;gap:6px;padding:1px 0;display:flex}.keybindings-row>canvas{flex-shrink:0}.keybindings-label{flex:1;min-width:0}.keybindings-value{box-sizing:border-box;width:max-content;min-width:44px;max-width:100%;height:20px;color:var(--color-text-body);text-shadow:inherit;cursor:pointer;background:color-mix(in srgb, var(--color-surface-inset) 20%, transparent);border:1px solid var(--color-border);border-radius:0;flex:none;justify-content:center;align-items:center;padding:0 6px;display:flex}.keybindings-value kbd{white-space:nowrap;text-overflow:ellipsis;font:16px/18px "RuneScape Bold 12",sans-serif;overflow:hidden}.keybindings-value:hover{border-color:var(--color-primary-structure);background:var(--color-surface-highlight)}.keybindings-value.is-recording,.keybindings-value.is-recording:hover{color:var(--color-primary);border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, transparent)}.keybindings-value.is-unbound:not(.is-recording){color:var(--color-secondary)}.keybindings-footer{box-sizing:border-box;border-top:1px solid var(--color-border);flex-shrink:0;align-items:center;gap:6px;height:40px;padding-top:2px;display:flex}.keybindings-footer.is-editing{flex-direction:column;align-items:stretch;gap:0}.keybindings-feedback{min-height:0;max-height:100%;color:var(--color-secondary);background:0 0;flex:1;font:14px/16px "RuneScape Plain 12",sans-serif;overflow:auto}.keybindings-feedback.is-warning{color:var(--color-warning)}.keybindings-edit-tools{flex-shrink:0;align-items:center;gap:8px;height:20px;display:flex}.keybindings-cancel{margin-left:auto}.keybindings-text-button{color:var(--color-secondary);text-shadow:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font:14px/18px "RuneScape Bold 12",sans-serif;text-decoration:underline}.keybindings-text-button:hover{color:var(--color-text-body)}.keybindings-content button:focus-visible{outline:1px solid var(--color-primary);outline-offset:-1px}.keybindings-content button:disabled{color:var(--color-text-muted);cursor:default}.shortcut-hint-glow{animation:1.2s ease-in-out infinite client-shortcut-pulse}@keyframes client-shortcut-pulse{0%,to{background-color:#d4a54a14;border-color:#d4a54a59;box-shadow:0 0 4px #d4a54a26}50%{border-color:var(--color-primary);background-color:#d4a54a33;box-shadow:0 0 10px #d4a54a66,0 0 20px #d4a54a26}}@media (prefers-reduced-motion:reduce){.dp-move-affordance,.dp-move-affordance__label,.dp-move-affordance[data-visible]{transition:border-color 60ms linear,background-color 60ms linear,color 60ms linear}.hint-bar,.hint-bar-anchor[data-visible] .hint-bar{transition:opacity 60ms linear;transform:none}.snap-gap-marker,.snap-edge-tick{animation:none;transform:none}.shortcut-hint-glow{animation:none}}