input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.app-container{width:100vw;height:100vh;background-color:#0f0f14;background-image:radial-gradient(circle,#1e1e28 0%,#0f0f14 60%,#050508 100%);height:100dvh;display:flex;position:relative;overflow:clip}@media (min-width:721px) and (any-pointer:fine){.app-container{min-width:765px;min-height:503px}}[data-mobile-ui] .app-container,.app-container--popout,.app-container.has-fixed-layout{min-width:0;min-height:0}.main-layout{width:100%;height:100%;position:relative}.grid-panel{z-index:auto;flex:1;min-width:0;height:100%;position:relative}.game-viewport-stage{top:var(--top-inset,0px);z-index:0;background:#050508;transition:top .3s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:0;left:0;right:0;overflow:hidden}.game-viewport-frame--fixed{box-shadow:0 0 0 1px #000000e6,  0 0 0 2px var(--color-primary-structure),  0 28px 72px -28px #000c}.game-workspace{position:absolute;inset:0}.workspace-presentation-surface,.workspace-replay-host{pointer-events:none;z-index:40;position:absolute}.workspace-cursor-host{pointer-events:none;position:absolute}.workspace-chrome-host{display:contents}.workspace-cursor-host{z-index:60;inset:0}.workspace-replay-host{z-index:80;position:fixed;inset:0}.intro-fade-overlay{pointer-events:none;z-index:50;opacity:0;background:#000;position:absolute;inset:0}.intro-fade-overlay--active{opacity:1}.intro-fade-overlay--fading{opacity:0;transition:opacity 1.8s ease-out}.exit-fade-overlay{pointer-events:none;z-index:50;opacity:0;background:#000;transition:opacity .8s ease-in;position:absolute;inset:0}.exit-fade-overlay--active{opacity:1}.lobby-effect-row{flex-direction:column;gap:4px;display:flex}.lobby-alpha-slider{justify-content:space-between;align-items:center;gap:8px;padding:0 4px 0 24px;display:flex}.lobby-alpha-active{color:var(--color-accent-text)}.lobby-alpha-value{color:var(--color-secondary);text-align:right;min-width:36px;font-family:"RuneScape Bold 12",sans-serif;font-size:12px}.osrs-slider{-webkit-appearance:none;appearance:none;background:0 0;flex-grow:1;width:100%}.osrs-slider:focus{outline:none}.osrs-slider::-webkit-slider-runnable-track{cursor:pointer;background:var(--color-bg);border:1px solid var(--color-border);border-radius:3px;width:100%;height:6px;box-shadow:inset 0 1px 2px #0009}.osrs-slider::-webkit-slider-thumb{background:var(--color-secondary);cursor:pointer;-webkit-appearance:none;border:1px solid var(--color-border);border-radius:3px;width:14px;height:14px;margin-top:-5px;transition:all .2s;box-shadow:inset 0 1px #fff3,0 1px 2px #00000080}.osrs-slider:hover::-webkit-slider-thumb{background:var(--color-primary);border-color:var(--color-primary-structure);box-shadow:0 0 6px color-mix(in srgb, var(--color-primary) 40%, transparent), inset 0 1px 0 #ffffff4d}.osrs-slider-modified::-webkit-slider-thumb{background:var(--color-primary);border-color:var(--color-primary-structure);box-shadow:0 0 4px color-mix(in srgb, var(--color-primary) 30%, transparent), inset 0 1px 0 #fff3}.osrs-slider::-moz-range-track{cursor:pointer;background:var(--color-bg);border:1px solid var(--color-border);border-radius:3px;width:100%;height:6px;box-shadow:inset 0 1px 2px #0009}.osrs-slider::-moz-range-thumb{background:var(--color-secondary);cursor:pointer;border:1px solid var(--color-border);border-radius:3px;width:14px;height:14px;transition:all .2s;box-shadow:inset 0 1px #fff3,0 1px 2px #00000080}.osrs-slider-modified::-moz-range-thumb{background:var(--color-primary);border-color:var(--color-primary-structure);box-shadow:0 0 4px color-mix(in srgb, var(--color-primary) 30%, transparent), inset 0 1px 0 #fff3}.osrs-slider:hover::-moz-range-thumb{background:var(--color-primary);border-color:var(--color-primary-structure);box-shadow:0 0 6px color-mix(in srgb, var(--color-primary) 40%, transparent), inset 0 1px 0 #ffffff4d}.sidebar-nav{top:calc((24px + var(--safe-top,0px) + var(--top-inset,0px)) / var(--overlay-scale,1));left:calc(var(--safe-left,0px) / var(--overlay-scale,1));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)}@media (prefers-reduced-motion:reduce){.sidebar-nav--tucked{transform:none}}.sidebar-nav .controls-toggle-open,.sp-wrapper .controls-toggle-open.sp-collapsed-tab{z-index:auto;box-sizing:border-box;min-width:80px;position:static;top:auto;left:auto}@media (max-width:720px){.app-container:not(.has-fixed-layout) .sidebar-nav{top:calc((8px + var(--safe-top,0px) + var(--top-inset,0px)) / var(--overlay-scale,1));gap:6px}.app-container:not(.has-fixed-layout) .sidebar-nav .controls-toggle-open{min-width:64px;padding:10px 12px;font-size:13px}}.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}.loading-screen{width:100vw;height:100vh;background-color:var(--color-surface-inset);background-image:radial-gradient(circle at center, var(--color-bg-elevated) 0%, var(--color-surface) 60%, var(--color-surface-inset) 100%);z-index:9999;height:100dvh;color:var(--color-text-body);will-change:auto;flex-direction:column;justify-content:center;align-items:center;transition:opacity 1.5s ease-in-out,visibility 1.5s ease-in-out,transform 1.5s cubic-bezier(.2,.8,.2,1),filter 1.5s ease-in-out;display:flex;position:fixed;top:0;left:0}.loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none;will-change:opacity, transform, filter;filter:blur(8px)brightness(1.2);transform:scale(1.08)}.loading-content{text-align:center;box-sizing:border-box;flex-direction:column;gap:0;width:90%;min-width:300px;max-width:480px;padding:0 20px;display:flex}.loading-title{color:var(--color-secondary);text-shadow:1px 1px #000;letter-spacing:1px;margin:0 0 2px;font-family:"RuneScape Bold 12",sans-serif;font-size:clamp(24px,5vw,36px)}.loading-subtitle{color:var(--color-text-muted);letter-spacing:2.5px;text-transform:uppercase;margin:0 0 36px;font-family:"RuneScape Plain 12",sans-serif;font-size:11px}.loading-bar-container{background-color:var(--color-surface-inset);border:1px solid var(--color-border);box-sizing:border-box;border-radius:2px;width:100%;height:8px;padding:0;position:relative;overflow:hidden}.loading-bar-container.ready{border-color:var(--color-primary-hover);box-shadow:0 0 20px color-mix(in srgb, var(--color-primary) 20%, transparent);transition:border-color .15s,box-shadow .15s;animation:3s ease-in-out infinite ready-pulse}@keyframes ready-pulse{0%,to{box-shadow:0 0 20px color-mix(in srgb, var(--color-primary) 20%, transparent);border-color:var(--color-primary)}50%{box-shadow:0 0 30px color-mix(in srgb, var(--color-primary) 40%, transparent);border-color:var(--color-primary)}}.loading-bar-progress{background:var(--color-secondary);transform-origin:0;border-radius:1px;width:100%;height:100%;position:relative;overflow:hidden;transform:scaleX(0)}.loading-bar-progress:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff4d 50%,#fff0 100%);width:200%;animation:2.5s infinite shimmer;position:absolute;inset:0;transform:translate(-50%)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loading-percent-display{color:var(--color-secondary);text-shadow:1px 1px #000;z-index:10;pointer-events:none;letter-spacing:.5px;font-variant-numeric:tabular-nums;font-family:"RuneScape Plain 12",sans-serif;font-size:14px;font-weight:700;position:absolute;top:-24px;right:0}.loading-text-container{flex-direction:column;justify-content:flex-start;gap:4px;min-height:48px;margin-top:24px;display:flex;overflow:hidden}.loading-status-text{color:var(--color-text-body);text-shadow:1px 1px #000;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;animation:.3s cubic-bezier(.16,1,.3,1) backwards stage-appear}@keyframes stage-appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.loading-detail-text{color:var(--color-text-muted);font-family:"RuneScape Plain 12",sans-serif;font-size:13px}.loading-error{color:var(--color-error);text-shadow:1px 1px #000;margin-top:16px;font-family:"RuneScape Bold 12",sans-serif}.loading-retry-button{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-secondary);cursor:pointer;text-shadow:1px 1px #000;border-radius:2px;margin:16px auto 0;padding:8px 24px;font-family:"RuneScape Bold 12",sans-serif;font-size:14px;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;display:block;box-shadow:inset 0 1px #ffffff08}.loading-retry-button:hover{background:var(--color-surface-hover);color:var(--color-text-body);border-color:var(--color-primary-structure)}.loading-retry-button:active{background:var(--color-surface-inset);box-shadow:inset 0 2px 3px #0006}.loading-tip-container{opacity:1;justify-content:center;align-items:flex-start;max-width:100%;min-height:96px;margin-top:48px;padding:0 16px;transition:opacity .6s ease-in-out,filter .6s ease-in-out;display:flex}.loading-tip-container.hidden{opacity:0;filter:blur(2px)}.loading-tip-content{text-align:left;line-height:1.6}.loading-tip-prefix{color:var(--color-secondary);font-family:"RuneScape Bold 12",sans-serif}.loading-tip-text{color:var(--color-text-muted);text-shadow:1px 1px #000;font-family:"RuneScape Plain 12",sans-serif}.loading-tip-text .kbd{padding:1px 5px;font-family:"RuneScape Plain 12",sans-serif;font-size:16px}@media (max-width:720px){.loading-content{width:min(92vw,420px);min-width:0;padding:0 12px}.loading-subtitle{letter-spacing:1.5px;margin-bottom:24px}.loading-text-container{min-height:42px;margin-top:20px}.loading-tip-container{min-height:80px;margin-top:28px;padding:0 10px}.loading-status-text{font-size:15px}.loading-percent-display{font-size:13px}}.app-container.browser-support{box-sizing:border-box;overscroll-behavior:contain;background-color:var(--color-bg);background-image:radial-gradient(circle at center, var(--color-bg-elevated) 0%, var(--color-bg) 60%, var(--color-surface-inset) 100%);padding-inline:max(16px, var(--safe-left,0px)) max(16px, var(--safe-right,0px));padding-block:max(24px, var(--safe-top,0px)) max(24px, var(--safe-bottom,0px));flex-direction:column;overflow:auto}.browser-support__column{flex:none;width:100%;max-width:420px;margin:auto}.browser-support__mark{text-align:center;margin-bottom:24px}.browser-support__wordmark{color:var(--color-text-muted)}.browser-support__notice{--notice-fill:var(--color-surface)}.cache-explorer-overlay{z-index:2000;color:#fff;justify-content:center;align-items:center;font-family:"RuneScape Plain 12",sans-serif;display:flex;position:fixed;inset:0}.cache-explorer-backdrop{cursor:default;background:#000c;border:none;position:absolute;inset:0}.cache-explorer-modal{width:1200px;max-width:95vw;height:85vh;background:var(--color-bg);border:1px solid var(--color-border);border-radius:2px;flex-direction:column;height:85dvh;max-height:900px;display:flex;position:relative;overflow:hidden;box-shadow:inset 1px 1px #ffffff1a,inset -1px -1px #00000080,0 4px 20px #00000080}.cache-explorer-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 20px;display:flex;box-shadow:inset 0 1px #ffffff0d}.cache-explorer-title{align-items:center;gap:12px;display:flex}.cache-explorer-title h2{color:var(--color-heading);text-shadow:1px 1px #000;align-items:center;gap:10px;margin:0;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;display:flex;position:relative}.cache-explorer-title h2:before{content:"";background:var(--color-primary);border-radius:2px;width:8px;height:8px;display:block}.cache-explorer-tabs{gap:4px;display:flex}.cache-explorer-tab{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-secondary);text-shadow:1px 1px #000;cursor:pointer;border-radius:2px;padding:6px 16px;font-family:"RuneScape Bold 12",sans-serif;transition:background .15s,color .15s,border-color .15s;box-shadow:inset 0 1px #ffffff0d}.cache-explorer-tab:hover{background:var(--color-surface-hover);color:var(--color-accent-text);border-color:var(--color-primary-structure)}.cache-explorer-tab.active{background:var(--color-bg-elevated);color:var(--color-accent-text);border-color:var(--color-primary-structure);box-shadow:inset 0 2px 4px #0000004d}.cache-explorer-body{background:var(--color-surface-inset);flex:1;min-height:0;display:flex}.cache-explorer-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:300px;display:flex}.sidebar-search{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);padding:12px}.search-input{background:var(--color-surface-inset);border:1px solid var(--color-border);color:#fff;text-shadow:1px 1px #000;box-sizing:border-box;border-radius:2px;width:100%;padding:8px 12px;font-family:"RuneScape Plain 12",sans-serif;box-shadow:inset 1px 1px #00000080}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary) 15%, transparent), inset 1px 1px 0 0 #00000080;outline:none}.search-input::placeholder{color:var(--color-text-muted)}.sidebar-filters{background:var(--color-surface);border-bottom:1px solid var(--color-border);color:var(--color-secondary);align-items:center;gap:8px;padding:8px 12px;font-family:"RuneScape Bold 12",sans-serif;font-size:11px;display:flex}.sidebar-filters label{cursor:pointer;align-items:center;gap:4px;display:flex}.sidebar-filters input[type=checkbox]{accent-color:var(--color-primary)}.sidebar-list-container{flex:1;position:relative;overflow:hidden auto}.sidebar-list{margin:0;padding:0;list-style:none}.sidebar-item{border:0;border-bottom:1px solid var(--color-bg-elevated);cursor:pointer;color:#fff;text-align:left;background:0 0;border-left:3px solid #0000;justify-content:space-between;align-items:center;width:100%;padding:8px 12px 8px 13px;transition:background .15s,color .15s,border-color .15s;display:flex}.sidebar-item:hover{background:var(--color-surface-highlight)}.sidebar-item.selected{border-left:3px solid var(--color-primary);color:var(--color-accent-text)}.item-name{white-space:nowrap;text-overflow:ellipsis;text-shadow:1px 1px #000;font-family:"RuneScape Plain 12",sans-serif;overflow:hidden}.sidebar-item.selected .item-name{color:var(--color-accent-text);font-family:"RuneScape Bold 12",sans-serif}.item-id{color:var(--color-text-muted);flex-shrink:0;margin-left:8px;font-family:Consolas,monospace;font-size:11px}.yama-badge{background:color-mix(in srgb, var(--color-primary) 15%, transparent);color:var(--color-accent-text);border:1px solid var(--color-primary-structure);border-radius:2px;padding:2px 4px;font-family:"RuneScape Bold 12",sans-serif;font-size:9px}.sidebar-pagination{background:var(--color-bg-elevated);border-top:1px solid var(--color-border);color:var(--color-text-muted);justify-content:space-between;align-items:center;padding:10px 12px;font-family:"RuneScape Plain 12",sans-serif;font-size:11px;display:flex}.page-btn{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-secondary);text-shadow:1px 1px #000;cursor:pointer;border-radius:2px;padding:4px 12px;font-family:"RuneScape Bold 12",sans-serif;transition:background .15s,color .15s,border-color .15s;box-shadow:inset 0 1px #ffffff0d}.page-btn:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-accent-text);border-color:var(--color-primary-structure)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-info{color:#fff;font-family:Consolas,monospace}.cache-explorer-main{background:var(--color-surface-inset);flex-direction:column;flex:1;min-width:0;display:flex}.cache-explorer-empty{color:var(--color-text-muted);text-shadow:1px 1px #000;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;font-family:"RuneScape Plain 12",sans-serif;display:flex}.preview-section{background:radial-gradient(circle at center, var(--color-surface) 0%, var(--color-surface-inset) 100%);border-bottom:none;flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.preview-header{z-index:10;pointer-events:none;justify-content:space-between;align-items:flex-start;padding:12px 16px;display:flex;position:absolute;top:0;left:0;right:0}.preview-title{flex-direction:column;gap:4px;display:flex}.preview-title h3{color:#fff;text-shadow:1px 1px 2px #000;margin:0;font-family:"RuneScape Bold 12",sans-serif;font-size:16px}.preview-subtitle{color:var(--color-secondary);text-shadow:1px 1px 2px #000;font-family:Consolas,monospace;font-size:12px}.preview-actions{pointer-events:auto;gap:8px;display:flex}.action-btn{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-secondary);text-shadow:1px 1px #000;cursor:pointer;border-radius:2px;align-items:center;gap:6px;padding:6px 12px;font-family:"RuneScape Bold 12",sans-serif;transition:background .15s,color .15s,border-color .15s;display:flex;box-shadow:inset 0 1px #ffffff0d}.action-btn:hover{background:var(--color-surface-hover);color:var(--color-accent-text);border-color:var(--color-primary-structure)}.preview-container{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;position:relative}.preview-controls{background:var(--color-surface-translucent);border:1px solid var(--color-border);z-index:10;border-radius:2px;gap:8px;padding:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.control-btn{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-secondary);cursor:pointer;border-radius:2px;justify-content:center;align-items:center;width:32px;height:32px;font-family:"RuneScape Bold 12",sans-serif;transition:background .15s,color .15s,border-color .15s;display:flex;box-shadow:inset 0 1px #ffffff0d}.control-btn:hover{background:var(--color-surface-hover);color:var(--color-accent-text);border-color:var(--color-primary-structure)}.control-btn.active{background:var(--color-bg-elevated);color:var(--color-accent-text);border-color:var(--color-primary-structure);box-shadow:inset 0 2px 4px #0000004d}.resize-handle{background:var(--color-bg-elevated);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);cursor:ns-resize;border-left:0;border-right:0;flex-shrink:0;width:100%;height:6px;padding:0;transition:background .15s;position:relative}.resize-handle:after{content:"";background:var(--color-border);border-radius:1px;width:32px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.resize-handle:hover,.resize-handle:active{background:var(--color-surface-hover)}.resize-handle:hover:after,.resize-handle:active:after{background:var(--color-primary)}.details-section{background:var(--color-surface);border-top:none;flex-direction:column;min-height:0;display:flex;overflow:hidden}.details-header{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);color:var(--color-heading);text-shadow:1px 1px #000;padding:10px 16px;font-family:"RuneScape Bold 12",sans-serif;box-shadow:inset 0 1px #ffffff0d}.details-content{flex:1;padding:16px;overflow-y:auto}.details-grid{grid-template-columns:180px 1fr;gap:8px 16px;font-family:"RuneScape Plain 12",sans-serif;display:grid}.detail-row{display:contents}.detail-key{color:var(--color-secondary);text-align:right;border-right:1px solid var(--color-border);text-shadow:1px 1px #000;padding-right:8px}.detail-val{color:#fff;text-shadow:1px 1px #000;word-break:break-all;font-family:Consolas,monospace}.detail-val-raw{color:var(--color-text-muted);margin-top:4px;font-size:11px}.raw-json-block{background:var(--color-surface-inset);border:1px solid var(--color-border);color:var(--color-secondary);border-radius:2px;grid-column:1/-1;margin-top:8px;padding:12px;font-family:Consolas,monospace;font-size:11px;overflow-x:auto;box-shadow:inset 1px 1px #00000080}.npc-animation-browser{background:var(--color-surface-inset);border:1px solid var(--color-border);border-radius:2px;flex-direction:column;grid-column:1/-1;margin-top:16px;display:flex}.anim-browser-header{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);color:var(--color-heading);padding:8px 12px;font-family:"RuneScape Bold 12",sans-serif}.anim-browser-content{flex-direction:column;display:flex}.seq-row{border-bottom:1px solid var(--color-bg-elevated);grid-template-columns:120px 60px 80px 100px 1fr;align-items:center;gap:8px;padding:6px 12px;font-family:Consolas,monospace;font-size:11px;display:grid}.seq-row:hover{background:#ffffff0d}.seq-label{color:var(--color-secondary);font-family:"RuneScape Plain 12",sans-serif;font-size:12px}.seq-id{color:var(--color-accent-text);font-weight:700}.seq-meta{color:var(--color-text-muted)}.seq-input{background:var(--color-surface);border:1px solid var(--color-border);color:#fff;border-radius:2px;width:60px;padding:4px;font-family:Consolas,monospace;font-size:11px}.seq-input:focus{border-color:var(--color-primary);outline:none}.seq-actions{justify-content:flex-end;gap:4px;display:flex}.seq-btn{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-secondary);cursor:pointer;border-radius:2px;padding:2px 8px;font-family:"RuneScape Plain 12",sans-serif;transition:background .15s,color .15s,border-color .15s}.seq-btn:hover{background:var(--color-surface-hover);color:var(--color-accent-text);border-color:var(--color-primary-structure)}.export-dropdown{position:relative}.export-button{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-secondary);cursor:pointer;text-transform:uppercase;text-shadow:1px 1px #000;border-radius:2px;align-items:center;gap:6px;padding:6px 12px;font-family:"RuneScape Bold 12",sans-serif;font-size:11px;transition:background .15s,color .15s,border-color .15s;display:flex;box-shadow:inset 0 1px #ffffff0d}.export-caret{opacity:.6;font-size:10px;line-height:1}.export-button:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-accent-text);border-color:var(--color-primary-structure)}.export-button:hover:not(:disabled) .export-caret{opacity:1}.export-button:disabled{opacity:.35;cursor:not-allowed}.export-menu{background:var(--color-surface-translucent);border:1px solid var(--color-border);z-index:15;border-radius:2px;flex-direction:column;min-width:150px;padding:4px 0;display:flex;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 10px 24px #00000080}.export-menu button{color:#fff;text-align:left;cursor:pointer;text-shadow:1px 1px #000;background:0 0;border:none;align-items:center;gap:8px;padding:8px 14px;font-family:"RuneScape Plain 12",sans-serif;font-size:12px;transition:background .15s;display:flex}.export-menu button:hover{background:color-mix(in srgb, var(--color-primary) 12%, transparent);color:var(--color-accent-text)}.export-format{min-width:32px;font-family:"RuneScape Bold 12",sans-serif}.export-desc{color:var(--color-text-muted);font-size:11px}.export-menu button:hover .export-desc{color:var(--color-secondary)}.model-preview-container{flex-direction:column;flex:1;width:100%;height:100%;min-height:0;display:flex;position:relative}.cache-model-preview{flex:1;width:100%;height:100%;min-height:0}.model-preview-viewport{background:radial-gradient(circle at center, var(--color-surface) 0%, var(--color-surface-inset) 100%);flex:1;min-height:0;position:relative;overflow:hidden}.model-preview-canvas{outline:none;width:100%;height:100%;display:block}.model-preview-zoom-controls{z-index:10;flex-direction:column;gap:8px;display:flex;position:absolute;top:16px;right:16px}.model-preview-zoom-controls button{background:var(--color-bg);border:1px solid var(--color-border);width:32px;height:32px;color:var(--color-secondary);cursor:pointer;text-shadow:1px 1px #000;border-radius:2px;justify-content:center;align-items:center;font-size:16px;transition:background .15s,color .15s,border-color .15s;display:flex;box-shadow:inset 0 1px #ffffff0d}.model-preview-zoom-controls button:hover{background:var(--color-surface-hover);color:var(--color-accent-text);border-color:var(--color-primary-structure)}.model-preview-controls{background:var(--color-surface-inset);border-top:1px solid var(--color-border);flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:8px 12px;display:flex}.model-preview-controls button{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-secondary);cursor:pointer;text-shadow:1px 1px #000;border-radius:2px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;transition:background .15s,color .15s,border-color .15s;display:flex;box-shadow:inset 0 1px #ffffff0d}.model-preview-controls button:hover{background:var(--color-surface-hover);color:var(--color-accent-text);border-color:var(--color-primary-structure)}.model-preview-footer{background:var(--color-surface-inset);border-top:1px solid var(--color-border);flex-shrink:0;align-items:center;gap:16px;height:56px;padding:8px 16px;display:flex}.playback-controls{flex:1;align-items:center;gap:8px;display:flex}.main-play-btn{border-color:var(--color-primary-structure);background:color-mix(in srgb, var(--color-primary) 10%, transparent);width:36px;height:36px;color:var(--color-accent-text);font-size:14px}.main-play-btn:hover:not(:disabled){background:var(--color-primary);color:var(--color-surface-inset);box-shadow:0 0 15px color-mix(in srgb, var(--color-primary) 30%, transparent)}.frame-info{color:var(--color-text-muted);text-align:right;text-shadow:1px 1px #000;min-width:80px;font-family:Consolas,monospace;font-size:11px}.seekbar-container{flex:1;align-items:center;padding:0 12px;display:flex}.anim-slider{-webkit-appearance:none;background:var(--color-surface-inset);cursor:pointer;border:1px solid var(--color-border);border-radius:2px;outline:none;width:100%;height:6px;display:block;box-shadow:inset 1px 1px #00000080}.anim-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-border);cursor:pointer;border:1px solid #101010;border-radius:2px;width:12px;height:12px;transition:background .15s,border-color .15s;box-shadow:inset 1px 1px #ffffff1a,0 2px 4px #0000004d}.anim-slider:hover::-webkit-slider-thumb{background:var(--color-surface-hover);border-color:var(--color-primary);transform:scale(1.2)}.model-preview-loading{z-index:5;background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.model-preview-error{height:100%;color:var(--color-error);text-shadow:1px 1px #000;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-family:"RuneScape Plain 12",sans-serif;font-size:13px;display:flex}.model-preview-error .error-icon{opacity:.8;font-size:24px}.spinner{border:3px solid color-mix(in srgb, var(--color-primary) 10%, transparent);border-top-color:var(--color-primary);border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sidebar-loading{height:100%;color:var(--color-text-muted);text-shadow:1px 1px #000;justify-content:center;align-items:center;font-family:"RuneScape Plain 12",sans-serif;display:flex}.sidebar-id-input{width:80px}.preview-no-model{height:100%;color:var(--color-text-muted);text-shadow:1px 1px #000;justify-content:center;align-items:center;font-family:"RuneScape Plain 12",sans-serif;display:flex}.anim-add-row{border-top:1px solid var(--color-border);align-items:center;gap:8px;padding:8px 12px;display:flex}.anim-browser-hint{color:var(--color-text-muted);margin-left:8px;font-family:"RuneScape Plain 12",sans-serif;font-size:10px}.yama-button{background:color-mix(in srgb, var(--color-primary) 10%, transparent);border-color:var(--color-primary-structure);color:var(--color-accent-text)}.yama-button:hover{background:color-mix(in srgb, var(--color-primary) 20%, transparent);border-color:var(--color-primary);box-shadow:0 0 15px color-mix(in srgb, var(--color-primary) 15%, transparent)}.sound-detail-view{flex-direction:column;flex:1;min-height:0;display:flex}.sound-detail-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:16px 20px}.sound-detail-header h3{color:#fff;text-shadow:1px 1px 2px #000;margin:0;font-family:"RuneScape Bold 12",sans-serif;font-size:16px}.sound-player-section{background:radial-gradient(circle at center, var(--color-surface) 0%, var(--color-surface-inset) 100%);border-bottom:1px solid var(--color-border);align-items:center;gap:20px;padding:24px 20px;display:flex}.sound-player-info{flex-direction:column;gap:4px;display:flex}.sound-player-name{color:#fff;text-shadow:1px 1px #000;font-family:"RuneScape Bold 12",sans-serif;font-size:14px}.sound-player-file{color:var(--color-text-muted);text-shadow:1px 1px #000;font-family:Consolas,monospace;font-size:11px}.sound-play-btn{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-secondary);text-shadow:1px 1px #000;cursor:pointer;border-radius:2px;padding:6px 14px;font-family:"RuneScape Bold 12",sans-serif;transition:background .15s,color .15s,border-color .15s;box-shadow:inset 0 1px #ffffff0d}.sound-play-btn:hover{background:var(--color-surface-hover);color:var(--color-accent-text);border-color:var(--color-primary-structure)}.sound-play-btn.playing{background:color-mix(in srgb, var(--color-primary) 15%, transparent);color:var(--color-accent-text);border-color:var(--color-primary-structure)}.sound-play-btn.large{border-color:var(--color-primary-structure);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;display:flex}.sound-play-btn.large:hover{background:var(--color-primary);color:var(--color-surface-inset);box-shadow:0 0 15px color-mix(in srgb, var(--color-primary) 30%, transparent)}.sound-volume-control{align-items:center;gap:8px;margin-left:auto;display:flex}.sound-volume-icon{text-align:center;flex-shrink:0;width:20px;font-size:16px}.sound-volume-slider{-webkit-appearance:none;background:var(--color-surface-inset);cursor:pointer;border:1px solid var(--color-border);border-radius:2px;outline:none;width:100px;height:6px;box-shadow:inset 1px 1px #00000080}.sound-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-border);cursor:pointer;border:1px solid #101010;border-radius:2px;width:12px;height:12px;transition:background .15s,border-color .15s;box-shadow:inset 1px 1px #ffffff1a,0 2px 4px #0000004d}.sound-volume-slider:hover::-webkit-slider-thumb{background:var(--color-surface-hover);border-color:var(--color-primary);transform:scale(1.2)}@media (max-width:720px){.cache-explorer-modal{border-left:none;border-right:none;border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh}.cache-explorer-header{padding:calc(10px + var(--safe-top,0px)) 14px 10px;flex-wrap:wrap;gap:8px}.cache-explorer-title{flex-wrap:wrap;gap:8px}.cache-explorer-title h2{font-size:14px}.cache-explorer-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;order:3;width:100%;padding-bottom:2px;overflow-x:auto}.cache-explorer-tab{white-space:nowrap;padding:8px 12px}.close-btn{width:36px;height:36px}.cache-explorer-body{flex-direction:column;min-height:0}.cache-explorer-sidebar{border-right:none;border-bottom:1px solid var(--color-border);flex-shrink:0;width:100%;max-height:45%}.cache-explorer-main{flex:auto;min-height:0}.details-grid{grid-template-columns:1fr;row-gap:6px}.detail-key{text-align:left;border-right:none;padding-bottom:2px;padding-right:0}.seq-row{grid-template-columns:1fr 1fr;gap:4px}.sound-player-section{flex-wrap:wrap;gap:12px;padding:16px 14px}.sound-volume-control{margin-left:0}}.close-button{color:var(--color-secondary);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:6px;line-height:0;transition:color .15s;display:flex}.close-button:hover{color:var(--color-text-body)}.close-button .launcher-icon{shape-rendering:crispedges;flex:none;display:block;overflow:visible}@media (prefers-reduced-motion:reduce){.close-button{transition:none}}.credits-modal-overlay{background:var(--modal-backdrop);z-index:2000;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.credits-modal-card{background:var(--color-bg-solid);border:1px solid var(--modal-card-border);border-radius:var(--modal-radius);box-sizing:border-box;text-align:center;flex-direction:column;align-items:center;width:min(358px,90vw);max-height:min(720px,100%);padding:26px 28px 24px;font-family:"RuneScape Bold 12",sans-serif;animation:.2s cubic-bezier(.2,.8,.2,1) credits-card-in;display:flex;position:relative}.credits-modal-card:before{content:"";border-radius:var(--modal-radius);box-shadow:var(--modal-card-shadow);pointer-events:none;border:1px solid #0000;position:absolute;inset:-1px}@keyframes credits-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.credits-modal-close{min-width:44px;min-height:44px;position:absolute;top:12px;right:12px}.credits-modal-title{color:var(--color-secondary);text-shadow:1px 1px #000;flex-shrink:0;margin:0 0 4px;font-size:16px;font-weight:400;line-height:20px}.credits-modal-names{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);--credits-fade-size:24px;width:100%;min-height:0;margin-top:16px;display:flex;position:relative}.credits-modal-list{scrollbar-gutter:stable both-edges;background:var(--color-bg-solid);scroll-timeline:--credits-names block;flex-direction:column;gap:4px;width:100%;margin:0;padding:16px 0;list-style:none;display:flex;overflow-y:auto}.credits-modal-list::-webkit-scrollbar{width:8px}.credits-modal-list::-webkit-scrollbar-track{background:0 0}.credits-modal-list::-webkit-scrollbar-thumb{background:var(--color-border);border:2px solid var(--color-bg-solid);border-radius:2px}.credits-modal-list::-webkit-scrollbar-thumb:hover{background:var(--color-primary-structure)}.credits-modal-names:before,.credits-modal-names:after{content:"";height:var(--credits-fade-size);opacity:0;pointer-events:none;position:absolute;left:0;right:0}.credits-modal-names:before{background:linear-gradient(to bottom, var(--color-bg-solid), transparent);top:0}.credits-modal-names:after{background:linear-gradient(to top, var(--color-bg-solid), transparent);bottom:0}@supports (animation-timeline:scroll()){.credits-modal-names{timeline-scope:--credits-names}.credits-modal-names:before{animation:linear both credits-edge-in;animation-timeline:--credits-names;animation-range:0 min(100%, var(--credits-fade-size))}.credits-modal-names:after{animation:linear both credits-edge-out;animation-timeline:--credits-names;animation-range:max(0%, calc(100% - var(--credits-fade-size))) 100%}}@keyframes credits-edge-in{0%{opacity:0}to{opacity:1}}@keyframes credits-edge-out{0%{opacity:1}to{opacity:0}}.credits-modal-name{overflow-wrap:anywhere;color:var(--color-secondary);text-shadow:1px 1px #000;font-size:16px;line-height:20px}.credits-modal-name a{min-height:28px;color:inherit;border-bottom:1px dotted #0000;align-items:center;text-decoration:none;transition:color .15s,border-color .15s;display:inline-flex}.credits-modal-name a:hover{color:var(--color-text-body);border-bottom-color:currentColor}.credits-modal-licenses{width:100%;min-height:44px;color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;margin-top:14px;font-size:16px;line-height:20px;text-decoration:none;transition:color .15s;display:flex}.credits-modal-licenses:hover{color:var(--color-secondary)}@media (prefers-reduced-motion:reduce){.credits-modal-card{animation:none}}@media (max-width:720px){.credits-modal-card{width:min(350px,92vw);padding:24px 24px 20px}.credits-modal-name a{min-height:44px}}.centered-modal-snap{left:var(--centered-modal-snap-x,0px);top:var(--centered-modal-snap-y,0px)}.death-modal-overlay{z-index:100000;box-sizing:border-box;overscroll-behavior:contain;padding-inline:calc(16px + var(--ui-inset-left,0px)) calc(16px + var(--ui-inset-right,0px));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) 92%, transparent);opacity:1;transition:padding .3s cubic-bezier(.2,.8,.2,1);animation:.8s cubic-bezier(.4,0,.2,1) backwards death-overlay-in;display:flex;position:fixed;inset:0;overflow:hidden auto}@keyframes death-overlay-in{0%{opacity:0}to{opacity:1}}.death-modal-content-wrapper{box-sizing:border-box;width:100%;max-width:560px;min-height:0;max-height:100%;padding-inline:var(--safe-left,0px) var(--safe-right,0px);text-align:center;flex-direction:column;flex:none;align-items:center;margin:auto;display:flex}.death-modal-content-wrapper>*{flex-shrink:0}.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:0 0 12px;padding-left:5px;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;line-height:20px;animation:.6s cubic-bezier(.16,1,.3,1) .1s 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;white-space:nowrap;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 12px;font-family:"RuneScape Bold 12",sans-serif;font-size:48px;font-weight:400;line-height:1;animation:.7s cubic-bezier(.16,1,.3,1) .2s backwards death-hero-in}.death-modal-emblem{opacity:0;justify-content:center;align-items:center;gap:12px;margin-bottom:12px;animation:.6s cubic-bezier(.16,1,.3,1) .35s forwards death-emblem-in;display:flex}.death-modal-emblem-line{width:clamp(48px,9vw,72px);height:1px;animation:.6s cubic-bezier(.16,1,.3,1) .35s 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:.6s cubic-bezier(.16,1,.3,1) .35s 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 24px;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;line-height:20px;animation:.6s cubic-bezier(.16,1,.3,1) .45s backwards death-fade-rise}.death-modal-damage-section{box-sizing:border-box;background:var(--color-surface);contain:paint;border:1px solid var(--color-border);border-radius:var(--modal-radius);opacity:1;flex-direction:column;flex:0 auto;width:100%;max-width:400px;min-height:0;margin-bottom:20px;padding:12px 14px;animation:.6s cubic-bezier(.16,1,.3,1) .55s backwards death-fade-rise;display:flex}.death-modal-damage-header{text-align:left;color:var(--color-text-muted);letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid var(--color-border);flex:none;margin:0 0 6px;padding-bottom:6px;font-family:"RuneScape Plain 11",sans-serif;font-size:16px;font-weight:400;line-height:20px}.death-modal-table{flex-direction:column;flex:0 auto;min-height:0;font-family:"RuneScape Plain 12",sans-serif;font-size:16px;line-height:20px;display:flex}.death-modal-table-headers{text-align:left;color:var(--color-text-muted);letter-spacing:.5px;text-transform:uppercase;flex:none;grid-template-columns:28px 1fr 36px 52px;align-items:center;column-gap:4px;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-table-body{overscroll-behavior:contain;background:var(--color-surface);flex:0 auto;min-height:0;overflow-y:auto}.death-modal-row{text-align:left;grid-template-columns:28px 1fr 36px 52px;align-items:baseline;column-gap:4px;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-muted);font-variant-numeric:tabular-nums;font-family:"RuneScape Plain 11",sans-serif;font-size:16px}.death-modal-source{color:var(--color-text-body)}.death-modal-attack-style{color:var(--color-text-muted);text-shadow:none;margin-left:4px;font-family:"RuneScape Plain 11",sans-serif;font-size:16px}.death-modal-amount{text-align:right;font-variant-numeric:tabular-nums;font-family:"RuneScape Bold 12",sans-serif}.death-modal-amount.is-damage{color:var(--color-error)}.death-modal-amount.is-zero{color:var(--color-text-muted)}.death-modal-prayer{text-align:right;color:var(--color-secondary)}.death-modal-prayer.is-wrong{color:var(--color-error)}.death-modal-prayer.is-none{color:var(--color-text-muted)}.death-modal-actions{opacity:1;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:400px;animation:.6s cubic-bezier(.16,1,.3,1) .65s backwards outcome-actions-in;display:flex}@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)}}@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{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)}@keyframes death-reduced-fade{0%{opacity:0}to{opacity:1}}}@media (max-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:16px}.death-modal-damage-section{margin-bottom:16px;padding:10px 12px}.death-modal-table-headers,.death-modal-row{grid-template-columns:24px 1fr 32px 46px}}@media (max-height:560px){.death-modal-overlay{padding-block:max(12px, var(--safe-top,0px)) max(12px, var(--safe-bottom,0px))}.death-modal-eyebrow,.death-modal-heading,.death-modal-emblem{margin-bottom:8px}.death-modal-heading{letter-spacing:2px;text-shadow:var(--crest-shadow-md);font-size:32px}.death-modal-reason,.death-modal-damage-section{margin-bottom:16px}.death-modal-damage-section{padding-block:8px}.death-modal-damage-header{margin-bottom:4px;padding-bottom:4px}.death-modal-row{padding-block:3px}.death-modal-actions{gap:8px}}@media (max-width:600px) and (max-height:720px){.death-modal-eyebrow{display:none}}@media (max-width:600px) and (orientation:portrait){.death-modal-overlay{padding-block:max(16px, var(--safe-top,0px)) max(16px, var(--safe-bottom,0px))}}@media (max-height:440px) and (min-width:560px) and (orientation:landscape){.death-modal-content-wrapper:has(>.death-modal-damage-section){grid-template-rows:minmax(0,1fr) repeat(6,auto) minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-areas:".panel""eyebrow panel""heading panel""emblem panel""reason panel""actions panel""lobby panel"".panel";justify-items:center;column-gap:24px;max-width:760px;display:grid}.death-modal-eyebrow{grid-area:eyebrow}.death-modal-heading{grid-area:heading}.death-modal-emblem{grid-area:emblem}.death-modal-reason{grid-area:reason}.death-modal-actions{grid-area:actions}.death-modal-damage-section{grid-area:panel;align-self:center;max-width:100%;max-height:100%;margin-bottom:0}}@keyframes outcome-actions-in{0%{opacity:0;visibility:hidden;transform:translateY(10px)}to{opacity:1;visibility:visible;transform:translateY(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;-webkit-appearance:none;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)}:root[data-focus-source=keyboard] .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-accent-text)}.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-direction:column;gap:8px;padding-bottom:12px;display:flex}.loadout-bar-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.loadout-bar-heading .section-label{margin:0}.loadout-bar-tools{flex-shrink:0}.loadout-bar-identity{flex-direction:column;align-items:stretch;gap:4px;min-width:0;display:flex}.loadout-bar-identity:empty{display:none}.loadout-bar-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text-body);font:16px/20px "RuneScape Bold 12",sans-serif;overflow:hidden}.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-current-state{color:var(--color-text-muted);font:16px/18px "RuneScape Plain 11",sans-serif}.loadout-bar-actions{margin-top:4px}.loadout-bar-draft{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.loadout-bar-draft>.loadout-current-state{flex:none}.loadout-bar-commit{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;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:16px;line-height:20px;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,color-mix(in srgb, var(--color-primary) 6%, transparent));border-color:var(--color-secondary);color:var(--color-accent-text);position:relative}.loadout-bar-save:hover{background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary-hover)}:is(:root[data-focus-source=keyboard] .loadout-bar-back:focus-visible,:root[data-focus-source=keyboard] .loadout-bar-save:focus-visible){border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary);outline:none}@starting-style{.loadout-bar-action{opacity:0}}.loadout-io{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.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{color:var(--color-text-body)}:root[data-focus-source=keyboard] .loadout-io-btn:focus-visible{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary);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}@keyframes loadout-check-draw{0%{stroke-dashoffset:13px}to{stroke-dashoffset:0}}.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}@keyframes loadout-cross-draw{0%{stroke-dashoffset:8px}to{stroke-dashoffset:0}}.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}@starting-style{.loadout-draft-name{opacity:0}}.loadout-draft-name:hover{box-shadow:inset 0 0 0 1px var(--color-primary-structure)}:root[data-focus-source=keyboard] .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:16px;line-height:20px;animation:4.2s both loadout-status-lifetime;display:flex;overflow:hidden}@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}}.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{isolation:isolate;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;position:relative}.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-shelf{flex-direction:column;gap:8px;margin-top:4px;display:flex}.loadout-shelf-toggle{box-sizing:border-box;width:100%;min-height:var(--loadout-action-height,32px);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin:0;padding:6px 0;display:flex}.loadout-shelf-toggle:hover{color:var(--color-text-body)}.loadout-shelf-mark{flex:none}.loadout-shelf-toggle[aria-expanded=true] .loadout-shelf-mark{transform:rotate(90deg)}.loadout-shelf-items{flex-direction:column;gap:8px;display:flex}.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-tile--saved .loadout-tile-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:clip}.loadout-saved-cell{background:var(--color-bg-solid);flex-direction:column;min-width:0;display:flex;position:relative}.loadout-saved-delete{z-index:1;box-sizing:border-box;width:24px;height:24px;color:var(--color-secondary);cursor:pointer;background:0 0;border:0;border-radius:2px;justify-content:flex-end;align-items:flex-start;margin:0;padding:2px;transition:color .15s;display:inline-flex;position:absolute;top:1px;right:1px}:is(.loadout-saved-delete:hover,.loadout-saved-delete:focus-visible,.loadout-saved-delete[aria-expanded=true]){color:var(--color-error)}@media (hover:hover) and (pointer:fine){.loadout-saved-delete{visibility:hidden}.loadout-saved-cell:hover .loadout-saved-delete,:root[data-focus-source=keyboard] .loadout-saved-cell:focus-within .loadout-saved-delete,.loadout-saved-delete[aria-expanded=true]{visibility:visible}}:root[data-focus-source=keyboard] .loadout-saved-delete:focus-visible{outline:1px solid var(--color-primary);outline-offset:-1px}.loadout-saved-confirm{background:var(--color-surface-inset);border:1px solid color-mix(in srgb, var(--color-error) 55%, var(--color-border));border-radius:2px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:8px;display:flex}.loadout-saved-confirm-name{min-width:0;color:var(--color-text-body);overflow-wrap:anywhere;flex:180px;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;line-height:20px}.loadout-saved-confirm-actions{justify-content:center;align-items:center;gap:8px;margin-left:auto;display:flex}.loadout-saved-confirm-btn{min-height:var(--loadout-action-height);background:var(--color-surface);border:1px solid var(--color-border);white-space:nowrap;cursor:pointer;border-radius:2px;min-width:44px;padding:3px 8px;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;line-height:20px;transition:background .15s,border-color .15s,color .15s}:root[data-focus-source=keyboard] .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)}:root[data-focus-source=keyboard] .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:16px;line-height:20px;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,color-mix(in srgb, var(--color-primary) 6%, transparent));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-accent-text)}.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{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.loadout-tile,.loadout-saved-delete,.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{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}.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}:root[data-focus-source=keyboard] .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-accent-text)}.combat-stats{border-top:1px solid var(--color-border);background:var(--color-bg-solid);flex-direction:column;gap:8px;margin-top:16px;padding-top:12px;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:8px;display:flex}.combat-stats__action{min-height:var(--loadout-action-height,32px);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-secondary);cursor:pointer;border-radius:2px;padding:0 8px;font:16px/20px "RuneScape Plain 12",sans-serif}.combat-stats__action:hover{background:var(--color-surface-hover);border-color:var(--color-primary-structure);color:var(--color-accent-text)}.combat-stats__action[aria-expanded=true],.combat-stats__action[aria-expanded=true]:hover{background:var(--color-surface-inset);border-color:var(--color-primary-structure);color:var(--color-accent-text)}.combat-stats__action--import{align-items:center;gap:6px;display:inline-flex}.combat-stats__action--import[aria-expanded=true] svg{transform:rotate(180deg)}.combat-stats__unlocks{border:0;min-width:0;margin:0;padding:0}.combat-stats__unlocks legend{color:var(--color-text-muted);padding:0 0 4px;font:16px/18px "RuneScape Plain 11",sans-serif}.combat-stats__unlocks .mechanics-toggles{flex-flow:wrap;gap:4px 12px}.combat-stats__unlocks .setting-row{min-height:28px;padding-left:0}.combat-stats__unlocks .osrs-checkbox__label{text-shadow:none;line-height:20px}.combat-stats__import-panel{align-self:flex-start;width:min(100%,352px)}.combat-stats__import{grid-template-columns:minmax(0,1fr) 120px;align-items:stretch;gap:0 8px;display:grid}.combat-stats__player-name{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;outline:none;grid-area:1/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{box-sizing:border-box;width:120px;min-height:36px;text-shadow:none;white-space:nowrap;border-radius:2px;grid-area:1/2;padding:0 10px;font-size:16px;line-height:20px;transition:background-color .15s,border-color .15s,color .15s}.combat-stats__import .osrs-btn:disabled{opacity:1;color:var(--color-text-muted)}.combat-stats__player-name:hover{border-color:var(--color-primary-structure)}.combat-stats__player-name:focus{border-color:var(--color-primary)}.combat-stats__player-name::placeholder{color:var(--color-text-muted);opacity:1;font-family:"RuneScape Plain 11",sans-serif}.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{border:1px solid var(--color-border);background:var(--color-bg-elevated);border-radius:2px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid}.combat-stats__tile{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);grid-template-columns:20px minmax(0,1fr) 40px;align-items:center;gap:6px;min-width:0;padding:4px 6px;display:grid}.combat-stats__tile:nth-last-child(-n+4){border-bottom:0}.combat-stats__tile-name{color:var(--color-text-body);white-space:nowrap;grid-area:1/2;font-family:"RuneScape Plain 11",sans-serif;font-size:16px;line-height:18px}.combat-stats__icon{grid-area:1/1}.combat-stats__icon--silhouette{filter:invert()}.num-input.combat-stats__input{background:var(--color-surface-inset);grid-area:1/3;min-width:0;min-height:32px}.num-input.combat-stats__input:focus-within{box-shadow:none}.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:4px 0;font-size:16px;line-height:20px}.combat-stats__tile--unmet .num-input.combat-stats__input{border-color:var(--color-warning)}.combat-stats__requirements{flex-wrap:wrap;gap:4px 12px;font-family:"RuneScape Plain 11",sans-serif;font-size:16px;line-height:18px;display:flex}.combat-stats__requirements-label{color:var(--color-text-body)}.combat-stats__req{color:var(--color-warning)}@media (max-width:720px),(pointer:coarse){.combat-stats__tile{grid-template-columns:20px minmax(0,1fr) 48px;padding-block:2px}.num-input.combat-stats__input{min-height:44px}.combat-stats__input .num-input__field{min-height:42px;padding-block:0;font-size:16px}.combat-stats__unlocks .setting-row,.combat-stats__unlocks .osrs-checkbox{min-height:44px}}@media (max-width:600px){.combat-stats__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.combat-stats__tile:nth-last-child(-n+4){border-bottom:1px solid var(--color-border)}.combat-stats__tile:nth-last-child(-n+2){border-bottom:0}}@media (pointer:coarse){.combat-stats__player-name,.combat-stats__import .osrs-btn{min-height:44px}}.rune-pouch-row{display:contents}.rune-pouch-bar{--rune-pouch-grid-width:calc(4 * var(--loadout-slot-size,36px) + 14px);margin-right:min(var(--loadout-inventory-centre-inset) - var(--rune-pouch-grid-width) / 2, 2 * var(--loadout-inventory-centre-inset) - var(--rune-pouch-grid-width));align-items:center;gap:12px;display:flex}.rune-pouch-bar>.section-label{text-align:right}.rune-pouch-slots{grid-template-columns:repeat(4, minmax(calc(var(--loadout-slot-size,36px) + 2px), max-content));flex:none;gap:2px;display:grid}.rune-pouch-slot,.rune-pouch-choice{flex:none}.rune-pouch-icon{pointer-events:none}.rune-pouch-reveal{margin-top:calc(-1 * var(--supplies-row-gap,0px));flex:0 0 100%;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}.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{--rune-choice-size:var(--loadout-slot-size,36px);grid-template-columns:repeat(auto-fill, calc(var(--rune-choice-size) + 2px));gap:2px;display:grid}.rune-pouch-tray>.rune-pouch-choice{width:var(--rune-choice-size);height:var(--rune-choice-size)}.rune-pouch-tray:focus-visible{outline:none}.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-tray{--rune-choice-size:42px}.rune-pouch-slot{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;width:min(336px,100vw - 24px);max-height:calc(100vh - 16px);background:var(--color-surface);border:1px solid var(--color-border);border-radius:2px;flex-direction:column;gap:8px;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}@starting-style{.slot-picker{opacity:0;transform:scale(.96)}}@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:16px/20px "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],.slot-picker__filters button[aria-pressed=true]:hover{border-color:var(--color-primary-structure);background:var(--color-surface-inset);color:var(--color-accent-text)}.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),(max-width:720px),(max-height:540px){.slot-picker__close,.slot-picker__clear,.slot-picker__filters button{min-height:44px}.slot-picker__close{width:44px}.slot-picker__option,.slot-picker .slot-picker__search,.slot-picker .osrs-checkbox,.slot-picker .info-hint{min-height:44px}.slot-picker .info-hint{justify-content:flex-start;align-items:center;min-width:44px;margin-bottom:0}.slot-picker button.info-hint:before{inset:0}:root[data-mobile-ui] .slot-picker[data-msheet] .osrs-checkbox{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:16px;line-height:20px;transition:border-color .15s}.slot-picker__search::placeholder{color:var(--color-secondary);opacity:1}.slot-picker__search:hover{border-color:var(--color-primary-structure)}:root[data-focus-source=keyboard] .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{flex-direction:column;flex-shrink:1;min-height:0;display:flex;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:16px;line-height:20px}.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)}:root[data-focus-source=keyboard] .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-accent-text)}.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:16px;line-height:20px}.slot-picker__notes{display:contents}.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:16px}.slot-picker__terms{background:var(--color-surface);color:var(--color-text-body);margin:0;font-family:"RuneScape Plain 12",sans-serif;font-size:16px;line-height:20px}@media (orientation:landscape) and (max-height:540px){.slot-picker{width:min(680px,100vw - 24px);height:min(420px,100vh - 24px);grid-template-rows:auto auto minmax(44px,1fr) auto;grid-template-columns:min(240px,36vw) minmax(0,1fr);gap:8px 16px;height:min(420px,100dvh - 24px);display:grid}.slot-picker__heading{grid-area:1/1}.slot-picker__current{grid-area:2/1;align-self:start}.slot-picker__search{grid-area:1/2}.slot-picker__filters{grid-area:2/2;align-self:start}.slot-picker__results{grid-area:3/2}.slot-picker:not(:has(.slot-picker__filters)) .slot-picker__results{grid-row:2/4}.slot-picker__list{height:100%;max-height:none}.slot-picker__notes{grid-area:4/2;display:block}.slot-picker:not(:has(.slot-picker__option)) .slot-picker__notes{grid-row:3/5;align-self:start}.slot-picker:not(:has(.slot-picker__option)) .slot-picker__results{display:none}.slot-picker__footer{grid-area:3/1/5;justify-content:flex-start;align-self:start;align-items:flex-start;position:relative}}.setup-notes{background:color-mix(in srgb, var(--color-warning) 9%, var(--color-bg-solid));border-bottom:1px solid color-mix(in srgb, var(--color-warning) 40%, var(--color-bg-solid));flex-direction:column;flex-shrink:0;gap:4px;padding:8px 16px;display:flex}.setup-note{color:var(--color-warning);align-items:flex-start;gap:4px;margin:0;font:16px/20px "RuneScape Plain 12",sans-serif;display:flex}.setup-note>.loadout-slot-unverified{flex-shrink:0;margin-top:3px;position:static}.setup-note>span{min-width: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);text-decoration-color:var(--color-primary-structure);text-underline-offset:3px;transition:text-decoration-color .15s}.wiki-link:hover{color:var(--color-accent-text);outline:none}.wiki-link:hover .wiki-link-label{-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary)}.cfield{background:var(--color-bg-solid);border-bottom:1px solid var(--color-primary-structure);flex-direction:column;display:flex}.cfield-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;align-items:center;gap:8px;padding:8px 16px;transition:background .15s;display:flex}.cfield-header:hover{background:var(--color-surface-hover)}.cfield-chevron{width:10px;height:10px;color:var(--color-text-muted);flex-shrink:0;transition:transform .2s cubic-bezier(.2,.8,.2,1),color .2s}.cfield-header[aria-expanded=true] .cfield-chevron{color:var(--color-primary);transform:rotate(90deg)}.cfield-header:hover .cfield-chevron{color:var(--color-secondary)}.cfield-header[aria-expanded=true]:hover .cfield-chevron{color:var(--color-primary)}.cfield-label{letter-spacing:1px;text-transform:uppercase;color:var(--color-text-muted);flex-shrink:0;font-family:"RuneScape Bold 12",sans-serif;font-size:11px}.cfield-summary{text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:16px;overflow:hidden}.cfield-header[aria-expanded=true] .cfield-summary--hide-open{display:none}.cfield-body{grid-template-rows:0fr;transition:grid-template-rows .25s cubic-bezier(.2,.8,.2,1);display:grid}.cfield-body--open{grid-template-rows:1fr}.cfield-body-inner{min-height:0;overflow:hidden}.modifier-summary{color:var(--color-primary);white-space:nowrap;font-family:"RuneScape Bold 12",sans-serif;font-size:13px}.modifier-list{border-top:1px solid #ffffff0a;padding:12px 16px 12px 34px;container-type:inline-size}.modifier-grid{grid-template-columns:minmax(0,1fr);row-gap:12px;display:grid}@container (width>=600px){.modifier-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--modifier-rows,1), auto);background:linear-gradient(var(--color-border), var(--color-border)) center / 1px 100% no-repeat;grid-auto-flow:column;column-gap:41px}}.modifier-row{grid-template-rows:auto auto;grid-template-columns:40px minmax(0,1fr) auto;align-content:start;align-items:center;gap:3px 10px;min-width:0;display:grid}.modifier-slot{box-sizing:border-box;background:var(--color-surface-inset);border:1px solid var(--color-border);contain:paint;border-radius:2px;grid-row:1/span 2;align-self:start;place-items:center;width:40px;height:40px;transition:border-color .15s;display:grid}.modifier-slot canvas{filter:grayscale()brightness(.65);transition:filter .15s}.modifier-row--active .modifier-slot{border-color:var(--color-primary-structure)}.modifier-row--active .modifier-slot canvas{filter:none}.modifier-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text-muted);text-shadow:1px 1px #000;font-family:"RuneScape Bold 12",sans-serif;font-size:14px;overflow:hidden}.modifier-row--active .modifier-name{color:var(--color-secondary)}.modifier-tiers{background:var(--color-surface-inset);border:1px solid var(--color-border);border-radius:2px;grid-template-columns:repeat(4,28px);gap:2px;padding:2px;display:grid}.modifier-tier{box-sizing:border-box;height:18px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;padding:0;font-family:"RuneScape Bold 12",sans-serif;font-size:11px;line-height:16px;transition:background .15s,color .15s,border-color .15s}.modifier-tier:hover{background:var(--color-surface-hover);color:var(--color-secondary)}.modifier-tier--selected{background:var(--color-surface-hover);color:var(--color-text-body);cursor:default}.modifier-row--active .modifier-tier--selected,.modifier-row--active .modifier-tier--selected:hover{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 18%, var(--color-surface-inset));color:var(--color-primary)}.modifier-effect{grid-column:2/-1;display:grid}.modifier-effect>p{color:var(--color-text-muted);grid-area:1/1;margin:0;font-family:"RuneScape Plain 12",sans-serif;font-size:13px;line-height:15px}.modifier-effect>.modifier-effect-spacer{visibility:hidden}.modifier-row--active .modifier-effect>p{color:var(--color-text-body)}.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 (max-width:720px),(pointer:coarse){.starthp-input .num-input__field{text-align:right;min-height:0;padding-block:0}}.bug-reports-link{color:var(--color-secondary);text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--color-primary-structure);text-decoration-color:var(--color-primary-structure);text-underline-offset:3px;white-space:nowrap;transition:color .15s,text-decoration-color .15s}.bug-reports-link:hover{color:var(--color-accent-text);-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary)}.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{width:min(560px,95vw);max-height:min(88vh,800px);background:var(--color-bg-solid);border:1px solid var(--modal-card-border);border-radius:var(--modal-radius);flex-direction:column;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}@keyframes encounter-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(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 12px 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-accent-text);background:var(--primary-dim);border-color:color-mix(in srgb, var(--color-primary) 45%, transparent)}.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)}.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)}.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;--loadout-inventory-centre-inset:calc((100% - var(--loadout-column-gap)) / 4);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}@keyframes loadout-editor-settle{0%{border-color:var(--color-primary)}to{border-color:#0000}}@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;display:grid;position:relative}.loadout-supplies{--supplies-row-gap:8px;justify-content:space-between;align-items:center;gap:var(--supplies-row-gap) var(--loadout-column-gap);border-top:1px solid var(--color-border);flex-wrap:wrap;padding:8px 10px;display:flex}.loadout-supplies .section-label{line-height:16px}.loadout-editor-guidance{color:var(--color-text-muted);grid-column:1/-1;margin:0;font:16px/18px "RuneScape Plain 11",sans-serif}.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 (max-width:359px){.loadout-editor{--loadout-columns:minmax(0, 1fr);--loadout-inventory-centre-inset:50%}.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-assists{border:0;min-width:0;margin:8px 0 0;padding:0}.encounter-fight-controls>.section-label,.encounter-assists>.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{margin-left:0}.encounter-start-btn{min-width:176px}.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);-webkit-appearance:none;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)}:root[data-focus-source=keyboard] .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}.inventory-grid{-webkit-user-select:none;user-select:none}.inventory-slot.inventory-slot--carried,.inventory-slot.inventory-slot--carried:hover{background:var(--color-surface-inset);border-color:var(--color-primary-structure);border-style:dashed}.inventory-slot--carried>*{opacity:.25}.inventory-slot.inventory-slot--drop,.inventory-slot.inventory-slot--drop:hover{background:var(--primary-dim);border-color:var(--color-primary)}.inventory-grid--carrying .inventory-slot:not(.inventory-slot--drop):hover{border-color:var(--color-border);background:var(--color-surface-inset)}.inventory-grid--carrying .inventory-slot--filled:not(.inventory-slot--drop):hover{background:var(--color-surface)}.inventory-drag-ghost{z-index:1300;width:var(--loadout-slot-size,36px);height:var(--loadout-slot-size,36px);margin:calc(var(--loadout-slot-size,36px) / -2) 0 0 calc(var(--loadout-slot-size,36px) / -2);pointer-events:none;filter:drop-shadow(0 3px 4px #0000008c);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}@media (max-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}}@media (min-width:840px){.encounter-panel-card{width:min(816px,95vw);max-height:min(100vh - 48px,900px);max-height:min(100dvh - 48px,900px)}.loadout-frame{justify-content:center}}@media (max-height:540px),(max-width:600px){:root[data-mobile-ui] .encounter-panel-header-info{flex-flow:wrap;align-items:center;gap:4px 12px}:root[data-mobile-ui] .encounter-panel-header h2{font-size:16px}:root[data-mobile-ui] .encounter-panel-body{gap:12px;padding:10px 12px}}@media (max-height:540px) and (orientation:landscape){:root[data-mobile-ui] .encounter-panel-body{grid-template-columns:minmax(0,1fr) 196px}:root[data-mobile-ui] .encounter-panel-rail{border-top:none;border-left:1px solid var(--color-border);padding:0 0 0 12px}}.encounter-panel-card{width:min(920px,100vw - 48px);height:min(800px,100vh - 48px);height:min(800px,100dvh - 48px);max-height:min(800px,100vh - 48px);max-height:min(800px,100dvh - 48px);animation:none}.encounter-panel-header{align-items:center;padding-left:136px;position:relative}.encounter-panel-header-info{flex:1}.encounter-panel-header .encounter-beta-note{background:var(--color-bg-elevated);flex-wrap:wrap;align-items:center;gap:0 6px;display:flex}.encounter-panel-header h2{color:var(--color-heading);white-space:normal;font-size:32px;line-height:36px}.configurer-portrait{background:0 0;border:0;width:120px;position:absolute;inset:0 auto 0 0}.configurer-portrait:after{content:"";pointer-events:none;background:linear-gradient(to bottom, transparent 72%, var(--color-bg-elevated) 100%);position:absolute;inset:0}.configurer-portrait[data-portrait=thumb]:after{background:radial-gradient(circle farthest-side at 50% 46%, transparent 58%, var(--color-bg-elevated) 100%);width:56px;height:56px;margin:auto}.configurer-portrait[data-portrait=thumb] img{max-width:56px;max-height:56px;margin:auto;position:absolute;inset:0}.encounter-panel-body{scrollbar-gutter:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;padding:0;overflow:visible}.encounter-panel-body[hidden],:root[data-mobile-ui] .encounter-panel-body[hidden]{display:none}.encounter-panel-main,.encounter-panel-rail{background:var(--color-surface);scrollbar-gutter:stable;min-height:0;padding:16px;overflow-y:auto}.encounter-panel-rail{border-left:1px solid var(--color-border);background:var(--color-bg-solid);isolation:isolate}.encounter-panel-main .loadout-section{min-height:min-content}.encounter-panel-card .section-label{letter-spacing:0;text-transform:none;color:var(--color-secondary);font-size:16px;line-height:20px}.encounter-panel-card .rail-section{margin-top:12px;padding:12px 0 0}.encounter-panel-card .rail-section:first-of-type{margin-top:0;padding-top:0}.encounter-panel-card .configurer-rail-heading,.encounter-panel-card .loadout-bar-heading>.section-label{color:var(--color-heading);letter-spacing:0;text-transform:none;margin:0;font:16px/20px "RuneScape Bold 12",sans-serif}.encounter-panel-card .configurer-rail-heading{margin-bottom:16px}.configurer-contracts h3,.configurer-section-head h3,.configurer-subhead h3{color:var(--color-secondary);margin:0;font-size:16px;font-weight:400;line-height:20px}.configurer-subhead h3{color:var(--color-heading)}.configurer-section-head h3>span{color:var(--color-text-muted);font-family:"RuneScape Plain 12",sans-serif}.encounter-panel-card .mechanics-choice-label,.encounter-panel-card .mechanics-choice-segment,.encounter-panel-card .loadout-io-btn,.encounter-panel-card .spellbook-option,.encounter-panel-card .starthp-label{font-size:16px;line-height:20px}.loadout-unlocks-disclosure .setting-row{position:static}.encounter-panel-card .rail-section .setting-row{padding-left:0}.encounter-panel-card .starthp-field{flex-flow:wrap;align-items:center;gap:12px}.configurer-contract-options{border:0;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:4px;margin:8px 0;display:grid}.configurer-contract-options[hidden]{display:none}.configurer-contract-current{box-sizing:border-box;border:1px solid var(--color-primary-structure);background:var(--primary-dim);width:100%;min-height:44px;color:var(--color-heading);text-align:left;cursor:pointer;border-radius:2px;justify-content:space-between;align-items:center;gap:12px;margin:8px 0;padding:8px;font:16px/20px "RuneScape Bold 12",sans-serif;display:flex}.configurer-contract-current:hover,.configurer-contract-current[aria-expanded=true],.configurer-contract-current[aria-expanded=true]:hover{border-color:var(--color-primary);background:var(--primary-dim);color:var(--color-heading)}.configurer-contract-action{color:var(--color-secondary);flex-shrink:0;font-family:"RuneScape Plain 12",sans-serif}.configurer-contract-options button,.encounter-panel-card .mechanics-choice-segment,.loadout-phone-summary button{box-sizing:border-box;border:1px solid var(--color-border);background:var(--color-surface);min-height:32px;color:var(--color-secondary);cursor:pointer;border-radius:2px;padding:5px 8px;font:16px/20px "RuneScape Plain 12",sans-serif}.configurer-contract-options button{border-color:var(--color-border);border-radius:2px}.configurer-contract-options button,.loadout-phone-summary button{text-align:left}.configurer-contract-options button:hover,.encounter-panel-card .mechanics-choice-segment:hover{background:var(--color-surface-hover);border-color:var(--color-primary-structure);color:var(--color-text-body)}.configurer-contract-options button[aria-pressed=true],.configurer-contract-options button[aria-pressed=true]:hover,.encounter-panel-card .mechanics-choice-segment.is-active,.encounter-panel-card .mechanics-choice-segment.is-active:hover{background:var(--primary-dim);border-color:var(--color-primary);color:var(--color-accent-text)}.encounter-panel-card .mechanics-choice-segmented{background:var(--color-surface);border:1px solid var(--color-border);border-radius:2px;gap:0;padding:0}.encounter-panel-card .mechanics-choice-segment{border-color:#0000;border-radius:0}.encounter-panel-card .mechanics-choice-segmented.has-icons .mechanics-choice-segment{flex-direction:row;gap:6px;min-height:32px}.configurer-contract-terms{color:var(--color-text-body);padding:4px 0 0;font:16px/24px "RuneScape Plain 12",sans-serif}.encounter-panel-card :is(.configurer-contracts,.configurer-modifiers,.configurer-encounter-setup)+.rail-section{border-top:1px solid var(--color-border);margin-top:0;padding-top:16px}.configurer-contract-terms summary{color:var(--color-secondary);cursor:pointer}.configurer-contract-terms[open]{padding-bottom:12px}.configurer-contract-terms[open] summary{color:var(--color-heading)}.encounter-panel-card .variant-detail-reward-label{color:var(--color-text-muted);margin-right:8px}.configurer-contract-terms ul{margin:8px 0;padding-left:20px}.configurer-section-head,.configurer-subhead{justify-content:space-between;align-items:center;gap:12px;display:flex}.configurer-subhead{border-bottom:1px solid var(--color-border);flex-wrap:wrap;flex-shrink:0;gap:16px;padding:8px 16px}.configurer-subhead-note{color:var(--color-text-body);margin:0;font:16px/20px "RuneScape Plain 11",sans-serif}.configurer-subhead h3{margin-right:auto}.configurer-modifier-count{color:var(--color-secondary);margin:0 auto 0 0;font:16px/20px "RuneScape Plain 12",sans-serif}.configurer-return-btn{min-width:208px}.encounter-panel-card--loadout .loadout-bar-heading>.section-label,.encounter-panel-card--loadout .loadout-bar-value{display:none}.configurer-modifiers{margin-bottom:0}.configurer-modifier-editor{background:var(--color-bg-solid);flex:1;min-height:0;padding:16px;overflow-y:auto}.configurer-modifier-editor .modifier-grid{grid-template-columns:40px minmax(100px,.7fr) minmax(0,1.5fr) max-content;gap:0 16px}.configurer-modifier-editor .modifier-row{grid-column:1/-1;grid-template-columns:subgrid;border-bottom:1px solid var(--color-border);grid-template-rows:auto;gap:16px;padding:8px 0}.configurer-modifier-editor .modifier-slot{grid-row:1}.configurer-modifier-editor .modifier-name{grid-column:2}.configurer-modifier-editor .modifier-tiers{grid-area:1/4;justify-self:end}.configurer-modifier-editor .modifier-effect{grid-area:1/3}.configurer-modifier-overview{background:var(--color-bg-solid);color:var(--color-secondary);grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;margin:8px 0 12px;padding:0;font:16px/20px "RuneScape Plain 12",sans-serif;list-style:none;display:grid}.configurer-modifier-overview li{grid-template-columns:20px minmax(0,1fr);align-items:start;column-gap:8px;min-width:0;padding-block:4px;display:grid}.configurer-modifier-label{background:var(--color-bg-solid);grid-area:1/2;align-items:baseline;gap:6px;min-width:0;display:flex}.configurer-modifier-name{overflow-wrap:anywhere;min-width:0}.configurer-modifier-icon{contain:paint;grid-area:1/1;place-items:center;width:20px;height:20px;display:grid}.configurer-modifier-tier{color:var(--color-accent-text);flex-shrink:0;font-family:"RuneScape Bold 12",sans-serif}.configurer-modifier-empty{color:var(--color-text-body);margin:8px 0 12px;font:16px/20px "RuneScape Plain 12",sans-serif}.configurer-modifier-editor .modifier-effect>:first-child.modifier-effect-spacer{display:none}.encounter-panel-card .modifier-tiers{grid-template-columns:repeat(var(--modifier-tier-count,4), 36px)}.encounter-panel-card .modifier-tier{height:28px;font-size:16px;line-height:20px}.encounter-panel-card .modifier-tier--selected{background:color-mix(in srgb, var(--color-surface-hover) 55%, var(--color-surface-inset))}.encounter-panel-card .modifier-row--active .modifier-tier--selected,.encounter-panel-card .modifier-row--active .modifier-tier--selected:hover{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 18%, var(--color-surface-inset));color:var(--color-primary)}.encounter-panel-card .modifier-name{white-space:normal;color:var(--color-secondary);font-size:16px;line-height:20px}.encounter-panel-card .modifier-effect>p{font-size:16px;line-height:20px}.encounter-panel-header .encounter-description{margin:0;font-size:16px;line-height:20px}.encounter-panel-rail{gap:8px}.encounter-panel-card .rail-section .mechanics-toggles{flex-flow:wrap;gap:6px 12px;display:flex}.encounter-panel-card .rail-section .mechanics-toggles>*{flex:176px;min-width:0;max-width:280px}.encounter-panel-card .rail-section .mechanics-toggles>:is(.mechanics-group-rule,.mechanics-feature-keybindings),.encounter-panel-card .rail-section .mechanics-toggles>:is(.mechanics-choice,.starthp-field){flex-basis:100%;max-width:none}.encounter-panel-card .rail-section .mechanics-toggles>:has(.mechanics-choice,.starthp-field){flex-basis:100%;max-width:none}.encounter-panel-card .loadout-list{margin-top:0}.encounter-panel-card .loadout-tile{justify-content:flex-start}.encounter-panel-card .loadout-bar{gap:6px}.encounter-panel-card .loadout-editor-guidance{color:var(--color-text-muted);grid-area:2/1/auto/-1;margin:4px 0 0;font:16px/20px "RuneScape Plain 11",sans-serif}.encounter-panel-card .loadout-equipment-column{grid-area:1/1}.encounter-panel-card .loadout-inventory-column{grid-area:1/2}.encounter-panel-card .loadout-supplies .section-label{font:16px/18px "RuneScape Plain 11",sans-serif}.configurer-start-summary{text-align:right;min-width:0;color:var(--color-secondary);flex-direction:column;margin-left:auto;font:16px/20px "RuneScape Plain 12",sans-serif;display:flex}.configurer-start-summary strong{font-family:"RuneScape Bold 12",sans-serif;font-weight:400}:is(.encounter-panel-footer .encounter-tutorial-btn,.encounter-panel-footer:not(:has(.encounter-tutorial-btn)) .encounter-back-btn){margin-right:auto}.encounter-panel-card .encounter-start-btn{min-width:208px;font-size:16px}.encounter-panel-footer .configurer-start-summary--draft>span,.encounter-panel-card .loadout-current-state{color:var(--color-text-body)}.encounter-panel-card .loadout-grid-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.encounter-panel-card .loadout-tile:not(.loadout-tile--blocked){text-align:left;flex-direction:row;gap:8px;min-height:40px;padding:4px 8px}.encounter-panel-card .loadout-tile:not(.loadout-tile--selected):not(:hover){border-color:var(--color-border);background:var(--color-surface)}.encounter-panel-card .loadout-tile-icon{background:0 0;border:0}.encounter-panel-card .loadout-tile-icons{flex:none}.encounter-panel-card :is(.loadout-tile-icon,.equip-slot,.inventory-slot){contain:paint}.encounter-panel-card .loadout-tile-name{white-space:normal;text-overflow:clip;font-size:16px;line-height:20px;overflow:visible}.loadout-tile-check{color:var(--color-primary);flex:none;margin-left:auto}.encounter-panel-card .loadout-current{white-space:normal}.encounter-panel-card .loadout-bar{border:none;justify-content:center;min-height:32px;padding:4px 0}.encounter-panel-card .loadout-body{padding-top:0}.encounter-panel-card .loadout-body>.loadout-group-heading{color:var(--color-heading);text-transform:none;letter-spacing:0;margin:8px 0;font:16px/20px "RuneScape Bold 12",sans-serif}.encounter-panel-card .loadout-editor{background:var(--color-surface);border:0;margin-top:4px}.encounter-panel-card .loadout-frame{background:var(--color-surface);row-gap:4px;padding:8px 0}.encounter-panel-card .loadout-supplies{background:var(--color-surface);flex-wrap:wrap;gap:8px;padding:8px 0}.encounter-panel-card .loadout-supplies :is(.spellbook-row,.rune-pouch-bar){flex-direction:column;flex:1 0 auto;gap:4px;margin-right:0}.encounter-panel-card .loadout-editor :is(.equip-slot,.inventory-slot){background:var(--color-surface-inset)}.encounter-panel-card .loadout-editor :is(.equip-slot,.inventory-slot):hover{background:var(--color-surface-hover)}.encounter-panel-card .loadout-editor :is(.equip-slot,.inventory-slot)[aria-pressed=true]{background:var(--primary-dim);border-color:var(--color-primary)}.loadout-stats-disclosure{border-top:1px solid var(--color-border);color:var(--color-secondary);margin-top:12px}.loadout-stats-disclosure,.loadout-unlocks-disclosure,.encounter-panel-card .combat-stats__header,.encounter-panel-card .combat-stats__actions{isolation:isolate;background:var(--color-surface)}.encounter-panel-card .combat-stats__grid{isolation:isolate}.encounter-panel-card .combat-stats__tile-name{background:var(--color-bg-elevated)}.loadout-unlocks-disclosure{border-top:1px solid var(--color-border);color:var(--color-secondary);margin-top:0}.loadout-unlocks-disclosure>summary{box-sizing:border-box;cursor:pointer;min-height:32px;padding:8px 0;font:16px/20px "RuneScape Bold 12",sans-serif}.encounter-panel-card .combat-stats__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.encounter-panel-card .combat-stats__tile{contain:paint}.encounter-panel-card .num-input:focus-within{box-shadow:none}.loadout-stats-disclosure>summary{cursor:pointer;padding:8px 0;font:16px/20px "RuneScape Bold 12",sans-serif}.loadout-stats-disclosure>summary span{margin-left:8px;font-family:"RuneScape Plain 12",sans-serif}.loadout-phone-summary{border-bottom:1px solid var(--color-border);align-items:center;gap:8px;padding-bottom:12px;display:flex}.loadout-summary-icon{contain:paint;flex:0 0 40px;place-items:center;width:40px;display:grid}.loadout-phone-summary>div{min-width:0;color:var(--color-secondary);flex:1;grid-template-columns:auto 1fr;gap:0 12px;font:16px/20px "RuneScape Plain 12",sans-serif;display:grid}.loadout-phone-summary strong{color:var(--color-heading);overflow-wrap:anywhere;font:16px/20px "RuneScape Bold 12",sans-serif}.loadout-phone-summary>div>span:last-child{grid-column:2}.loadout-phone-summary .loadout-summary-edit{display:none}.loadout-phone-summary button[aria-expanded=true],.loadout-phone-summary button[aria-expanded=true]:hover{background:var(--primary-dim);border-color:var(--color-primary);color:var(--color-accent-text)}.loadout-phone-summary button:hover{background:var(--color-surface-hover);color:var(--color-heading)}.loadout-phone-unsaved{color:var(--color-text-body)}.encounter-panel-card .loadout-bar-heading>.section-label,.encounter-panel-card .loadout-bar-value,.encounter-panel-card .loadout-current-state,.encounter-panel-card .loadout-body[hidden],.encounter-panel-card .loadout-io[hidden]{display:none}.encounter-panel-card .loadout-bar-heading:has(.loadout-io[hidden]){display:none}.loadout-section--drafting:not(.loadout-section--presets-open) .loadout-bar-heading{display:none}.loadout-section--presets-open>.loadout-picker{padding-bottom:12px}:is(.encounter-panel-card .loadout-bar:has(.loadout-bar-actions),.loadout-section--presets-open .loadout-bar){padding-top:4px}.encounter-panel-card .loadout-bar-actions{width:100%;margin-top:0}.encounter-panel-card .loadout-bar-draft{gap:8px}.encounter-panel-card .loadout-bar-action{min-height:32px}.encounter-panel-card .loadout-bar-commit{gap:6px}.encounter-panel-card .loadout-name-field{color:var(--color-secondary);flex-direction:column;gap:4px;font:16px/20px "RuneScape Plain 12",sans-serif;display:flex}.encounter-panel-card .loadout-draft-name{box-sizing:border-box;width:100%;min-height:32px;padding:5px 8px;font-size:16px;line-height:20px}.loadout-section--presets-open:not(.loadout-section--editing):not(.loadout-section--drafting)>.loadout-picker>.loadout-body{order:-1;margin-top:12px}.loadout-section--presets-open:not(.loadout-section--editing):not(.loadout-section--drafting)>.loadout-picker>.loadout-bar{border-bottom:0;padding-top:12px;padding-bottom:0}.encounter-panel-card .loadout-status{animation:none}.encounter-panel-card .rune-pouch-caption .section-label{font:16px/20px "RuneScape Plain 11",sans-serif}.encounter-panel-card .combat-stats{background:var(--color-surface);border-top:0;padding-top:0}.encounter-panel-card .encounter-fight-controls{margin-top:4px;padding-top:12px}.encounter-panel-card .encounter-assists{margin-top:12px}.encounter-panel-card .encounter-fight-controls>.configurer-section-head{margin-bottom:8px}.encounter-panel-footer{border-top-color:var(--color-border)}.encounter-panel-card .loadout-bar-value{margin-right:auto}.encounter-panel-title-row{flex-wrap:wrap;gap:4px 10px}.configurer-compact-context{color:var(--color-secondary);margin:0 6px 0 0;font:16px/20px "RuneScape Plain 12",sans-serif}.encounter-panel-card .encounter-panel-title-row .wiki-link{color:var(--color-secondary)}.encounter-panel-card .encounter-panel-header-badges:empty{display:none}.encounter-panel-card .encounter-badge--tutorial{color:var(--color-text-muted);background:0 0;border-color:#0000;padding-left:0}.encounter-panel-card--loadout .encounter-panel-rail{display:none}.encounter-panel-card--loadout .encounter-panel-body{grid-template-columns:1fr}@media (max-width:720px),(max-height:540px){.encounter-panel-overlay{padding:0}.encounter-panel-card{width:100%;height:100vh;max-height:100vh;height:100dvh;max-height:100dvh}.encounter-panel-header{gap:12px;padding:8px 12px 8px 80px}:root[data-mobile-ui] .encounter-panel-header[data-msheet=head]{padding-left:80px}.configurer-portrait{width:68px}.configurer-portrait[data-portrait=thumb]:after{width:44px;height:44px}.configurer-portrait[data-portrait=thumb] img{max-width:44px;max-height:44px}.encounter-panel-header h2{font-size:32px;line-height:32px}.encounter-panel-card .close-button{min-width:44px;min-height:44px}.encounter-panel-body{background:var(--color-bg-solid);display:block;overflow-y:auto}.loadout-section--presets-open>:is(.loadout-editor,.loadout-stats-disclosure,.loadout-unlocks-disclosure){display:none}.encounter-panel-main,.encounter-panel-rail{scrollbar-gutter:auto;padding:12px;overflow:visible}.encounter-panel-rail{border-left:0;border-top:1px solid var(--color-border)}.loadout-phone-summary{border-bottom:0;align-items:center;gap:8px;padding-bottom:0;display:flex}.loadout-summary-icon{display:none}.loadout-phone-summary .loadout-summary-edit{align-items:center;display:inline-flex}.loadout-phone-summary>div{min-width:0;color:var(--color-secondary);flex-direction:column;flex:1;gap:0;font:16px/20px "RuneScape Plain 12",sans-serif;display:flex}@media (min-width:721px){.encounter-panel-header-info{flex-flow:wrap;align-items:center;gap:0 24px}.loadout-phone-summary>div{flex-direction:row;align-items:baseline;gap:4px 12px}.loadout-phone-summary>div>.section-label{flex:none}}.loadout-phone-summary strong{color:var(--color-heading);font:16px/20px "RuneScape Bold 12",sans-serif}.loadout-phone-summary button{text-align:center;min-width:44px;min-height:44px}.loadout-phone-summary button[aria-expanded]{background:var(--color-surface);border-color:var(--color-border)}.loadout-phone-summary button[aria-expanded=true]{background:var(--color-surface-inset);border-color:var(--color-primary);color:var(--color-accent-text)}.encounter-panel-card .mechanics-choice-segmented,.encounter-panel-card .starthp-field{max-width:420px}.loadout-section:not(.loadout-section--editing)>.loadout-editor,.loadout-section:not(.loadout-section--editing)>.loadout-stats-disclosure,.loadout-section:not(.loadout-section--editing)>.loadout-unlocks-disclosure,.loadout-section:not(.loadout-section--editing):not(.loadout-section--presets-open):not(.loadout-section--drafting)>.loadout-picker{display:none}.loadout-section--editing>.loadout-phone-summary{display:flex}.loadout-section--editing .loadout-summary-edit,.loadout-section--editing .loadout-phone-summary .section-label{display:none}.encounter-panel-card .loadout-tile:not(.loadout-tile--blocked),.encounter-panel-card .osrs-btn,.configurer-contract-options button,.encounter-panel-card .modifier-tier,.encounter-panel-card .mechanics-choice-segment,.encounter-panel-card .osrs-checkbox,:root[data-mobile-ui] .encounter-panel-card[data-msheet=card] :is(.osrs-checkbox,.osrs-btn){min-height:44px}.encounter-panel-footer{flex-flow:row;gap:4px;padding:8px 12px}.encounter-panel-footer .osrs-btn{width:auto;padding-inline:8px}.encounter-panel-footer .osrs-btn:last-child{min-width:0}.configurer-start-summary{display:none}.loadout-phone-unsaved{color:var(--color-text-body)}.loadout-section .loadout-current-state{display:none}:is(.encounter-panel-footer .encounter-tutorial-btn,.encounter-panel-footer:not(:has(.encounter-tutorial-btn)) .encounter-back-btn){margin-right:0}.encounter-panel-footer .encounter-tutorial-btn{color:var(--color-secondary);background:0 0;border-color:#0000}.encounter-panel-footer .encounter-tutorial-btn:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border)}:root[data-mobile-ui] .encounter-panel-footer[data-msheet=foot] .encounter-start-btn,.encounter-panel-footer .encounter-start-btn{flex:1 1 0;min-width:42%}.encounter-panel-card .mechanics-choice-segmented.has-icons .mechanics-choice-segment{min-height:44px}.encounter-panel-card .loadout-editor{--loadout-slot-size:44px}.encounter-panel-card .loadout-section{--loadout-action-height:44px}.encounter-panel-card .loadout-frame{flex-wrap:wrap;column-gap:4px;padding:8px;display:flex}.encounter-panel-card :is(.loadout-equipment-column,.loadout-inventory-column){flex:1 0 auto;min-width:max-content}.loadout-section:not(.loadout-section--editing) .loadout-bar-heading>.section-label,.loadout-section:not(.loadout-section--editing) .loadout-bar-value,.configurer-compact-context:empty{display:none}.configurer-modifier-editor .modifier-grid{grid-template-columns:1fr}.encounter-panel-card--loadout .encounter-panel-body{display:block}:root[data-mobile-ui] .encounter-panel-body{padding:0}:root[data-mobile-ui] .encounter-panel-header-info{flex-direction:column;align-items:flex-start}:root[data-mobile-ui] .encounter-panel-header h2{font-size:32px}:root[data-mobile-ui] .encounter-panel-rail{border-left:0;border-top:1px solid var(--color-border);padding:12px}.encounter-panel-header-badges{display:flex}.encounter-panel-header .encounter-description{display:none}.encounter-panel-card .modifier-tiers{grid-template-columns:repeat(var(--modifier-tier-count,4), 44px)}.encounter-panel-card .starthp-input .num-input__arrows{flex-direction:row;width:88px;display:flex}.encounter-panel-card .starthp-input .num-input__btn{min-width:44px;min-height:44px}.encounter-panel-card .starthp-input .num-input__btn+.num-input__btn{border-top:0;border-left:1px solid var(--color-border)}.encounter-panel-card .num-input__field{min-width:44px;min-height:44px}.encounter-panel-card .starthp-field{flex-wrap:wrap}.encounter-panel-card :is(.info-hint,.wiki-link){justify-content:flex-start;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.encounter-panel-card .encounter-beta-note a[href]{align-items:center;min-height:44px;display:inline-flex}.encounter-panel-card .info-hint{margin-bottom:0}.encounter-panel-card button.info-hint:before{inset:0}.encounter-panel-card .mechanics-choice{gap:0}.encounter-panel-card .mechanics-group-rule{margin:0}.encounter-panel-card :is(.loadout-stats-disclosure,.loadout-unlocks-disclosure,.configurer-contract-terms)>summary{box-sizing:border-box;min-height:44px;padding-block:12px}.encounter-panel-card .modifier-row{grid-template-columns:minmax(0,1fr) auto}.encounter-panel-card .modifier-slot{display:none}.encounter-panel-card .modifier-effect{grid-column:1/-1}.encounter-panel-card .loadout-editor-guidance{flex-basis:100%;grid-area:2/1/auto/-1;margin-top:0}.encounter-panel-card .loadout-section{--loadout-slot-size:44px}.encounter-panel-card .loadout-bar,.encounter-panel-card .loadout-bar-action,.encounter-panel-card .loadout-draft-name,.encounter-panel-card .combat-stats__player-name{min-height:44px}.encounter-panel-card .loadout-saved-delete{min-width:44px;min-height:44px}.encounter-panel-card .loadout-saved-cell>.loadout-tile{padding-right:48px}.configurer-subhead{gap:8px 12px;padding:8px 12px}.configurer-subhead-note{flex-basis:100%}.configurer-modifier-editor .modifier-row{grid-column:auto;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}.configurer-modifier-editor .modifier-name{grid-column:1}.configurer-modifier-editor .modifier-tiers{grid-column:2}.configurer-modifier-editor .modifier-effect{grid-area:2/1/auto/-1}}@media (min-width:721px) and (max-height:540px){.encounter-panel-body,:root[data-mobile-ui] .encounter-panel-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;padding:0;display:grid;overflow:visible}.encounter-panel-main,.encounter-panel-rail,:root[data-mobile-ui] .encounter-panel-rail{scrollbar-gutter:stable;padding:12px;overflow-y:auto}.encounter-panel-rail,:root[data-mobile-ui] .encounter-panel-rail{border-top:0;border-left:1px solid var(--color-border)}.loadout-section:not(.loadout-section--presets-open)>:is(.loadout-editor,.loadout-picker,.loadout-stats-disclosure,.loadout-unlocks-disclosure){display:block}.loadout-phone-summary .loadout-summary-edit{display:none}.loadout-phone-summary>div{flex-direction:column;gap:0}.loadout-phone-summary>div>.section-label{display:none}.encounter-panel-card .rail-section .mechanics-toggles>*{flex-basis:100%}.encounter-panel-card .loadout-frame{padding-inline:8px}.configurer-subhead-note{flex-basis:auto}.configurer-modifier-editor .modifier-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}}@media (max-width:720px){.encounter-panel-card .rail-section .mechanics-toggles>*{flex-basis:100%}}.picker-overlay{z-index:80;justify-content:center;align-items:center;padding:24px;font:16px/20px "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);border-radius:var(--modal-radius);grid-template-rows:minmax(0,1fr) auto;grid-template-columns:224px minmax(0,1fr);width:860px;max-width:100%;height:560px;max-height:100%;display:grid;position:relative}.picker:before{content:"";border-radius:inherit;box-shadow:var(--modal-card-shadow);pointer-events:none;border:1px solid #0000;position:absolute;inset:-1px}.picker-close{z-index:2;min-width:44px;min-height:44px;position:absolute;top:8px;right:8px}.picker-rail{background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;grid-area:1/1;min-height:0;display:flex}.picker-rail-head{padding:20px 16px 8px}.picker-rail-head h2{color:var(--color-heading);margin:0 0 16px;font:16px/20px "RuneScape Bold 12",sans-serif}.picker-search{position:relative}.picker-search svg{width:16px;height:16px;color:var(--color-text-muted);position:absolute;top:10px;left:12px}.picker-search input{border:1px solid var(--color-border);background:var(--color-surface-inset);width:100%;min-height:36px;color:var(--color-text-body);border-radius:2px;padding:6px 8px 6px 36px;font:16px/20px "RuneScape Plain 12",sans-serif}.picker-search input::placeholder{color:var(--color-text-muted)}.picker-search input:focus{border-color:var(--color-primary)}.picker-rail-scroll{background:var(--color-surface);flex:1;min-height:0;padding:0 8px 12px;overflow-y:auto}.picker-rail-section{color:var(--color-text-muted);padding:12px 8px 8px;font-family:"RuneScape Plain 11",sans-serif}.picker-boss{width:100%;min-height:64px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;align-items:center;gap:8px;margin:0 0 4px;padding:8px;display:flex}.picker-boss:hover{background:var(--color-surface-hover)}.picker-boss.active,.picker-boss.active:hover{border-color:var(--color-primary);background:var(--color-surface-inset)}.picker-boss-pic{flex:0 0 40px;place-items:center;width:40px;height:48px;display:grid}.picker-boss-pic img{object-fit:contain;width:100%;height:100%}.picker-boss-pic--cover img{object-fit:cover}.picker-boss-meta{flex-direction:column;gap:4px;min-width:0;display:flex}.picker-boss-heading{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.picker-boss-name{color:var(--color-secondary)}.picker-boss.active .picker-boss-name{color:var(--color-accent-text)}.picker-boss-sub{color:var(--color-text-muted);font:16px/20px "RuneScape Plain 11",sans-serif}.picker-boss.soon{cursor:default}.picker-boss.soon:hover{background:0 0}.picker-boss.soon .picker-boss-name{color:var(--color-text-muted)}.picker-navigation-foot{background:var(--color-surface);border-top:1px solid var(--color-border);border-right:1px solid var(--color-border);grid-area:2/1;padding:8px}.picker .picker-lobby-link{min-height:44px}.picker-mobile-select{display:none}.picker-detail{background:var(--color-bg-solid);flex-direction:column;grid-area:1/2/span 2;min-width:0;min-height:0;display:flex}.picker-detail-scroll{overscroll-behavior:contain;background:var(--color-bg-solid);flex:1;min-height:0;overflow-y:auto}.picker-hero{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) 152px;gap:12px;min-height:164px;padding:16px 44px 16px 20px;display:grid;position:relative}.picker-hero-art{pointer-events:none;grid-area:1/2;align-self:center;width:152px;height:152px}.picker-hero-art img{object-fit:contain;width:100%;height:100%}.picker-hero-text{grid-area:1/1;align-self:center;min-width:0}.picker-hero-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.picker-hero-text h1{color:var(--color-heading);margin:0;font:32px/32px "RuneScape Bold 12",sans-serif}.picker-hero-tag{color:var(--color-secondary);margin-top:8px;font:16px/20px "RuneScape Plain 11",sans-serif;display:block}.picker-hero-text p{color:var(--color-text-body);margin:12px 0 0;font:16px/20px "RuneScape Plain 12",sans-serif}.picker-hero-actions{margin-top:12px}.picker-btn{background:var(--color-surface);border:1px solid var(--color-border);min-height:32px;color:var(--color-secondary);font:inherit;cursor:pointer;border-radius:2px;padding:4px 12px}.picker-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary-structure);color:var(--color-accent-text)}.picker-contracts{padding:8px 12px 16px}.picker-cg-label{color:var(--color-text-muted);padding:16px 8px 8px;font:16px/20px "RuneScape Plain 11",sans-serif}.picker-contract{width:100%;font:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:2px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 0 4px;padding:12px 8px;display:grid}.picker-contract.selected,.picker-contract.selected:hover{border-color:var(--color-primary-structure);background:var(--primary-dim)}.picker-contract-icon{width:32px;height:32px;color:var(--color-text-muted);flex:0 0 32px;place-items:center;display:grid}.picker-contract-icon svg{width:24px;height:24px}.picker-contract-body{background:var(--color-bg-solid);flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.picker-contract.selected .picker-contract-body{background:inherit}.picker-contract-heading{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.picker-contract-name{color:var(--color-secondary)}.picker-contract-effect{color:var(--color-text-body);font:16px/20px "RuneScape Plain 12",sans-serif}.picker-contract-actions{gap:4px;display:flex}.picker-contract-actions .osrs-btn{min-height:32px;padding:4px 8px}.picker-contract-actions .osrs-btn:not(.osrs-btn--ghost){border-color:var(--color-primary-structure)}.picker-badge{color:var(--color-text-muted);font-family:"RuneScape Plain 11",sans-serif}.picker-empty{color:var(--color-text-muted);padding:24px;font:16px/20px "RuneScape Plain 12",sans-serif}.picker .status-badge{letter-spacing:0;font-size:16px;line-height:20px}@media (max-width:600px){.picker-overlay{padding:8px}.picker{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);width:100%;height:100%}.picker-rail{border-right:0;border-bottom:1px solid var(--color-border)}.picker-rail-head{padding:12px 16px 8px}.picker-rail-head h2{margin-bottom:12px;padding-right:40px}.picker-rail-scroll{display:none}.picker-mobile-select{color:var(--color-text-muted);align-items:center;gap:12px;padding:0 16px 8px;display:flex}.picker-mobile-select select{border:1px solid var(--color-border);background:var(--color-surface-inset);min-width:0;min-height:44px;color:var(--color-secondary);font:inherit;border-radius:2px;flex:1;padding:8px}.picker-detail{grid-area:2/1}.picker-navigation-foot{border-right:0;grid-row:3;padding:8px 16px}.picker-hero{grid-template-columns:minmax(0,1fr) 100px;gap:12px;min-height:0;padding:16px}.picker-hero-art{width:100px;height:136px}.picker-contracts{padding:8px 8px 16px}.picker-contract{grid-template-columns:32px minmax(0,1fr);gap:8px 12px}.picker-contract-actions{grid-column:2}}@media (max-width:600px),(max-height:540px),(pointer:coarse){.picker-contract-actions .osrs-btn,.picker-btn,.picker-search input{min-height:44px}.picker-hero-text p a{align-items:center;min-height:44px;display:inline-flex}.picker-search svg{top:14px}}:root[data-mobile-ui] .picker[data-msheet=card] .picker-contract-actions .osrs-btn,:root[data-mobile-ui] .picker[data-msheet=card] .picker-lobby-link{min-height:44px}@media (max-height:540px) and (min-width:601px){.picker-overlay{padding:8px}.picker{grid-template-columns:216px minmax(0,1fr);height:100%}.picker-hero{grid-template-columns:minmax(0,1fr) 100px;gap:12px;min-height:0;padding:16px 52px 16px 16px}.picker-hero-art{width:100px;height:124px}}.countdown-beats{letter-spacing:1px;align-items:baseline;gap:8px;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;line-height:1;display:flex}.countdown-beats-dot{color:var(--color-text-dim)}.countdown-beats-tick{font-variant-numeric:tabular-nums;text-shadow:var(--crest-rim), var(--crest-shadow-sm);transition:color .2s,opacity .2s}.countdown-beats-tick.is-pending{color:var(--color-text-muted);opacity:.6}.countdown-beats-tick.is-lit{color:var(--color-text-muted);opacity:1}.countdown-beats-tick.is-active{color:var(--color-text-body);opacity:1}.countdown-beats-tick.is-go.is-active,.countdown-beats-tick.is-go.is-lit{color:var(--color-secondary)}@media (prefers-reduced-motion:reduce){.countdown-beats-tick{transition:none}}.fight-start-countdown{box-sizing:border-box;pointer-events:none;z-index:41;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.fight-start-countdown-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fight-start-countdown-content{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.fight-start-countdown-beats{margin-top:12px}.fight-start-countdown-beats .countdown-beats-tick.is-pending{opacity:1}.fight-start-countdown-beats .countdown-beats-tick.is-active{color:var(--color-heading)}.fight-start-countdown-beats .countdown-beats-tick.is-go.is-active{color:var(--color-accent-text)}.fight-start-countdown-beats .countdown-beats-dot{color:var(--color-text-muted);text-shadow:var(--crest-rim), var(--crest-shadow-sm)}.fight-start-countdown-content--exiting{animation:.4s ease-in-out .2s both fight-start-countdown-exit}.fight-start-countdown-name{letter-spacing:2px;text-transform:uppercase;text-align:center;overflow-wrap:anywhere;color:var(--color-heading);text-shadow:var(--crest-rim), var(--crest-shadow-sm);padding-left:2px;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;line-height:20px;position:absolute;bottom:calc(100% + 12px);left:0;right:0}.fight-start-countdown-numeral{letter-spacing:3px;color:var(--color-heading);text-shadow:var(--crest-rim), var(--crest-shadow-lg);padding-left:3px;font-family:"RuneScape Bold 12",sans-serif;font-size:48px;line-height:48px;animation:.12s backwards fight-start-countdown-fade}.fight-start-countdown-numeral.is-go{color:var(--color-accent-text);animation:none}@keyframes fight-start-countdown-exit{0%{opacity:1}to{opacity:0}}@keyframes fight-start-countdown-fade{0%{opacity:0}to{opacity:1}}.encounter-arrival{pointer-events:none;z-index:40;position:absolute;inset:0;container:encounter-arrival/size}.encounter-title-card-overlay{pointer-events:none;z-index:40;box-sizing:border-box;justify-content:center;align-items:flex-start;padding-top:clamp(40px,8cqh,80px);display:flex;position:absolute;inset:0}.encounter-arrival-content{flex-direction:column;align-items:center;gap:20px;width:min(84%,760px);display:flex;position:relative}.encounter-title-card--reserved{visibility:hidden}.encounter-title-card-overlay--exiting{animation:.4s ease-in-out .2s both fight-start-countdown-exit}.encounter-title-card-overlay--exiting .fight-start-countdown-content--exiting{animation:none}@keyframes encounter-arrival-eyebrow{0%,6%{opacity:0;transform:translateY(8px)}14%,to{opacity:1;transform:translateY(0)}}@keyframes encounter-arrival-name{0%,10%{opacity:0;transform:translateY(18px)scale(.97)}22%,to{opacity:1;transform:translateY(0)scale(1)}}@keyframes encounter-arrival-emblem{0%,18%{opacity:0}30%,to{opacity:1}}@keyframes encounter-arrival-sub{0%,26%{opacity:0;transform:translateY(10px)}38%,to{opacity:1;transform:translateY(0)}}@keyframes encounter-arrival-vignette{0%{opacity:0}18%,to{opacity:1}}.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:100%;display:flex;position:relative}.encounter-title-card-eyebrow{letter-spacing:5px;text-transform:uppercase;color:var(--color-heading);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;line-height:20px;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-accent-text);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;line-height:20px;animation:2.8s cubic-bezier(.16,1,.3,1) forwards encounter-title-sub}.encounter-title-card-overlay--countdown .encounter-title-card-eyebrow{animation-name:encounter-arrival-eyebrow}.encounter-title-card-overlay--countdown .encounter-title-card-text{animation-name:encounter-arrival-name}.encounter-title-card-overlay--countdown .encounter-title-card-emblem{animation-name:encounter-arrival-emblem}.encounter-title-card-overlay--countdown .encounter-title-card-sub{animation-name:encounter-arrival-sub}.encounter-title-card-overlay--countdown .encounter-title-card-vignette{animation-name:encounter-arrival-vignette}@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)}}@media (prefers-reduced-motion:reduce){.encounter-title-card-overlay--countdown .encounter-title-card-eyebrow,.encounter-title-card-overlay--countdown .encounter-title-card-text,.encounter-title-card-overlay--countdown .encounter-title-card-emblem,.encounter-title-card-overlay--countdown .encounter-title-card-sub{animation:.4s ease-in-out forwards encounter-arrival-vignette;transform:none}.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)}@keyframes encounter-title-fade{0%{opacity:0}12%{opacity:1}85%{opacity:1}to{opacity:0}}}@container encounter-arrival (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}}@container encounter-arrival (height<=540px){.encounter-title-card-overlay{padding-top:48px}.encounter-arrival-content{gap:12px}.encounter-title-card{gap:4px}.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,.encounter-title-card-sub{line-height:16px}.encounter-arrival .fight-start-countdown-numeral{letter-spacing:2px;text-shadow:var(--crest-rim), var(--crest-shadow-md);padding-left:2px;font-size:32px;line-height:32px}.encounter-arrival .fight-start-countdown-beats{margin-top:8px}}.hw-accel-warning{box-sizing:border-box;position:relative}.hw-accel-warning.variant-loading{text-align:left;width:100%;max-width:420px;margin:16px auto 0}.hw-accel-warning.variant-gameplay{bottom:24px;left:calc(24px + var(--ui-inset-left,0px));right:calc(24px + var(--ui-inset-right,0px));z-index:9990;max-width:460px;margin-inline:auto;position:absolute}.hw-accel-warning.variant-gameplay .sys-notice{padding-right:34px}.hw-accel-dismiss{width:20px;height:20px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:1;transition:color .15s;display:flex;position:absolute;top:10px;right:10px}.hw-accel-dismiss:hover{color:var(--color-secondary)}.hw-accel-strip{bottom:8px;left:var(--ui-inset-left,0px);right:var(--ui-inset-right,0px);z-index:9990;box-sizing:border-box;background-color:var(--color-bg-solid);border:1px solid var(--color-border);pointer-events:auto;cursor:pointer;border-radius:2px;align-items:center;gap:8px;width:fit-content;margin-inline:auto;padding:6px 12px;font-family:"RuneScape Plain 11",sans-serif;transition:border-color .15s,color .15s;display:flex;position:absolute}.hw-accel-strip:hover{border-color:var(--color-primary-structure)}.hw-accel-strip-icon{color:var(--color-warning);flex-shrink:0}.hw-accel-strip-text{color:var(--color-text-muted);font-size:16px;line-height:18px}.hw-accel-strip:hover .hw-accel-strip-text{color:var(--color-text-body)}@media (pointer:coarse){.hw-accel-strip{min-height:44px}.hw-accel-dismiss{width:44px;height:44px;top:2px;right:2px}}.shortcuts-modal-overlay{z-index:2000;background:var(--modal-backdrop);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);border-radius:var(--modal-radius);width:min(700px,100%);max-height:100%;color:var(--color-text-body);flex-direction:column;font:16px/20px "RuneScape Plain 12",sans-serif;display:flex;position:relative}.shortcuts-modal-card,.shortcuts-modal-card *{box-sizing:border-box}.shortcuts-modal-card:before{content:"";border-radius:inherit;box-shadow:var(--modal-card-shadow);pointer-events:none;border:1px solid #0000;position:absolute;inset:-1px}.shortcuts-modal-header{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);flex:none;justify-content:space-between;align-items:center;gap:16px;padding:4px 8px 4px 16px;display:flex}.shortcuts-modal-title{color:var(--color-heading);margin:0;font:16px/20px "RuneScape Bold 12",sans-serif}.shortcuts-modal-close{min-width:44px;min-height:44px}.shortcuts-modal-edit{border-bottom:1px solid var(--color-border);background:var(--color-bg-solid);color:var(--color-text-muted);flex:none;margin:0;padding:0 16px}.shortcuts-modal-edit .reveal-link{align-items:center;min-height:44px;display:inline-flex}:root[data-mobile-ui] .shortcuts-modal-edit .reveal-link{min-height:44px}.shortcuts-modal-content{overscroll-behavior:contain;background:var(--color-bg-solid);flex:1;min-height:0;padding:16px;overflow-y:auto}.shortcuts-modal-grid{columns:2;column-gap:24px}.shortcuts-modal-category{break-inside:avoid;margin-bottom:20px}.shortcuts-modal-category-title{border-bottom:1px solid var(--color-border);color:var(--color-secondary);margin:0 0 8px;padding-bottom:6px;font:16px/20px "RuneScape Bold 12",sans-serif}.shortcuts-modal-list{grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:8px 16px;display:grid}.shortcuts-modal-row{display:contents}.shortcuts-modal-keys,.shortcuts-modal-keys-wrapper{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.shortcuts-modal-plus{color:var(--color-text-muted);font-family:"RuneScape Plain 11",sans-serif}.shortcuts-modal-desc{color:var(--color-text-body);font:16px/20px "RuneScape Plain 12",sans-serif}@media (max-width:600px),(max-height:540px){.shortcuts-modal-overlay{padding:8px}.shortcuts-modal-header{padding:12px 8px 12px 16px}.shortcuts-modal-content{padding:16px}.shortcuts-modal-edit{padding:8px 16px}}@media (max-width:600px){.shortcuts-modal-grid{columns:1}}.reveal-link{color:var(--color-secondary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;margin:0;padding:0;font-family:"RuneScape Plain 12",sans-serif;font-size:16px;line-height:20px;transition:color .15s;display:inline-flex}.reveal-link__text{text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-underline-offset:3px}.reveal-link__arrow{color:var(--color-text-muted);flex:none;transition:color .15s}.reveal-link:hover{color:var(--color-accent-text)}.reveal-link:hover .reveal-link__text{text-decoration-color:currentColor}.reveal-link:hover .reveal-link__arrow{color:currentColor}.setting-link{flex-direction:column;display:flex}.setting-link__row{box-sizing:border-box;background:var(--color-surface-inset);border:1px solid var(--color-border);width:100%;color:var(--color-secondary);text-align:left;text-shadow:1px 1px #000;cursor:pointer;border-radius:2px;align-items:center;gap:8px;margin:0;padding:8px 12px;font-family:"RuneScape Bold 12",sans-serif;font-size:14px;line-height:16px;transition:color .15s,background-color .15s,border-color .15s;display:flex}.setting-link__label{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.setting-link__value{color:var(--color-text-body);white-space:nowrap;flex:none}.setting-link__arrow{color:var(--color-text-muted);flex:none;transition:color .15s}.setting-link__row:hover{background:var(--color-surface);border-color:var(--color-primary-structure);color:var(--color-accent-text)}.setting-link__row:hover .setting-link__arrow{color:var(--color-secondary)}.setting-link__row:active{background:var(--color-surface-inset)}:root[data-mobile-ui] .setting-link__row,:root[data-mobile-ui] .reveal-link{touch-action:manipulation;min-height:40px}.setting-link__blocked{color:var(--color-warning)}.reveal-link__blocked{color:var(--color-warning);margin-left:6px}.mobile-entry-layer{z-index:9985;padding:calc(12px + var(--safe-top,0px)) calc(12px + var(--safe-right,0px)) calc(12px + var(--safe-bottom,0px)) calc(12px + var(--safe-left,0px));pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;font-family:"RuneScape Plain 12",sans-serif;display:flex;position:fixed;inset:0}.mobile-entry-scrim{background:linear-gradient(to top, color-mix(in srgb, var(--color-surface-inset) 82%, transparent) 0%, color-mix(in srgb, var(--color-surface-inset) 55%, transparent) 32%, transparent 62%);animation:.42s cubic-bezier(.16,1,.3,1) both mobile-entry-scrim-in;position:absolute;inset:0}@keyframes mobile-entry-scrim-in{0%{opacity:0}}.mobile-entry-sheet{box-sizing:border-box;pointer-events:auto;width:min(440px,100%);max-height:100%;image-rendering:pixelated;color:var(--color-text-body);background-position:0 0,100% 0,0 100%,100% 100%,3px 0,3px bottom,0 3px,right 3px;background-repeat:no-repeat;background-size:3px 3px,3px 3px,3px 3px,3px 3px,calc(100% - 6px) 3px,calc(100% - 6px) 3px,3px calc(100% - 6px),3px calc(100% - 6px);padding:3px;animation:.36s cubic-bezier(.16,1,.3,1) both mobile-entry-sheet-in;position:relative;overflow:hidden}@keyframes mobile-entry-sheet-in{0%{opacity:0;transform:translateY(14px)}}.mobile-entry-layer--leaving .mobile-entry-scrim,.mobile-entry-layer--leaving .mobile-entry-sheet{animation:.18s cubic-bezier(.7,0,.84,0) both mobile-entry-sheet-out}@keyframes mobile-entry-sheet-out{to{opacity:0;transform:translateY(10px)}}.mobile-entry-layer--leaving .mobile-entry-scrim{animation-name:mobile-entry-scrim-out}@keyframes mobile-entry-scrim-out{to{opacity:0}}.mobile-entry-sheet__body{background:var(--mobile-entry-fill,#241f19);flex-direction:column;gap:8px;padding:14px 16px 16px;display:flex}.mobile-entry-title{color:var(--color-heading);text-shadow:2px 2px 0 var(--color-surface-inset);margin:0;font-family:"RuneScape Bold 12",sans-serif;font-size:32px;font-weight:400;line-height:32px}.mobile-entry-text{text-wrap:pretty;max-width:46ch;color:var(--color-text-body);text-shadow:1px 1px 0 var(--color-surface-inset);margin:0;font-size:16px;line-height:20px}.mobile-entry-text--quiet{color:var(--color-text-muted)}.mobile-entry-nowrap{white-space:nowrap}.mobile-entry-note{border-top:1px solid var(--color-border);text-wrap:pretty;color:var(--color-text-muted);text-shadow:1px 1px 0 var(--color-surface-inset);margin:0;padding-top:12px;font-family:"RuneScape Plain 11",sans-serif;font-size:16px;line-height:18px}.mobile-entry-share-glyph{vertical-align:-2px;fill:none;width:16px;height:16px;stroke:var(--color-secondary);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;margin:0 1px;display:inline-block}.mobile-entry-actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.mobile-entry-stone{--stone-outline:var(--mobile-entry-stone-outline,#000001);--stone-body:var(--mobile-entry-stone-body,#564e40);--stone-lit:var(--mobile-entry-stone-lit,#7a7262);--stone-lit-inner:var(--mobile-entry-stone-lit-inner,#6a6255);--stone-shade:var(--mobile-entry-stone-shade,#3e3126);--stone-shade-inner:var(--mobile-entry-stone-shade-inner,#43362a);--stone-side:var(--mobile-entry-stone-side,#493d30);--stone-pressed:var(--mobile-entry-stone-pressed,#4c4436);border:1px solid var(--stone-outline);background:var(--stone-body);min-height:46px;box-shadow:inset 0 1px 0 var(--stone-lit), inset 0 2px 0 var(--stone-lit-inner), inset 0 -1px 0 var(--stone-shade), inset 0 -2px 0 var(--stone-shade-inner), inset 1px 0 0 var(--stone-side), inset -1px 0 0 var(--stone-side);color:var(--color-text-body);white-space:nowrap;text-shadow:1px 1px 0 var(--stone-outline);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:3px;flex:auto;justify-content:center;align-items:center;gap:6px;padding:2px 14px;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;line-height:20px;display:inline-flex}.mobile-entry-stone--primary{color:var(--color-accent-text);flex-grow:1.6}.mobile-entry-stone:active{background:var(--stone-pressed);box-shadow:inset 0 1px 0 var(--stone-shade), inset 0 2px 0 var(--stone-shade-inner), inset 0 -1px 0 var(--stone-lit-inner), inset 1px 0 0 var(--stone-side), inset -1px 0 0 var(--stone-side)}.mobile-entry-stone canvas{flex:none;margin:-2px 0 -2px -6px}@media (orientation:landscape){.mobile-entry-layer--welcome{padding-left:calc(var(--mobile-entry-reserve-left,58px) + 12px + var(--safe-left,0px));padding-right:calc(var(--mobile-entry-reserve-right,289px) + 12px + var(--safe-right,0px))}}@media (orientation:landscape) and (max-height:480px){.mobile-entry-layer{padding-bottom:calc(8px + var(--safe-bottom,0px))}.mobile-entry-sheet__body{gap:6px;padding:10px 14px 12px}.mobile-entry-title{text-shadow:1px 1px 0 var(--color-surface-inset);font-size:16px;line-height:20px}.mobile-entry-note{padding-top:8px}.mobile-entry-actions{margin-top:2px}.mobile-entry-stone{min-height:44px}}.mobile-entry-sheet--rotate{width:min(400px,100%)}.mobile-entry-rotate{grid-template-columns:72px minmax(0,1fr);grid-template-areas:"glyph title""text text""note note""actions actions";align-items:center;column-gap:12px;display:grid}.mobile-entry-rotate__title{text-wrap:balance;grid-area:title}.mobile-entry-rotate__text{grid-area:text;max-width:none;margin-top:10px}.mobile-entry-rotate__note{grid-area:note;margin-top:12px}.mobile-entry-rotate__actions{grid-area:actions;margin-top:14px}.mobile-entry-rotate-glyph{fill:none;stroke-linecap:round;stroke-linejoin:round;grid-area:glyph;width:72px;height:72px;overflow:visible}.mobile-entry-rotate-phone{stroke:var(--color-primary);stroke-width:2.5px;transform-box:view-box;transform-origin:32px 32px;animation:2.8s cubic-bezier(.65,0,.35,1) .4s infinite mobile-entry-turn}.mobile-entry-rotate-screen{fill:color-mix(in srgb, var(--color-primary) 16%, transparent);stroke:none}.mobile-entry-rotate-arrow{stroke:var(--color-secondary);stroke-width:2px;animation:2.8s cubic-bezier(.65,0,.35,1) .4s infinite mobile-entry-arrow}@keyframes mobile-entry-turn{0%,18%{transform:rotate(0)}46%,78%{transform:rotate(-90deg)}to{transform:rotate(0)}}@keyframes mobile-entry-arrow{0%,18%{opacity:1}40%,86%{opacity:.2}to{opacity:1}}.osm-fullscreen__glint{pointer-events:none;border-radius:3px;position:absolute;inset:3px;overflow:hidden}.osm-fullscreen__glint:before{content:"";background:linear-gradient(100deg, transparent 0%, color-mix(in srgb, var(--color-primary) 55%, transparent) 50%, transparent 100%);mix-blend-mode:screen;width:45%;animation:1.1s cubic-bezier(.45,0,.25,1) .5s both osm-fullscreen-glint;position:absolute;top:-20%;bottom:-20%;left:0;transform:skew(-12deg)}@keyframes osm-fullscreen-glint{0%{transform:translate(-133.33%)skew(-12deg)}to{transform:translate(288.89%)skew(-12deg)}}@media (prefers-reduced-motion:reduce){.mobile-entry-scrim,.mobile-entry-sheet,.mobile-entry-layer--leaving .mobile-entry-scrim,.mobile-entry-layer--leaving .mobile-entry-sheet{animation-duration:1ms}.mobile-entry-rotate-phone{animation:none;transform:rotate(-90deg)}.mobile-entry-rotate-arrow{animation:none}.osm-fullscreen__glint:before{animation:none;display:none}.osm-fullscreen__glint{box-shadow:inset 0 0 0 2px var(--color-primary);animation:2s step-end both osm-fullscreen-mark}@keyframes osm-fullscreen-mark{to{box-shadow:none}}}.osm-menu{z-index:67;pointer-events:none;transition:opacity .22s cubic-bezier(.2,.8,.2,1),transform .3s cubic-bezier(.2,.8,.2,1);position:fixed}.osm-menu--tucked{opacity:0;transform:translate(-10px)}.osm-menu__frame{position:absolute;inset:0}.osm-menu__toggle{cursor:default;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;margin:0;padding:0;position:absolute}@media (prefers-reduced-motion:reduce){.osm-menu{transition:none}}.hover-card.osm-fullscreen-card{max-width:220px}.modifiers-modal-overlay{z-index:80;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modifiers-modal-overlay,.modifiers-modal-overlay *{box-sizing:border-box}.modifiers-modal-backdrop{background:var(--modal-backdrop);position:absolute;inset:0}.modifiers-modal-card{width:min(860px,100%);max-height:min(88vh,720px);background:var(--color-bg-solid);border:1px solid var(--modal-card-border);border-radius:var(--modal-radius);flex-direction:column;max-height:min(88dvh,720px);display:flex;position:relative;overflow:visible}.modifiers-modal-card:before{content:"";border-radius:var(--modal-radius);box-shadow:var(--modal-card-shadow);pointer-events:none;border:1px solid #0000;position:absolute;inset:-1px}.modifiers-modal-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 12px 12px 16px;display:flex}.modifiers-modal-close{min-width:44px;min-height:44px}.modifiers-modal-heading{flex-direction:column;gap:4px;min-width:0;display:flex}.modifiers-modal-heading h2{color:var(--color-heading);text-shadow:1px 1px #000;margin:0;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;font-weight:400;line-height:20px}.modifiers-modal-heading p{color:var(--color-text-muted);margin:0;font-family:"RuneScape Plain 11",sans-serif;font-size:16px;line-height:18px}.modifiers-modal-body{scrollbar-gutter:stable;background:var(--color-bg-solid);flex:1;min-height:0;padding:16px;overflow-y:auto;container-type:inline-size}.modifiers-modal-body::-webkit-scrollbar{width:8px}.modifiers-modal-body::-webkit-scrollbar-track{background:0 0}.modifiers-modal-body::-webkit-scrollbar-thumb{background:var(--color-border);border:2px solid var(--color-bg-solid);border-radius:2px}.modifiers-modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-primary-structure)}.modifiers-modal-footer{background:var(--color-bg-elevated);border-top:1px solid var(--color-border);flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px;display:flex}.modifiers-modal-body .modifier-name{white-space:normal;color:var(--color-secondary);text-shadow:none;font-size:16px;line-height:20px}.modifiers-modal-body .modifier-effect>p{font-size:16px;line-height:20px}.modifiers-modal-body .modifier-tiers{grid-template-columns:repeat(var(--modifier-tier-count,4), 32px)}.modifiers-modal-body .modifier-tier{height:28px;font-size:16px;line-height:20px}.modifiers-modal-body .modifier-tier--selected{background:color-mix(in srgb, var(--color-surface-hover) 55%, var(--color-surface-inset))}.modifiers-modal-body .modifier-row--active .modifier-tier--selected{background:var(--primary-dim)}@media (max-width:600px),(max-height:540px),(pointer:coarse){.modifiers-modal-overlay{padding:8px}.modifiers-modal-card{max-height:100%}.modifiers-modal-body .modifier-slot{display:none}.modifiers-modal-body .modifier-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}.modifiers-modal-body .modifier-effect{grid-column:1/-1}.modifiers-modal-body .modifier-tiers{grid-template-columns:repeat(var(--modifier-tier-count,4), 44px)}.modifiers-modal-body .modifier-tier,.modifiers-modal-footer .osrs-btn{min-height:44px}}@media (prefers-reduced-motion:no-preference){.modifiers-modal-card{animation:.2s cubic-bezier(.2,.8,.2,1) modifiers-modal-in}}@keyframes modifiers-modal-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.drawer-search-bar{background:var(--color-bg-solid);border-bottom:1px solid var(--color-border);flex-shrink:0;padding:8px 16px}.drawer-search-bar--plugins{padding-inline:8px}.drawer-search{align-items:center;display:flex;position:relative}.drawer-search__glyph{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.drawer-search__input{box-sizing:border-box;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;margin:0;padding:6px 34px 6px 32px;font-family:"RuneScape Plain 12",sans-serif;font-size:16px;line-height:20px;transition:border-color .15s}.drawer-search__input::placeholder{color:var(--color-text-muted);padding-bottom:2px}.drawer-search__input:hover{border-color:var(--color-primary-structure)}.drawer-search__input:focus{border-color:var(--color-primary)}.drawer-search__input::selection{background:var(--primary-dim);color:var(--color-text-body)}.drawer-search__clear{width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;margin:0;padding:0;transition:color .15s;display:flex;position:absolute;top:50%;right:3px;transform:translateY(-50%)}.drawer-search__clear:hover{color:var(--color-text-body)}.drawer-search-body{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.drawer-search-results{z-index:1;background:var(--color-bg-solid);overscroll-behavior:contain;padding:10px 8px 16px;position:absolute;inset:0;overflow-y:auto}.drawer-search-results::-webkit-scrollbar{width:8px}.drawer-search-results::-webkit-scrollbar-track{background:0 0}.drawer-search-results::-webkit-scrollbar-thumb{background:var(--color-border);border:2px solid var(--color-bg-solid);border-radius:4px}@supports not selector(::-webkit-scrollbar){.drawer-search-results{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}}.drawer-search-results__heading,.drawer-search-results__empty{color:var(--color-text-muted);margin:0;padding:0 8px 6px;font-family:"RuneScape Plain 11",sans-serif;font-size:16px;font-weight:400;line-height:18px}.drawer-search-results__list{margin:0;padding:0;list-style:none}.drawer-search-result-item+.drawer-search-result-item{border-top:1px solid #ffffff0a}.drawer-search-result{box-sizing:border-box;width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;align-items:center;gap:8px;margin:0;padding:8px;transition:background-color .15s,border-color .15s;display:flex}button.drawer-search-result:hover{background:var(--color-surface-hover);border-color:var(--color-primary-structure)}.drawer-search-result__text{flex-direction:column;flex:auto;align-items:flex-start;gap:3px;min-width:0;display:flex}.drawer-search-result__chevron{color:var(--color-text-muted);flex:none;transition:color .15s}button.drawer-search-result:hover .drawer-search-result__chevron{color:var(--color-secondary)}.drawer-search-result__title{color:var(--color-secondary);font-family:"RuneScape Bold 12",sans-serif;font-size:16px;line-height:18px}button.drawer-search-result:hover .drawer-search-result__title{color:var(--color-accent-text)}.drawer-search-result__match{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary);text-underline-offset:3px;background:0 0}.drawer-search-result__crumb,.drawer-search-result__description,.drawer-search-result__reason{font-family:"RuneScape Plain 11",sans-serif;font-size:16px;line-height:18px}.drawer-search-result__crumb{color:var(--color-text-muted)}.drawer-search-result__description{color:var(--color-text-body)}.drawer-search-result.is-unavailable{cursor:default}.drawer-search-result.is-unavailable .drawer-search-result__title{color:var(--color-text-muted)}.drawer-search-result__reason{color:var(--color-warning)}.drawer-search-result__route{color:var(--color-secondary);text-align:left;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;margin:2px 0 0;padding:0;font-family:"RuneScape Plain 12",sans-serif;font-size:16px;line-height:20px;transition:color .15s}.drawer-search-result__route:hover{color:var(--color-accent-text);text-decoration-color:currentColor}.drawer-search-results__divider{letter-spacing:1px;text-transform:uppercase;color:var(--color-text-muted);align-items:center;gap:8px;margin:10px 8px 4px;font-family:"RuneScape Bold 12",sans-serif;font-size:11px;display:flex}.drawer-search-results__divider:after{content:"";background:var(--color-border);flex:1;height:1px}.drawer-search-results__more{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-secondary);text-shadow:1px 1px #000;cursor:pointer;border-radius:2px;margin:8px 0 0;padding:10px 8px;font-family:"RuneScape Bold 12",sans-serif;font-size:14px;line-height:16px;display:block}.drawer-search-results__more:hover{background:var(--color-surface-hover);border-color:var(--color-primary-structure);color:var(--color-accent-text)}.drawer-search-toggle .launcher-icon{shape-rendering:crispedges;display:block;overflow:visible}.drawer-search-toggle.is-open{color:var(--color-primary)}.drawer-search-back{color:var(--color-secondary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin:0;padding:2px 0;font-family:"RuneScape Plain 12",sans-serif;font-size:16px;line-height:20px;transition:color .15s;display:inline-flex}.drawer-search-back:hover{color:var(--color-accent-text)}.drawer-search+.drawer-search-back{margin-top:6px}:root[data-mobile-ui] .drawer-search__input{min-height:42px}:root[data-mobile-ui] .drawer-search__clear{width:42px;height:42px;right:0}:root[data-mobile-ui] .drawer-search-result,:root[data-mobile-ui] .drawer-search-results__more{touch-action:manipulation;min-height:44px}:root[data-mobile-ui] .drawer-search-result{padding-block:10px}:root[data-mobile-ui] :is(.drawer-search-back,.drawer-search-result__route){touch-action:manipulation;min-height:40px}@media (max-height:540px){:root[data-mobile-ui] .drawer-search-bar{padding-block:4px}}.osrs-toggle{--toggle-on-fill:color-mix(in srgb, var(--color-primary) 24%, var(--color-surface-inset));--toggle-on-fill-hover:color-mix(in srgb, var(--color-primary) 30%, var(--color-surface-inset));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:color-mix(in srgb, var(--color-text-muted) 72%, var(--color-text-dim));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{background-color:var(--toggle-on-fill);border-color:color-mix(in srgb, var(--color-primary-structure) 65%, var(--toggle-on-fill))}.osrs-toggle[aria-checked=true] .osrs-toggle__knob{background-color:var(--color-heading);top:2px;left:2px}.osrs-toggle--default[aria-checked=true] .osrs-toggle__knob{width:10px;height:10px;transform:translate(14px)}.osrs-toggle--small[aria-checked=true] .osrs-toggle__knob{width:8px;height:8px;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-text-muted)}.osrs-toggle[aria-checked=true]:hover:not(:disabled) .osrs-toggle__track{background-color:var(--toggle-on-fill-hover);border-color:color-mix(in srgb, var(--color-primary-structure) 65%, var(--toggle-on-fill-hover))}.osrs-toggle[aria-checked=true]:hover:not(:disabled) .osrs-toggle__knob{background-color:var(--color-heading)}:root[data-mobile-ui] .osrs-toggle{justify-content:center;min-width:40px;min-height:40px}@media (prefers-reduced-motion:reduce){.osrs-toggle,.osrs-toggle__track,.osrs-toggle__knob{transition:none}}.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[data-expanded=true]{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:16px}.plugin-row[data-expanded=true] .plugin-caret{color:var(--color-primary);transform:rotate(90deg)}.plugin-row[data-expanded=true] .plugin-name{color:var(--color-accent-text)}.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:16px;line-height:16px}.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-accent-text)}.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}@keyframes tileMarkerIoStatusFade{0%{opacity:1}70%{opacity:1}to{opacity:0}}.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-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}.ti-label{color:var(--color-secondary);text-shadow:1px 1px #000;flex:1;font-size:16px;line-height:16px}.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-accent-text)}.compact-orbs-segment.is-active svg{color:var(--color-primary)}.compact-orbs-segment.is-active:hover{color:var(--color-accent-text)}.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)}.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-accent-text)}.stretched-mode-segment.is-active:hover{color:var(--color-accent-text)}.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-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.stretched-mode-heading .plugin-group-label{cursor:help;margin-bottom:0}.stretched-mode-hint,.tick-metronome-hint{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:4px;margin:0;font-family:"RuneScape Plain 12",sans-serif;font-size:16px;line-height:20px;display:flex}.stretched-mode-hint .kbd{margin:0}@media (max-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}.app-container:not(.has-fixed-layout) .ti-swatch{width:22px;height:22px}}:root[data-mobile-ui] .plugins-overlay .panel-header{padding:2px 4px 2px 16px}:root[data-mobile-ui] .plugins-overlay .plugin-header{padding:2px 8px}:root[data-mobile-ui] .plugins-overlay .plugin-title-btn{flex:auto;min-height:40px}:root[data-mobile-ui] .plugins-overlay .osrs-toggle{padding:0 4px}.plugin-reveal-link{align-self:flex-start;margin-left:6px}.fixed-scale-field .stretched-mode-hint{padding-left:6px}.plugin-off-note{color:var(--color-secondary);margin:0;padding-left:6px;font-family:"RuneScape Plain 12",sans-serif;font-size:16px;line-height:20px}.plugin-row[data-expanded=true]>.plugin-header{z-index:1;background:color-mix(in srgb, #0a0805 50%, var(--color-bg-solid));position:sticky;top:-8px}.plugin-row[data-expanded=true]>.plugin-header:hover{background:var(--color-surface-hover)}.quick-search-overlay{z-index:1300;padding:12px 16px 16px;background:var(--modal-backdrop);justify-content:center;align-items:flex-start;padding-top:clamp(12px,round(down,12vh,1px),112px);display:flex;position:fixed;inset:0}.quick-search-overlay,.quick-search-overlay *{box-sizing:border-box}.quick-search{background:var(--color-bg-solid);border:1px solid var(--modal-card-border);border-radius:var(--modal-radius);width:min(600px,100%);max-height:100%;color:var(--color-text-body);flex-direction:column;font-family:"RuneScape Bold 12",sans-serif;animation:.14s cubic-bezier(.16,1,.3,1) quick-search-in;display:flex;position:relative}.quick-search:before{content:"";border-radius:var(--modal-radius);box-shadow:var(--modal-card-shadow);pointer-events:none;border:1px solid #0000;position:absolute;inset:-1px}@keyframes quick-search-in{0%{transform:translateY(-6px)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.quick-search{animation:none}}.quick-search__field{border-bottom:1px solid var(--color-border);flex:none;padding:12px}.quick-search__field .drawer-search__input{padding:9px 12px 9px 34px}.quick-search__field .drawer-search__glyph{left:12px}.quick-search__results{background:var(--color-bg-solid);overscroll-behavior:contain;flex:auto;min-height:0;padding:10px 8px 8px;position:relative;overflow-y:auto}.quick-search__results::-webkit-scrollbar{width:8px}.quick-search__results::-webkit-scrollbar-track{background:0 0}.quick-search__results::-webkit-scrollbar-thumb{background:var(--color-border);border:2px solid var(--color-bg-solid);border-radius:4px}@supports not selector(::-webkit-scrollbar){.quick-search__results{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}}.quick-search-row+.quick-search-row{margin-top:2px}.quick-search-row.is-selected{background:var(--color-surface-hover);border-color:var(--color-primary-structure)}.quick-search-row.is-selected .drawer-search-result__title{color:var(--color-accent-text)}.quick-search-row.is-selected .drawer-search-result__chevron{color:var(--color-secondary)}.quick-search-row.is-unavailable.is-selected{border-color:var(--color-border)}.quick-search .drawer-search-results__more.is-selected{background:var(--color-surface-hover);border-color:var(--color-primary-structure);color:var(--color-accent-text)}.quick-search-row__head{align-items:center;gap:6px;max-width:100%;display:flex}.quick-search-row__description{white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}.quick-search-row__type{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);border-radius:2px;flex:none;align-self:flex-start;padding:0 5px;font-family:"RuneScape Plain 11",sans-serif;font-size:16px;line-height:18px}.quick-search__foot{border-top:1px solid var(--color-border);background:var(--color-surface);border-radius:0 0 var(--modal-radius) var(--modal-radius);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:6px 12px 6px 6px;display:flex}.quick-search__browse{color:var(--color-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;align-items:center;gap:8px;margin:0;padding:6px;font-family:"RuneScape Plain 12",sans-serif;font-size:16px;line-height:20px;transition:color .15s,background-color .15s,border-color .15s;display:inline-flex}.quick-search__browse:hover{background:var(--color-surface-hover);border-color:var(--color-primary-structure);color:var(--color-accent-text)}.quick-search__browse .drawer-search-result__chevron{color:currentColor}.quick-search__keys{color:var(--color-text-muted);flex-wrap:wrap;justify-content:flex-end;gap:4px 12px;font-family:"RuneScape Plain 11",sans-serif;font-size:16px;line-height:20px;display:flex}.quick-search__keys .kbd{margin:0 3px 0 0}.quick-search__arrow-key svg{vertical-align:1px;display:inline-block}@media (max-width:640px){.quick-search__keys{display:none}}@media (max-height:520px){.quick-search-overlay{padding-top:8px}}:root[data-mobile-ui] .quick-search__browse{touch-action:manipulation;min-height:44px}.replay-library-overlay{z-index:100000;background:var(--modal-backdrop);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(640px,100%);max-height:min(640px,100%);color:var(--color-text-body);flex-direction:column;font:16px/20px "RuneScape Plain 12",sans-serif;display:flex;position:relative}.replay-library-card,.replay-library-card *{box-sizing:border-box}.replay-library-card:before{content:"";border-radius:inherit;box-shadow:var(--modal-card-shadow);pointer-events:none;border:1px solid #0000;position:absolute;inset:-1px}.replay-library-header{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);flex:none;justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 8px 12px 16px;display:flex}.replay-library-heading{min-width:0}.replay-library-title{color:var(--color-heading);margin:0 0 8px;font:16px/20px "RuneScape Bold 12",sans-serif}.replay-library-intro{max-width:60ch;color:var(--color-text-muted);margin:0;font-family:"RuneScape Plain 11",sans-serif}.replay-library-close{min-width:44px;min-height:44px}.replay-library-body{overscroll-behavior:contain;background:var(--color-bg-solid);flex:1;min-height:0;overflow-y:auto}.replay-library-list{margin:0;padding:4px 16px;list-style:none}.replay-library-row{border-bottom:1px solid var(--color-border);align-items:center;gap:8px;display:flex}.replay-library-row:last-child{border-bottom:0}.replay-library-row:hover,.replay-library-row--armed{background:var(--color-surface)}.replay-library-row-open{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:flex-start;gap:12px;padding:12px 0;display:flex}.replay-library-row-open:disabled{cursor:default}.replay-library-row-play{height:20px;color:var(--color-secondary);flex:none;align-items:center;display:flex}.replay-library-row--armed .replay-library-row-play{visibility:hidden}.replay-library-row-main{flex-direction:column;gap:4px;min-width:0;display:flex}.replay-library-row-title{color:var(--color-heading);overflow-wrap:anywhere;font:16px/20px "RuneScape Bold 12",sans-serif}.replay-library-row-note{color:var(--color-text-body);overflow-wrap:anywhere}.replay-library-row-meta{color:var(--color-text-muted);flex-wrap:wrap;gap:4px 12px;font:16px/20px "RuneScape Plain 11",sans-serif;display:flex}.replay-library-outcome--victory{color:var(--color-success)}.replay-library-outcome--death,.replay-library-row-confirm{color:var(--color-error)}.replay-library-row-actions{flex:none;gap:4px;padding-right:4px;display:flex}.replay-library-row-actions .osrs-btn{min-height:44px}.replay-library-icon-btn{min-width:44px;min-height:44px;color:var(--color-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;justify-content:center;align-items:center;padding:8px;display:flex}.replay-library-icon-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary-structure)}.replay-library-delete:hover{color:var(--color-error)}.replay-library-copy--copied{color:var(--color-success)}.replay-library-empty{max-width:64ch;padding:24px 16px 8px}.replay-library-empty-title{color:var(--color-heading);margin:0 0 12px;font:16px/20px "RuneScape Bold 12",sans-serif}.replay-library-empty-body{margin:0 0 12px;font:16px/24px "RuneScape Plain 12",sans-serif}.replay-library-status{color:var(--color-text-muted);margin:0;padding:16px}.replay-library-status p{margin:0 0 12px}.replay-library-status .osrs-btn{min-height:44px}.replay-library-retention{color:var(--color-text-muted);margin:0;padding:12px 16px 16px;font:16px/20px "RuneScape Plain 11",sans-serif}.replay-library-footer{background:var(--color-bg-elevated);border-top:1px solid var(--color-border);flex:none;padding:12px 16px}.replay-library-code-form{flex-direction:column;gap:8px;display:flex}.replay-library-code-label{color:var(--color-secondary);font-family:"RuneScape Bold 12",sans-serif}.replay-library-code-row{gap:8px;display:flex}.replay-library-code-row .osrs-btn{min-height:44px}.replay-library-code-input{border:1px solid var(--color-border);background:var(--color-surface-inset);min-width:0;min-height:44px;color:var(--color-text-body);-webkit-user-select:text;user-select:text;border-radius:2px;flex:1;padding:10px 12px;font:16px/20px "RuneScape Plain 12",sans-serif}.replay-library-code-input::placeholder{color:var(--color-text-muted)}.replay-library-code-input:focus{border-color:var(--color-primary)}.replay-library-code-input[aria-invalid=true]{border-color:var(--color-error)}.replay-library-code-error{color:var(--color-error);margin:0}@media (max-width:600px),(max-height:540px){.replay-library-overlay{padding:8px}.replay-library-header{padding:12px 8px 12px 16px}.replay-library-footer{padding:12px 16px}.replay-library-list{padding:4px 8px}.replay-library-empty,.replay-library-status,.replay-library-retention{padding:16px}}@media (max-width:600px){.replay-library-row{flex-wrap:wrap;gap:0}.replay-library-row-open{flex-basis:100%;padding:12px 8px 4px}.replay-library-row-actions{padding:0 8px 8px 31px}}.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-accent-text)}.crash-reporting-setting__alert{color:var(--color-error)}.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-secondary);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[aria-expanded=true] .section-title{color:var(--color-heading)}.collapsible-header:hover .section-title{color:var(--color-accent-text)}.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}.group-title__label{align-items:center;gap:3px;display:inline-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: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-accent-text);border-color:var(--color-primary-structure)}.control-button.active:hover{color:var(--color-accent-text)}.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-accent-text);border-color:var(--color-primary);z-index:2;position:relative}.speed-buttons .control-button.active:hover{color:var(--color-accent-text);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{color:var(--color-secondary)}:root[data-focus-source=keyboard] .select-input:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-primary) 25%, transparent)}.select-input:disabled,.select-input:disabled:hover{background:var(--color-surface-inset);border-color:var(--color-border);color:var(--color-text-muted);cursor:not-allowed}.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{-webkit-appearance:none;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::-webkit-slider-thumb{-webkit-appearance:none;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)}:root[data-mobile-ui] .slider-input{touch-action:pan-y;background:0 0;border:0;border-radius:0;height:32px}:root[data-mobile-ui] .slider-input::-webkit-slider-runnable-track{box-sizing:border-box;border:1px solid var(--color-border);background:var(--color-surface-inset);border-radius:2px;height:8px}:root[data-mobile-ui] .slider-input::-moz-range-track{box-sizing:border-box;border:1px solid var(--color-border);background:var(--color-surface-inset);border-radius:2px;height:8px}:root[data-mobile-ui] .slider-input::-webkit-slider-thumb{box-sizing:border-box;width:12px;height:24px;margin-top:-9px}:root[data-mobile-ui] .slider-input::-moz-range-thumb{box-sizing:border-box;width:12px;height:24px}.lobby-effects-actions{gap:4px;display:flex}.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;-webkit-appearance:textfield;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 color-mix(in srgb, var(--color-primary) 25%, transparent)}.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 11",sans-serif;font-size:16px;line-height:18px}.render-scale-hint,.game-window-fixed-note{margin-top:0}.control-group>.viewport-popout .viewport-popout__button{width:calc(100% - 6px - var(--setting-reset-size) - var(--setting-reset-gap));margin-left:6px}.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;gap:8px;padding:12px 12px 12px 16px;display:flex}.panel-title-row{align-items:center;gap:10px;min-width:0;display:flex}.panel-header-icons{flex:none;align-items:center;gap:2px;display:flex}.panel-header-divider{background:var(--color-border);flex:none;width:1px;height:16px;margin:0 6px}.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{color:var(--color-heading);text-shadow:1px 1px #000;margin:0;font-family:"RuneScape Bold 12",sans-serif;font-size:20px;font-weight:400}.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);white-space:nowrap;border-radius:2px;align-items:center;gap:3px;padding:2px 6px;font-family:"RuneScape Bold 12",sans-serif;font-size:9px;display:inline-flex}.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-toggle-open{z-index:71;padding:calc(6px + var(--border-give,0px)) calc(10px + var(--border-give,0px)) calc(6px + var(--border-give,0px)) 10px;border-radius:0 calc(2 * var(--unscaled-px,1px)) calc(2 * var(--unscaled-px,1px)) 0;background:var(--color-bg-solid);border:var(--unscaled-px,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;justify-content:center;align-items:center;min-width:0;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;line-height:15px;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,color-mix(in srgb, var(--color-primary) 6%, transparent));border-color:var(--color-secondary);color:var(--color-accent-text);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-accent-text) 6%, transparent), 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}.controls-content{background:var(--color-bg-solid);flex-direction:column;gap:16px;height:100%;padding:16px;display:flex;overflow-y:auto}.controls-content>*{flex-shrink:0}.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)}.control-group--no-border{border-bottom:none;padding-bottom:0}.settings-hint{color:var(--color-text-muted);margin-top:4px;font-family:"RuneScape Plain 11",sans-serif;font-size:16px;line-height:18px}.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;--info-hint-reach:11px;justify-self:start;align-items:center;gap:3px;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;line-height:16px;display:inline-flex}.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:18px}.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:18px}.settings-legal__actions{align-items:center;margin-top:8px}.settings-legal__links>li{line-height:20px}.settings-legal__links .legal-links__link{display:block}@media (max-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}.app-container:not(.has-fixed-layout) .controls-toggle-open{top:calc(8px + var(--safe-top,0px));padding:10px 12px;font-size:13px}}.settings-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}.settings-segmented__option{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}.settings-segmented__option svg{color:var(--color-text-body);display:block}.settings-segmented__label{font-family:"RuneScape Bold 12",sans-serif;font-size:11px;line-height:1}.settings-segmented__option:hover{color:var(--color-secondary);background:#ffffff0d}.settings-segmented__option.is-active{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 22%, transparent);color:var(--color-accent-text)}.settings-segmented__option.is-active svg{color:var(--color-primary)}.settings-segmented__option.is-active:hover{color:var(--color-accent-text)}.settings-segmented__option:disabled{background:var(--color-surface-inset);color:var(--color-text-dim);cursor:not-allowed}.settings-segmented__option:disabled svg{color:var(--color-text-dim)}.settings-segmented__option:disabled:hover{background:var(--color-surface-inset);color:var(--color-text-dim)}.settings-segmented__option:active:not(:disabled){transform:translateY(1px)}@media (pointer:coarse){.settings-segmented__option{padding:10px 3px 9px}}:root[data-mobile-ui] :is(.controls-overlay,.plugins-overlay) .panel-header{min-height:44px;padding:0 4px 0 16px}:root[data-mobile-ui] :is(.controls-overlay,.plugins-overlay) .panel-header-action{box-sizing:border-box;min-width:40px;min-height:44px;padding:0}:root[data-mobile-ui] :is(.controls-overlay,.plugins-overlay) .panel-header-icons{gap:0}:root[data-mobile-ui] .controls-overlay .login-input{min-height:40px}:root[data-mobile-ui] .controls-overlay :is(.login-text-link,.legal-links__link){padding-block:12px}.control-group .settings-field-label{letter-spacing:normal;text-transform:none;color:var(--color-secondary);text-shadow:1px 1px #000;margin:0;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;line-height:16px;display:block}.settings-hint .reveal-link{font-family:inherit;line-height:inherit}.settings-credits-link{color:var(--color-secondary);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-family:"RuneScape Plain 11",sans-serif;font-size:16px;line-height:20px;text-decoration:underline;transition:color .2s}.settings-credits-link:hover{color:var(--color-primary-hover)}.settings-credits-link:active{color:var(--color-accent-text)}:root[data-mobile-ui] .controls-overlay .settings-credits-link{padding-block:12px}.panel-header .launcher-icon{shape-rendering:crispedges;flex:none;display:block;overflow:visible}.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 .infobox-field__unavailable{margin-top:2px}.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}.login-section{flex-direction:column;gap:8px;margin:0;padding:8px 0 16px;display:flex}.login-section .group-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-family:"RuneScape Bold 12",sans-serif;font-size:11px}.login-input{box-sizing:border-box;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 12px;font-family:"RuneScape Plain 12",sans-serif;font-size:16px;line-height:20px;transition:all .2s}.login-input:focus{border-color:var(--color-primary);background:var(--color-surface)}.login-input::placeholder{color:var(--color-text-muted);opacity:1;padding-bottom:2px}.login-input::-webkit-credentials-auto-fill-button{display:none!important}.login-input::-webkit-contacts-auto-fill-button{display:none!important}.login-input::-webkit-strong-password-auto-fill-button{display:none!important}.login-input::-ms-reveal{display:none!important}.login-input::-ms-clear{display:none!important}.login-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--color-surface-inset) inset;-webkit-text-fill-color:var(--color-text-body);border:1px solid var(--color-border);caret-color:var(--color-primary);font-family:"RuneScape Plain 12",sans-serif;font-size:16px;transition:background-color 5000s ease-in-out}.login-input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--color-surface-inset) inset;-webkit-text-fill-color:var(--color-text-body);border:1px solid var(--color-border);caret-color:var(--color-primary);font-family:"RuneScape Plain 12",sans-serif;font-size:16px;transition:background-color 5000s ease-in-out}.login-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px var(--color-surface-inset) inset;-webkit-text-fill-color:var(--color-text-body);border:1px solid var(--color-border);caret-color:var(--color-primary);font-family:"RuneScape Plain 12",sans-serif;font-size:16px;transition:background-color 5000s ease-in-out}.login-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--color-surface-inset) inset;border-color:var(--color-primary);box-shadow:0 0 0 1000px var(--color-surface-inset) inset}.login-input:-webkit-autofill:first-line{color:var(--color-text-body);font-family:"RuneScape Plain 12",sans-serif;font-size:16px}.login-disclaimer{color:var(--color-text-body);text-align:left;padding:4px 0;font-family:"RuneScape Plain 11",sans-serif;font-size:16px;line-height:20px}.login-error{color:var(--color-error);text-align:center;margin-top:4px;font-family:"RuneScape Plain 11",sans-serif;font-size:16px;line-height:20px}.login-logged-in{flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:4px 0;display:flex}.login-info{align-items:baseline;gap:6px;min-width:0;display:flex}.login-username{color:var(--color-text-body);text-shadow:1px 1px #000;text-overflow:ellipsis;white-space:nowrap;font-family:"RuneScape Bold 12",sans-serif;font-size:14px;overflow:hidden}.login-actions{align-items:center;display:flex}.login-text-link{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-family:"RuneScape Plain 12",sans-serif;font-size:13px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .2s}.login-mode-toggle{color:var(--color-text-body);font-family:"RuneScape Plain 12",sans-serif;font-size:16px;line-height:20px}.login-text-link:hover{color:var(--color-text-body);-webkit-text-decoration-color:var(--color-text-body);text-decoration-color:var(--color-text-body)}.login-text-link:active{color:var(--color-accent-text)}.login-text-link--danger:hover{color:var(--color-error);-webkit-text-decoration-color:var(--color-error);text-decoration-color:var(--color-error)}.login-text-link--danger:active{color:var(--color-error)}.login-delete-toggle{align-self:flex-start;margin-left:-8px}.login-section .osrs-btn{margin-top:4px}.login-policies{color:var(--color-text-muted);text-align:left;text-wrap:pretty;margin:0;padding:0 0 4px;font-family:"RuneScape Plain 11",sans-serif;font-size:16px;line-height:20px}.login-policies .legal-links__link,.login-policies .legal-links__link:visited,.login-policies .legal-links__link:hover,.login-policies .legal-links__link:active{font:inherit;color:inherit;-webkit-text-decoration-color:color-mix(in srgb, currentColor 50%, transparent);text-decoration-color:color-mix(in srgb, currentColor 50%, transparent);transition:none}.login-delete{border-top:1px solid var(--color-border);flex-direction:column;gap:12px;padding-top:12px;display:flex}.login-delete__warning{color:var(--color-text-body);text-wrap:pretty;margin:0;font-family:"RuneScape Plain 11",sans-serif;font-size:16px;line-height:20px}.login-delete__field{flex-direction:column;gap:4px;display:flex}.login-delete__label{letter-spacing:1px;text-transform:uppercase;color:var(--color-text-muted);font-family:"RuneScape Bold 12",sans-serif;font-size:11px;line-height:1}.login-delete__error{text-align:left;margin-top:0}.login-delete__actions{gap:8px;display:flex}.login-delete__actions .osrs-btn{margin-top:0}.login-delete__actions .osrs-btn--ghost{flex:none}.login-delete__actions .osrs-btn--danger{flex:1}.share-replay-overlay{background:var(--modal-backdrop);z-index:100000;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.share-replay-card{background:var(--color-bg-solid);border:1px solid var(--modal-card-border);border-radius:var(--modal-radius);width:min(520px,100%);max-height:84vh;box-sizing:border-box;max-height:84dvh;color:var(--color-secondary);flex-direction:column;font-family:"RuneScape Bold 12",sans-serif;animation:.22s cubic-bezier(.16,1,.3,1) share-replay-card-in;display:flex;position:relative;overflow:visible}.share-replay-card:before{content:"";border-radius:var(--modal-radius);box-shadow:var(--modal-card-shadow);pointer-events:none;border:1px solid #0000;position:absolute;inset:-1px}@keyframes share-replay-card-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.share-replay-header{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:4px 8px 4px 16px;display:flex}.share-replay-title{color:var(--color-secondary);margin:0;font-size:16px;font-weight:400;line-height:20px}.share-replay-progress{flex-shrink:0;height:2px;position:relative;overflow:hidden}.share-replay-progress--active{background:var(--color-surface-inset)}.share-replay-progress--active:after{content:"";background:var(--color-secondary);width:35%;animation:1.1s cubic-bezier(.45,0,.35,1) infinite share-replay-sweep;position:absolute;top:0;bottom:0;left:0}@keyframes share-replay-sweep{0%{transform:translate(-100%)}to{transform:translate(340%)}}.share-replay-body{overscroll-behavior:contain;background:var(--color-bg-solid);flex-direction:column;gap:16px;min-height:0;padding:16px 16px 20px;scroll-padding-bottom:20px;display:flex;overflow-y:auto}.share-replay-form{flex-direction:column;gap:16px;transition:opacity .15s;display:flex}.share-replay-lede{color:var(--color-text-body);text-wrap:pretty;max-width:62ch;margin:0;font-family:"RuneScape Plain 12",sans-serif;font-size:16px;line-height:24px}.share-replay-privacy-section{flex-direction:column;gap:4px;display:flex}.share-replay-privacy-section h3{color:var(--color-secondary);margin:0;font:16px/24px "RuneScape Bold 12",sans-serif}.share-replay-privacy-section p{color:var(--color-text-body);margin:0;font:16px/24px "RuneScape Plain 12",sans-serif}.share-replay-sublabel{color:var(--color-secondary);margin:0;font-family:"RuneScape Plain 11",sans-serif;font-size:16px;line-height:20px}.share-replay-clip{border-block:1px solid var(--color-border);padding-block:12px}.share-replay-clip__toggle{min-height:44px;color:var(--color-secondary);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:4px 0;font-size:16px;line-height:24px;display:flex}.share-replay-clip__toggle:hover:not(:disabled){color:var(--color-accent-text)}.share-replay-clip__summary{color:var(--color-text-body);margin:4px 0 0;font:16px/24px "RuneScape Plain 12",sans-serif}.share-replay-fit{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.share-replay-fit__msg{color:var(--color-secondary);flex:240px;margin:0;font:16px/24px "RuneScape Plain 12",sans-serif}.share-replay-hint{color:var(--color-secondary);margin:0;font-family:"RuneScape Plain 12",sans-serif;font-size:16px;line-height:24px}.share-replay-terms{grid-template-columns:max-content 1fr;gap:8px 16px;margin:0;display:grid}.share-replay-terms__row{display:contents}.share-replay-terms dt{color:var(--color-secondary);font-family:"RuneScape Bold 12",sans-serif;font-size:16px;line-height:24px}.share-replay-terms dd{color:var(--color-text-body);text-wrap:pretty;margin:0;font-family:"RuneScape Plain 12",sans-serif;font-size:16px;line-height:24px}.share-replay-result .share-replay-hint{color:var(--color-text-body)}.share-replay-result{flex-direction:column;gap:16px;display:flex}.share-replay-code-block{background:var(--color-surface-inset);border:1px solid var(--color-border);border-radius:2px;flex-direction:column;gap:8px;padding:12px;display:flex}.share-replay-code-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.share-replay-code-row .osrs-btn{min-width:106px;min-height:44px}.share-replay-code{letter-spacing:3px;color:var(--color-accent-text);-webkit-user-select:all;user-select:all;word-break:break-all;margin:0;font-size:32px;line-height:40px}.share-replay-link-block{flex-direction:column;gap:6px;display:flex}.share-replay-link{color:var(--color-text-body);-webkit-user-select:all;user-select:all;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:16px;line-height:24px;overflow:hidden}.share-replay-error{color:var(--color-error);margin:0;font-family:"RuneScape Plain 12",sans-serif;font-size:16px;line-height:24px}.share-replay-footer{background:var(--color-bg-elevated);border-top:1px solid var(--color-border);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px;display:flex}.share-replay-footer .osrs-btn,.share-replay-code-row .osrs-btn{min-height:44px;line-height:20px}.share-replay-footer .osrs-btn--ghost,.share-replay-code-row .osrs-btn--ghost{color:var(--color-secondary)}@media (prefers-reduced-motion:reduce){.share-replay-card{animation:none}.share-replay-progress--active:after{width:100%;animation:none}}@media (max-width:720px){.share-replay-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))}.share-replay-card{width:100%;max-width:100%}.share-replay-header,.share-replay-footer{padding:10px 14px}.share-replay-body{padding:14px}.share-replay-terms{grid-template-columns:1fr;row-gap:2px}.share-replay-terms dd{margin-bottom:10px}}@media (pointer:coarse){.share-replay-close{min-width:44px;min-height:44px;margin:0 -6px 0 0;padding:0}.share-replay-footer .osrs-btn,.share-replay-code-row .osrs-btn{min-height:44px}}.share-replay-close{min-width:44px;min-height:44px}@media (max-height:540px){.share-replay-overlay{padding:8px}.share-replay-card{max-height:100%}}.transition-overlay{z-index:9999;opacity:0;pointer-events:none;will-change:opacity;background:#000;transition:opacity .3s ease-out;position:fixed;inset:0}.transition-overlay.active{opacity:1;pointer-events:auto;transition:opacity .3s ease-in}@media (prefers-reduced-motion:reduce){.transition-overlay{transition:none}}.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);width:min(880px,100%);height:480px;max-height:100%;color:var(--color-text-body);flex-direction:column;font:16px/20px "RuneScape Plain 12",sans-serif;display:flex;position:relative}.tp-shell,.tp-shell *{box-sizing:border-box}.tp-shell:before{content:"";border-radius:inherit;box-shadow:var(--modal-card-shadow);pointer-events:none;border:1px solid #0000;position:absolute;inset:-1px}.tp-header{border-bottom:1px solid var(--color-border);background:var(--color-bg-elevated);flex:none;justify-content:space-between;align-items:center;gap:16px;padding:4px 8px 4px 16px;display:flex}.tp-heading{color:var(--color-heading);margin:0;font:16px/20px "RuneScape Bold 12",sans-serif}.tp-header .close-button{min-width:44px;min-height:44px}.tp-body{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:176px 264px minmax(0,1fr);min-height:0;display:grid}.tp-rail{background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;min-height:0;padding:12px 8px;display:flex;overflow-y:auto}.tp-rail-section{color:var(--color-text-muted);padding:4px 8px 8px;font-family:"RuneScape Plain 11",sans-serif}.tp-rail-items{flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.tp-rail-item{min-height:36px;color:var(--color-secondary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:2px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font:16px/20px "RuneScape Bold 12",sans-serif;display:flex}.tp-rail-item:hover{background:var(--color-surface-hover)}.tp-rail-item.active,.tp-rail-item.active:hover{background:var(--color-surface-inset);border-color:var(--color-primary-structure);color:var(--color-accent-text)}.tp-rail-progress{color:var(--color-text-muted);font-family:"RuneScape Plain 11",sans-serif}.tp-curriculum{overscroll-behavior:contain;background:var(--color-surface);border-right:1px solid var(--color-border);min-height:0;padding-bottom:12px;overflow-y:auto}.tp-curriculum-header{border-bottom:1px solid var(--color-border);padding:16px}.tp-curriculum-eyebrow{display:none}.tp-curriculum-title{color:var(--color-secondary);margin:0;font:16px/20px "RuneScape Bold 12",sans-serif}.tp-section{padding:12px 8px 0}.tp-upcoming{border-top:1px solid var(--color-border);margin:16px 8px 0}.tp-upcoming summary{cursor:pointer;min-height:44px;color:var(--color-secondary);padding:12px;font-family:"RuneScape Plain 11",sans-serif}.tp-upcoming summary:hover{background:var(--color-surface-hover)}.tp-upcoming[open] summary{color:var(--color-accent-text)}.tp-section-label{color:var(--color-text-muted);padding:0 8px 8px;font-family:"RuneScape Plain 11",sans-serif}.tp-lesson{width:100%;min-height:36px;color:var(--color-secondary);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:8px;margin:0 0 4px;padding:6px 8px;font:16px/20px "RuneScape Bold 12",sans-serif;display:grid}.tp-lesson:hover{background:var(--color-surface-hover)}.tp-lesson.active,.tp-lesson.active:hover{background:var(--color-surface-inset);border-color:var(--color-primary-structure);color:var(--color-heading)}.tp-lesson-status{width:12px;height:12px;color:var(--color-success);place-items:center;display:grid}.tp-lesson-status svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:12px;height:12px}.tp-lesson-status.pending:before{content:"";border:1px solid var(--color-text-muted);border-radius:50%;width:5px;height:5px}.tp-lesson-status.progress:before{content:"";background:var(--color-primary);border-radius:50%;width:6px;height:6px}.tp-lesson-duration,.tp-lesson-wip-badge{color:var(--color-text-muted);font:16px/20px "RuneScape Plain 11",sans-serif}.tp-lesson.wip{color:var(--color-text-muted);grid-template-columns:12px minmax(0,1fr)}.tp-lesson-wip-badge{grid-column:2}.tp-lesson.wip.active,.tp-lesson.wip.active:hover{color:var(--color-secondary)}.tp-detail{background:var(--color-bg-solid);flex-direction:column;min-width:0;min-height:0;display:flex}.tp-detail-reading{overscroll-behavior:contain;background:var(--color-bg-solid);flex:1;min-height:0;padding:20px;overflow-y:auto}.tp-detail-eyebrow{color:var(--color-text-muted);margin-bottom:8px;font-family:"RuneScape Plain 11",sans-serif}.tp-detail-eyebrow[data-status=running]{color:var(--color-success)}.tp-detail-title{color:var(--color-heading);margin:0 0 12px;font:16px/20px "RuneScape Bold 12",sans-serif}.tp-detail-meta{flex-wrap:wrap;gap:4px 8px;margin-bottom:16px;display:flex}.tp-pill{color:var(--color-text-muted);border:1px solid var(--color-border);background:var(--color-surface);align-items:center;gap:6px;padding:2px 6px;font-family:"RuneScape Plain 11",sans-serif;display:inline-flex}.tp-pill--beginner{color:var(--color-success)}.tp-pill--wip{color:var(--color-warning)}.tp-pill-icon{fill:none;stroke:currentColor;stroke-width:1.2px;width:12px;height:12px}.tp-prereqs{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.tp-prereqs-label{color:var(--color-text-muted)}.tp-prereqs-chip{border:1px solid var(--color-border);background:var(--color-surface);min-height:44px;color:var(--color-secondary);font:inherit;cursor:pointer;align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.tp-prereqs-chip:hover{background:var(--color-surface-hover);border-color:var(--color-primary-structure)}.tp-prereqs-chip svg{fill:none;width:12px;height:12px;stroke:var(--color-success);stroke-width:1.5px}.tp-detail-desc{color:var(--color-text-body);max-width:60ch;margin:0 0 20px;font:16px/24px "RuneScape Plain 12",sans-serif}.tp-progress,.tp-mobile-note{color:var(--color-text-muted);margin:0;font:16px/20px "RuneScape Plain 11",sans-serif}.tp-progress.completed{color:var(--color-success)}.tp-mobile-note{margin-top:8px}.tp-cta,.tp-cta-confirm{border-top:1px solid var(--color-border);background:var(--color-bg-solid);flex:none;margin:0;padding:8px 20px 12px}.tp-cta{align-items:center;gap:16px;display:flex}.tp-cta-confirm-text{margin:0 0 12px;font:16px/20px "RuneScape Plain 12",sans-serif}.tp-cta-confirm-text strong{font-family:"RuneScape Bold 12",sans-serif;font-weight:400}.tp-cta-confirm-actions{flex-wrap:wrap;gap:8px;display:flex}.tp-start{min-width:88px;min-height:36px}:root[data-mobile-ui] .tp-shell .tp-start{min-height:44px}.tp-reset-link{min-height:44px;font:inherit;color:var(--color-secondary);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:8px 0;text-decoration:underline}.tp-reset-link:hover{color:var(--color-accent-text)}.tp-mobile-course-select{display:none}.tp-empty{padding:24px}@media (max-width:600px),(max-height:540px){.tutorial-picker-backdrop{padding:8px}.tp-shell{height:100%}.tp-body{grid-template-rows:minmax(0,1fr);grid-template-columns:280px minmax(0,1fr)}.tp-rail{display:none}.tp-mobile-course-select{border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:12px 16px;display:flex}.tp-mobile-course-select-label{color:var(--color-text-muted)}.tp-mobile-course-select select{border:1px solid var(--color-border);background:var(--color-surface-inset);min-width:0;min-height:44px;color:var(--color-secondary);border-radius:2px;flex:1;padding:8px;font:16px/20px "RuneScape Bold 12",sans-serif}.tp-detail-reading{padding:16px 20px}.tp-lesson,.tp-start{min-height:44px}}@media (max-width:600px){.tp-shell{height:min(640px,100%)}.tp-body{grid-template-rows:minmax(160px,2fr) minmax(0,3fr);grid-template-columns:minmax(0,1fr)}.tp-curriculum{border-right:0;border-bottom:1px solid var(--color-border)}.tp-curriculum-header{display:none}}@media (pointer:coarse){.tp-rail-item,.tp-lesson,.tp-start{min-height:44px}}.victory-modal-overlay{--victory-accent:var(--color-primary);z-index:100000;box-sizing:border-box;padding-inline:calc(16px + var(--ui-inset-left,0px)) calc(16px + var(--ui-inset-right,0px));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) 92%, transparent);overscroll-behavior:contain;opacity:1;transition:padding .3s cubic-bezier(.2,.8,.2,1);animation:.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{box-sizing:border-box;width:100%;max-width:560px;min-height:0;max-height:100%;padding-inline:var(--safe-left,0px) var(--safe-right,0px);text-align:center;flex-direction:column;flex:none;align-items:center;margin:auto;display:flex}.victory-modal-content-wrapper>*{flex-shrink:0}.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 12px;padding-left:5px;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;line-height:20px;animation:.6s cubic-bezier(.16,1,.3,1) .1s 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 12px;font-family:"RuneScape Bold 12",sans-serif;font-size:48px;font-weight:400;line-height:1;animation:.7s cubic-bezier(.16,1,.3,1) .2s backwards victory-hero-in}.victory-modal-emblem{opacity:0;justify-content:center;align-items:center;gap:12px;margin-bottom:12px;animation:.6s cubic-bezier(.16,1,.3,1) .35s forwards victory-emblem-in;display:flex}.victory-modal-emblem-line{width:clamp(48px,9vw,72px);height:1px;animation:.6s cubic-bezier(.16,1,.3,1) .35s 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:.6s cubic-bezier(.16,1,.3,1) .35s 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 24px;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;line-height:20px;animation:.6s cubic-bezier(.16,1,.3,1) .45s 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;flex-direction:column;flex:0 auto;width:100%;max-width:400px;min-height:0;margin-bottom:20px;padding:12px 14px;animation:.6s cubic-bezier(.16,1,.3,1) .55s backwards victory-fade-rise;display:flex}.victory-modal-record-heading{border-bottom:1px solid var(--color-border);color:var(--color-text-muted);letter-spacing:1px;text-transform:uppercase;flex:none;margin:0 0 6px;padding-bottom:6px;font-family:"RuneScape Plain 11",sans-serif;font-size:16px;font-weight:400;line-height:20px}.victory-modal-record-list{overscroll-behavior:contain;background:var(--color-surface);flex:0 auto;min-height:0;margin:0;padding:0;font-family:"RuneScape Plain 12",sans-serif;font-size:16px;line-height:20px;overflow-y:auto}.victory-modal-record-row{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:16px;padding:5px 0;display:grid}.victory-modal-record-row:not(:last-child){border-bottom:1px solid var(--color-border)}.victory-modal-record-row dt,.victory-modal-record-row dd{margin:0}.victory-modal-record-row dt{color:var(--color-secondary)}.victory-modal-record-row dd{color:var(--color-text-body);font-variant-numeric:tabular-nums;text-align:right;font-family:"RuneScape Bold 12",sans-serif;font-size:16px}.victory-modal-actions{opacity:1;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:400px;animation:.6s cubic-bezier(.16,1,.3,1) .65s backwards outcome-actions-in;display:flex}@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)}}@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{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)}@keyframes victory-reduced-fade{0%{opacity:0}to{opacity:1}}}@media (max-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:16px}.victory-modal-record{margin-bottom:16px;padding:10px 12px}}@media (max-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}.victory-modal-record-heading{margin-bottom:4px;padding-bottom:4px}.victory-modal-record-row{padding-block:3px}.victory-modal-actions{gap:8px}}@media (max-width:600px) and (max-height:720px){.victory-modal-eyebrow{display:none}}@media (max-width:600px) and (orientation:portrait){.victory-modal-overlay{padding-block:max(16px, var(--safe-top,0px)) max(16px, var(--safe-bottom,0px))}}@media (max-height:440px) and (min-width:560px) and (orientation:landscape){.victory-modal-content-wrapper{grid-template-rows:minmax(0,1fr) repeat(6,auto) minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-areas:".panel""eyebrow panel""heading panel""emblem panel""narrative panel""actions panel""lobby panel"".panel";justify-items:center;column-gap:24px;max-width:760px;display:grid}.victory-modal-eyebrow{grid-area:eyebrow}.victory-modal-heading{grid-area:heading}.victory-modal-emblem{grid-area:emblem}.victory-modal-narrative{grid-area:narrative}.victory-modal-actions{grid-area:actions}.victory-modal-record{grid-area:panel;align-self:center;max-width:100%;max-height:100%;margin-bottom:0}}.viewport-size-strip{bottom:8px;left:var(--ui-inset-left,0px);right:var(--ui-inset-right,0px);z-index:9989;box-sizing:border-box;background-color:var(--color-bg-solid);border:1px solid var(--color-border);width:fit-content;color:var(--color-text-body);pointer-events:none;white-space:nowrap;border-radius:2px;align-items:baseline;gap:6px;margin:0 auto;padding:6px 12px;font-family:"RuneScape Plain 12",sans-serif;font-size:14px;animation:.25s ease-out both viewport-size-enter;display:flex;position:fixed}.viewport-size-strip__lead{color:var(--color-warning);text-shadow:1px 1px #000;font-family:"RuneScape Bold 12",sans-serif}.app-container:has(.replay-bar) .viewport-size-strip{top:8px;bottom:auto}@keyframes viewport-size-enter{0%{opacity:0}to{opacity:1}}.whats-new-overlay{z-index:100000;background:var(--modal-backdrop);justify-content:center;align-items:center;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(600px,100%);height:680px;max-height:100%;color:var(--color-text-body);flex-direction:column;font:16px/20px "RuneScape Plain 12",sans-serif;display:flex;position:relative}.whats-new-card,.whats-new-card *{box-sizing:border-box}.whats-new-card:before{content:"";border-radius:inherit;box-shadow:var(--modal-card-shadow);pointer-events:none;border:1px solid #0000;position:absolute;inset:-1px}.whats-new-header{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);flex:none;justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 8px 12px 16px;display:flex}.whats-new-heading{min-width:0}.whats-new-title{color:var(--color-heading);margin:0 0 8px;font:16px/20px "RuneScape Bold 12",sans-serif}.whats-new-intro{max-width:60ch;margin:0;font:16px/20px "RuneScape Plain 11",sans-serif}.whats-new-close{min-width:44px;min-height:44px}.whats-new-filters{background:var(--color-bg-solid);border:0;border-bottom:1px solid var(--color-border);flex:none;gap:4px;min-inline-size:0;margin:0;padding:8px 12px;display:flex;overflow-x:auto}.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{border:1px solid var(--color-border);background:var(--color-surface);min-height:32px;color:var(--color-secondary);cursor:pointer;border-radius:2px;flex:none;padding:4px 10px;font:16px/20px "RuneScape Bold 12",sans-serif}.whats-new-filter:hover{background:var(--color-surface-hover)}.whats-new-filter[aria-pressed=true],.whats-new-filter[aria-pressed=true]:hover{background:var(--primary-dim);border-color:var(--color-primary);color:var(--color-accent-text)}.whats-new-list{overscroll-behavior:contain;background:var(--color-bg-solid);flex:1;min-height:0;margin:0;padding:0 16px;list-style:none;overflow-y:auto}.whats-new-entry{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,1fr);gap:6px;padding:16px 0;display:grid}.whats-new-entry:last-child{border-bottom:0}.whats-new-entry-meta{color:var(--color-text-muted);flex-wrap:wrap;align-items:flex-start;gap:12px;font-family:"RuneScape Plain 11",sans-serif;display:flex}.whats-new-entry-tag{color:var(--color-secondary);background:var(--color-surface);padding-inline:6px}.whats-new-entry-title{color:var(--color-heading);margin:0;font:16px/20px "RuneScape Bold 12",sans-serif}.whats-new-entry-impact{max-width:68ch;margin:0;font:16px/24px "RuneScape Plain 12",sans-serif}@media (max-width:600px),(max-height:540px){.whats-new-filter{min-height:44px}.whats-new-overlay{padding:8px}.whats-new-header{padding:12px 8px 12px 16px}.whats-new-list{padding:0 16px}}@media (max-width:600px){.whats-new-entry{grid-template-columns:minmax(0,1fr);gap:8px;padding:20px 0}.whats-new-entry-meta{flex-flow:wrap;grid-row:auto;gap:16px}}.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(--color-bg-solid);border:1px solid var(--hud-border);width:fit-content;max-width:340px;color:var(--color-secondary);pointer-events:auto;padding:8px 12px;font-family:"RuneScape Plain 12",sans-serif;font-size:16px;line-height:1.4;position:relative}.zoom-hint-toast:before{content:"";z-index:-1;box-shadow:var(--shadow-md);pointer-events:none;position:absolute;inset:-1px}.zoom-hint-toast__main{align-items:baseline;gap:8px;display:flex}.zoom-hint-toast__tip{color:var(--color-text-muted);letter-spacing:1px;text-transform:uppercase;flex:none;font-family:RuneScape Small,sans-serif;font-size:16px}.zoom-hint-toast__body{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}.zoom-hint-toast__action{color:var(--color-accent-text);font:inherit;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--color-accent-text) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--color-accent-text) 45%, transparent);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin:-10px -8px;padding:10px 8px;font-family:"RuneScape Bold 12",sans-serif;transition:color .15s,text-decoration-color .15s;display:inline}.zoom-hint-toast__action:hover{color:var(--color-primary-hover);text-decoration-color:currentColor}.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;margin:-3px 0 -8px;padding:3px 0 8px;font-family:"RuneScape Plain 11",sans-serif;font-size:16px;line-height:16px;text-decoration:none;transition:color .15s}.zoom-hint-toast__opt-out:hover{color:var(--color-secondary);text-decoration:underline}.zoom-hint-toast__close{box-sizing:content-box;cursor:pointer;width:18px;height:18px;color:var(--color-text-muted);text-align:center;background:0 0;border:0;flex:none;margin:-7px -9px -7px -7px;padding:7px;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;line-height:18px;transition:color .15s}.zoom-hint-toast__close:hover{color:var(--color-secondary)}.zoom-hint-toast--enter{animation:.16s ease-out both zoomHintToastInRight}.zoom-hint-toast--exit{pointer-events:none;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}@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)}}.shortcut-hint-glow{animation:1.2s ease-in-out infinite shortcutHintPulse}@keyframes shortcutHintPulse{0%,to{border-color:color-mix(in srgb, var(--color-primary) 35%, transparent);background-color:color-mix(in srgb, var(--color-primary) 8%, transparent);box-shadow:0 0 4px color-mix(in srgb, var(--color-primary) 15%, transparent)}50%{border-color:var(--color-primary);background-color:color-mix(in srgb, var(--color-primary) 20%, transparent);box-shadow:0 0 10px color-mix(in srgb, var(--color-primary) 40%, transparent), 0 0 20px color-mix(in srgb, var(--color-primary) 15%, transparent)}}@media (prefers-reduced-motion:reduce){.zoom-hint-toast--enter,.zoom-hint-toast--exit,.shortcut-hint-glow{animation:none}}.tutorial-overlay{z-index:50;pointer-events:none;font-family:"RuneScape Plain 12",sans-serif;position:fixed;inset:0}.tutorial-perimeter-meter{background:var(--color-bg-solid);z-index:1;pointer-events:none;height:5px;display:flex;position:absolute;bottom:-1px;left:-1px;right:-1px}.tutorial-perimeter-seg{background:var(--color-border);flex:1}.tutorial-perimeter-seg:not(:last-child){box-shadow:inset -1px 0 0 var(--color-bg-solid)}.tutorial-perimeter-seg.filled{background:var(--color-secondary)}.tutorial-perimeter-seg.lost{animation:.6s ease-out tutorial-perimeter-lost}@keyframes tutorial-perimeter-lost{0%{background:var(--color-secondary)}20%{background:var(--color-error)}45%{background:var(--color-secondary)}70%{background:var(--color-error)}to{background:var(--color-border)}}@media (prefers-reduced-motion:reduce){.tutorial-perimeter-seg.lost{animation:none}}.tutorial-beam{pointer-events:auto;top:184px;right:var(--safe-right,0px);background:var(--color-bg-solid);border:1px solid var(--color-border);z-index:50;grid-template-columns:auto 1fr auto;align-items:center;gap:8px 10px;width:272px;padding:8px 10px;animation:.22s cubic-bezier(.16,1,.3,1) tutorial-beam-in;display:grid;position:fixed}@keyframes tutorial-beam-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.tutorial-beam[data-tone=awaiting]{border-color:color-mix(in srgb, var(--color-secondary) 35%, var(--color-border));background:color-mix(in srgb, var(--color-secondary) 8%, var(--color-bg-solid))}.tutorial-beam[data-tone=error]{border-color:color-mix(in srgb, var(--color-error) 35%, var(--color-border));background:color-mix(in srgb, var(--color-error) 8%, var(--color-bg-solid))}.tutorial-beam[data-tone=success]{border-color:color-mix(in srgb, var(--color-success) 35%, var(--color-border));background:color-mix(in srgb, var(--color-success) 8%, var(--color-bg-solid))}.tutorial-beam[data-tone=paused],.tutorial-beam[data-tone=watch],.tutorial-beam[data-tone=running]{border-color:var(--color-border)}.tutorial-beam-status{background:var(--color-secondary);border-radius:50%;flex-shrink:0;width:8px;height:8px}.tutorial-beam[data-tone=error] .tutorial-beam-status{background:var(--color-error)}.tutorial-beam[data-tone=success] .tutorial-beam-status{background:var(--color-success)}.tutorial-beam[data-tone=paused] .tutorial-beam-status{background:var(--color-text-muted)}.tutorial-beam-stack{gap:2px;min-width:0;display:grid}.tutorial-beam-meta{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;align-items:baseline;gap:6px;font-family:"RuneScape Plain 12",sans-serif;font-size:12px;display:flex;overflow:hidden}.tutorial-beam-tone-label{color:var(--color-secondary);font-family:"RuneScape Bold 12",sans-serif}.tutorial-beam[data-tone=error] .tutorial-beam-tone-label{color:var(--color-error)}.tutorial-beam[data-tone=success] .tutorial-beam-tone-label{color:var(--color-success)}.tutorial-beam[data-tone=paused] .tutorial-beam-tone-label{color:var(--color-text-muted)}.tutorial-beam-step-of{color:var(--color-text-muted);text-overflow:ellipsis;min-width:0;overflow:hidden}.tutorial-beam-num{color:var(--color-text-body);font-family:"RuneScape Bold 12",sans-serif}.tutorial-beam-title{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}.tutorial-beam-progress{color:var(--color-secondary);font-variant-numeric:tabular-nums}.tutorial-beam-rule{border-top:1px solid color-mix(in srgb, var(--color-border) 70%, transparent);grid-column:1/-1;gap:5px;padding-top:8px;display:grid}.tutorial-beam-rule-row{grid-template-columns:54px 12px 1fr;align-items:center;gap:8px;display:grid}.tutorial-beam-rule-cue{font-family:"RuneScape Bold 12",sans-serif;font-size:13px;line-height:1.2}.tutorial-beam-rule-arrow{color:var(--color-text-dim);display:block}.tutorial-beam-rule-prayer{color:var(--color-secondary);white-space:nowrap;text-overflow:ellipsis;font-family:"RuneScape Bold 12",sans-serif;font-size:13px;line-height:1.2;overflow:hidden}.tutorial-beam-controls{flex-shrink:0;align-items:center;gap:4px;display:flex}.tutorial-beam-btn{width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;padding:0;transition:background .15s,border-color .15s,color .15s;display:grid}.tutorial-beam-btn:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-primary-structure);color:var(--color-text-body)}.tutorial-beam-btn:disabled{cursor:not-allowed;opacity:.4}.tutorial-beam-btn svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.tutorial-beam-btn svg circle{fill:currentColor;stroke:none}.tutorial-beam-cta{background:var(--color-primary);height:32px;color:var(--color-bg-solid);border:1px solid var(--color-primary);cursor:pointer;letter-spacing:0;padding:0 12px;font-family:"RuneScape Bold 12",sans-serif;font-size:12px}.tutorial-beam-cta:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.tutorial-beam-cta--retry{color:var(--color-error);border-color:color-mix(in srgb, var(--color-error) 60%, var(--color-border));background:0 0}.tutorial-beam-cta--retry:hover{background:color-mix(in srgb, var(--color-error) 14%, var(--color-surface));border-color:var(--color-error);color:var(--color-error)}.tutorial-beam-cta--secondary{background:var(--color-surface);color:var(--color-secondary);border-color:var(--color-border)}.tutorial-beam-cta--secondary:hover{background:var(--color-surface-hover);border-color:var(--color-primary-structure);color:var(--color-text-body)}.tutorial-beam-transport{border-top:1px solid color-mix(in srgb, var(--color-border) 70%, transparent);grid-column:1/-1;gap:6px;padding-top:8px;display:grid}.tutorial-beam-transport-track,.tutorial-beam-seek{background:linear-gradient(to right, var(--color-secondary) 0%, var(--color-secondary) var(--seek-progress,0%), #ffffff0f var(--seek-progress,0%), #ffffff0f 100%);border:none;border-radius:2px;outline:none;width:100%;height:3px;margin:0;transition:background .15s;display:block}.tutorial-beam-seek{-webkit-appearance:none;appearance:none;cursor:pointer}.tutorial-beam-seek:hover,.tutorial-beam-seek:active{background:linear-gradient(to right, var(--color-primary) 0%, var(--color-primary) var(--seek-progress,0%), #ffffff14 var(--seek-progress,0%), #ffffff14 100%)}.tutorial-beam-seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-secondary);cursor:pointer;border:none;border-radius:1px;width:6px;height:12px;transition:background .15s}.tutorial-beam-seek:hover::-webkit-slider-thumb{background:var(--color-text-body)}.tutorial-beam-seek::-moz-range-thumb{background:var(--color-secondary);cursor:pointer;border:none;border-radius:1px;width:6px;height:12px;transition:background .15s}.tutorial-beam-seek:hover::-moz-range-thumb{background:var(--color-text-body)}.tutorial-beam-seek::-moz-range-track{background:0 0;border:none;border-radius:2px;height:3px}.tutorial-beam-transport-controls{align-items:center;gap:4px;display:flex}.tutorial-beam-btn.tutorial-beam-btn--play{color:var(--color-secondary)}.tutorial-beam-transport-tick{font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:4px;font-family:"RuneScape Plain 12",sans-serif;font-size:11px}.tutorial-beam-transport-tick-current{color:var(--color-secondary)}.tutorial-beam-transport-tick-sep{color:var(--color-text-dim);margin:0 2px}.tutorial-beam-transport-tick-total{color:var(--color-text-muted)}.tutorial-beam-transport-controls .tutorial-beam-cta{height:28px;margin-left:auto;padding:0 10px;font-size:12px}.tutorial-beam-inline-paused,.tutorial-beam-transport-paused{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);background:color-mix(in srgb, var(--color-text-muted) 14%, transparent);border-radius:2px;align-items:center;margin-left:4px;padding:2px 6px;font-family:"RuneScape Bold 12",sans-serif;font-size:11px;line-height:1;display:inline-flex}.tutorial-beam[data-tone=paused] .tutorial-beam-transport-track{opacity:.55}@media (pointer:coarse){.tutorial-beam-seek{background-clip:content-box;height:8px;padding:10px 0}.tutorial-beam-seek::-webkit-slider-thumb{border-radius:2px;width:14px;height:14px}.tutorial-beam-seek::-moz-range-thumb{border-radius:2px;width:14px;height:14px}.tutorial-beam-transport-controls .tutorial-beam-btn{width:32px;height:32px}.tutorial-beam-transport-controls .tutorial-beam-cta{height:32px}}.tutorial-beam-menu{background:var(--color-bg-solid);border:1px solid var(--color-border);width:224px;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-accent-text) 6%, transparent);z-index:7;padding:4px 0;animation:.16s cubic-bezier(.16,1,.3,1) tutorial-beam-menu-in;position:absolute;top:60px;right:0}.tutorial-beam-menu:before{content:"";z-index:-1;pointer-events:none;position:absolute;inset:-1px;box-shadow:0 8px 24px #00000080}@keyframes tutorial-beam-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tutorial-beam-menu-item{color:var(--color-text-body);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 12px;font-family:"RuneScape Plain 12",sans-serif;font-size:13px;display:flex}.tutorial-beam-menu-item:hover:not(:disabled){background:var(--color-surface-hover)}.tutorial-beam-menu-item:disabled{opacity:.4;cursor:not-allowed}.tutorial-beam-menu-item svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px;color:var(--color-text-muted);flex-shrink:0}.tutorial-beam-menu-item:hover:not(:disabled) svg{color:var(--color-secondary)}.tutorial-beam-menu-divider{background:var(--color-border);height:1px;margin:4px 0}.tutorial-beam-menu-item--danger,.tutorial-beam-menu-item--danger svg{color:var(--color-error)}.tutorial-beam-menu-item--danger:hover:not(:disabled){background:color-mix(in srgb, var(--color-error) 10%, var(--color-surface))}.tutorial-codex{pointer-events:auto;top:184px;right:var(--safe-right,0px);width:380px;max-height:calc(100vh - 200px);background:var(--color-bg-solid);border:1px solid var(--color-border);max-height:calc(100dvh - 200px);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-accent-text) 4%, transparent);z-index:55;flex-direction:column;animation:.24s cubic-bezier(.16,1,.3,1) tutorial-codex-in;display:flex;position:fixed}.tutorial-codex:before{content:"";z-index:-1;pointer-events:none;position:absolute;inset:-1px;box-shadow:0 8px 24px #0006}@keyframes tutorial-codex-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.tutorial-codex-head{border-bottom:1px solid var(--color-border);background:0 0;align-items:flex-start;gap:8px;padding:12px 14px 10px;display:flex}.tutorial-codex-head-text{flex:1;gap:2px;min-width:0;display:grid}.tutorial-codex-eyebrow{color:var(--color-secondary);font-family:"RuneScape Plain 11",sans-serif;font-size:11px;line-height:1}.tutorial-codex-title{color:var(--color-text-body);margin:0;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;line-height:1.2}.tutorial-codex-body{background:var(--color-bg-solid);flex:1;min-height:0;padding:12px 14px;overflow-y:auto}.tutorial-codex-rich{flex-direction:column;gap:10px;display:flex}.tutorial-codex-text{color:var(--color-text-body);margin:0;font-family:"RuneScape Plain 12",sans-serif;font-size:13px;line-height:1.5}.tutorial-codex-text b,.tutorial-codex-text strong{color:var(--color-secondary);font-family:"RuneScape Bold 12",sans-serif;font-weight:400}.tutorial-codex-image{border:1px solid var(--color-border);background:var(--color-surface);max-width:100%;display:block}.tutorial-codex-video{border:1px solid var(--color-border);background:#000;width:100%;display:block}.tutorial-codex-video-fallback{background:var(--color-surface-inset);border:1px dashed var(--color-border);text-align:center;color:var(--color-text-muted);padding:14px;font-family:"RuneScape Plain 12",sans-serif;font-size:12px}.tutorial-codex-video-fallback-title{color:var(--color-secondary);margin-bottom:4px;font-family:"RuneScape Bold 12",sans-serif;font-size:13px}.tutorial-codex-video-fallback-text{word-break:break-all;opacity:.7;font-size:11px}.tutorial-codex-callout{background:color-mix(in srgb, var(--color-secondary) 6%, transparent);border:1px solid var(--color-border);gap:4px;margin:0 14px 12px;padding:10px 12px;display:grid}.tutorial-codex-callout-eyebrow{color:var(--color-secondary);font-family:"RuneScape Plain 11",sans-serif;font-size:11px;line-height:1}.tutorial-codex-callout-title{color:var(--color-text-body);font-family:"RuneScape Bold 12",sans-serif;font-size:13px;line-height:1.2}.tutorial-codex-foot{border-top:1px solid var(--color-border);background:0 0;grid-template-columns:1fr 1fr 1.4fr;gap:6px;padding:10px 14px 12px;display:grid}.tutorial-codex-foot-btn{height:32px;color:var(--color-secondary);border:1px solid var(--color-border);cursor:pointer;letter-spacing:0;background:0 0;padding:0 12px;font-family:"RuneScape Bold 12",sans-serif;font-size:12px}.tutorial-codex-foot-btn:hover:not(:disabled){color:var(--color-text-body);border-color:var(--color-primary-structure)}.tutorial-codex-foot-btn:disabled{opacity:.4;cursor:not-allowed}.tutorial-codex-foot-btn--primary{background:var(--color-primary);color:var(--color-bg-solid);border-color:var(--color-primary)}.tutorial-codex-foot-btn--primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-bg-solid)}.tutorial-codex--steps .tutorial-codex-body{padding:8px 0}.tutorial-steps-list{gap:2px;margin:0;padding:0;font-family:"RuneScape Plain 12",sans-serif;font-size:13px;list-style:none;display:grid}.tutorial-steps-item{list-style:none}.tutorial-steps-item-btn{width:100%;color:var(--color-text-muted);text-align:left;cursor:pointer;font-family:inherit;line-height:1.3;font-size:inherit;background:0 0;border:none;grid-template-columns:24px 1fr auto;align-items:center;gap:12px;padding:6px 16px;display:grid}.tutorial-steps-item-btn:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text-body);outline:none}.tutorial-steps-item-btn:disabled{cursor:default}.tutorial-steps-item.active .tutorial-steps-item-btn{color:var(--color-text-body);background:color-mix(in srgb, var(--color-secondary) 8%, var(--color-bg-elevated))}.tutorial-steps-item.done{color:var(--color-text-muted)}.tutorial-steps-item.pending{color:var(--color-text-dim)}.tutorial-steps-marker{border:1px solid var(--color-border);background:var(--color-surface);width:22px;height:22px;color:var(--color-text-muted);justify-content:center;align-items:center;font-family:"RuneScape Bold 12",sans-serif;font-size:12px;display:inline-flex}.tutorial-steps-marker svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.tutorial-steps-item.active .tutorial-steps-marker{background:color-mix(in srgb, var(--color-secondary) 18%, var(--color-surface));border-color:var(--color-secondary);color:var(--color-secondary)}.tutorial-steps-item.done .tutorial-steps-marker{background:var(--color-surface-inset);border-color:var(--color-primary-structure);color:var(--color-success)}.tutorial-steps-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tutorial-steps-item.active .tutorial-steps-label{font-family:"RuneScape Bold 12",sans-serif}.tutorial-steps-current-tag{color:var(--color-secondary);text-transform:lowercase;font-family:"RuneScape Plain 12",sans-serif;font-size:11px}.tutorial-pause-backdrop{pointer-events:auto;padding-inline:var(--ui-inset-left,0px) var(--ui-inset-right,0px);background:var(--modal-backdrop);z-index:60;place-items:center;display:grid;position:fixed;inset:0}@keyframes tutorial-pause-fade{0%{opacity:0}to{opacity:1}}.tutorial-pause-card{background:var(--color-bg-solid);border:1px solid var(--modal-card-border);width:360px;max-width:calc(100vw - 32px);box-shadow:var(--modal-card-shadow);border-radius:var(--modal-radius);grid-template-rows:auto auto auto;animation:.16s ease-out tutorial-pause-fade;display:grid;overflow:hidden}.tutorial-pause-card-head{border-bottom:1px solid var(--color-border);text-align:center;padding:16px 18px 12px}.tutorial-pause-card-head h3{color:var(--color-secondary);margin:0;font-family:"RuneScape Bold 12",sans-serif;font-size:18px;line-height:1.1}.tutorial-pause-card-body{gap:8px;padding:14px 18px;display:grid}.tutorial-pause-card-meta{color:var(--color-text-muted);text-align:center;margin:0;font-family:"RuneScape Plain 12",sans-serif;font-size:12px;line-height:1.2}.tutorial-pause-card-step-of{color:var(--color-text-body)}.tutorial-pause-card-helper{color:var(--color-text-body);text-align:center;margin:0;font-family:"RuneScape Plain 12",sans-serif;font-size:13px;line-height:1.4}.tutorial-pause-card-foot{border-top:1px solid var(--color-border);background:var(--color-bg-elevated);grid-template-columns:1fr;gap:6px;padding:10px 14px 14px;display:grid}.tutorial-pause-card-btn{height:36px;color:var(--color-secondary);border:1px solid var(--color-border);cursor:pointer;letter-spacing:0;background:0 0;padding:0 14px;font-family:"RuneScape Bold 12",sans-serif;font-size:13px}.tutorial-pause-card-btn:hover{color:var(--color-text-body);border-color:var(--color-primary-structure)}.tutorial-pause-card-btn--primary{background:var(--color-primary);color:var(--color-bg-solid);border-color:var(--color-primary)}.tutorial-pause-card-btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-bg-solid)}.tutorial-pause-card-btn--danger{color:var(--color-error);border-color:color-mix(in srgb, var(--color-error) 40%, var(--color-border))}.tutorial-pause-card-btn--danger:hover{background:color-mix(in srgb, var(--color-error) 10%, var(--color-surface));border-color:var(--color-error)}.tutorial-completion-backdrop{pointer-events:auto;padding-inline:var(--ui-inset-left,0px) var(--ui-inset-right,0px);background:var(--modal-backdrop);z-index:60;place-items:center;display:grid;position:fixed;inset:0}.tutorial-completion-card{background:var(--color-bg-solid);border:1px solid var(--modal-card-border);width:420px;max-width:calc(100vw - 32px);box-shadow:var(--modal-card-shadow);border-radius:var(--modal-radius);animation:.36s cubic-bezier(.16,1,.3,1) both tutorial-completion-rise;overflow:hidden}@keyframes tutorial-completion-rise{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tutorial-completion-lift{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tutorial-completion-crest{text-align:center;background:var(--color-surface-inset);border-bottom:1px solid var(--color-border);padding:22px 24px 18px}.tutorial-completion-mark{margin:0 auto 12px;animation:.34s cubic-bezier(.16,1,.3,1) 60ms both tutorial-completion-mark-in;display:block}@keyframes tutorial-completion-mark-in{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}.tutorial-completion-mark-outer{fill:var(--color-secondary);opacity:.26}.tutorial-completion-mark-core{fill:var(--color-primary)}.tutorial-completion-mark-check{fill:none;stroke:var(--color-surface-inset);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:34;stroke-dashoffset:0;animation:.42s cubic-bezier(.22,1,.36,1) .26s both tutorial-completion-strike}@keyframes tutorial-completion-strike{0%{stroke-dashoffset:34px}to{stroke-dashoffset:0}}.tutorial-completion-kicker{justify-content:center;align-items:center;gap:8px;margin:0 0 8px;animation:.3s cubic-bezier(.16,1,.3,1) .16s both tutorial-completion-lift;display:flex}.tutorial-completion-kicker-rule{background:linear-gradient(to right, transparent, var(--color-border));width:26px;height:1px}.tutorial-completion-kicker-rule:last-child{background:linear-gradient(to left, transparent, var(--color-border))}.tutorial-completion-kicker-text{letter-spacing:1px;text-transform:uppercase;color:var(--color-text-muted);font-family:"RuneScape Bold 12",sans-serif;font-size:11px;line-height:1}.tutorial-completion-title{color:var(--color-secondary);margin:0;font-family:"RuneScape Bold 12",sans-serif;font-size:20px;line-height:1.15;animation:.3s cubic-bezier(.16,1,.3,1) .22s both tutorial-completion-lift}.tutorial-completion-place{color:var(--color-text-muted);margin:6px 0 0;font-family:"RuneScape Plain 12",sans-serif;font-size:12px;line-height:1.3;animation:.3s cubic-bezier(.16,1,.3,1) .28s both tutorial-completion-lift}.tutorial-completion-body{padding:16px 24px 18px;animation:.3s cubic-bezier(.16,1,.3,1) .34s both tutorial-completion-lift}.tutorial-completion-track-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.tutorial-completion-track-label{letter-spacing:1px;text-transform:uppercase;color:var(--color-text-muted);font-family:"RuneScape Bold 12",sans-serif;font-size:11px;line-height:1}.tutorial-completion-track-count{color:var(--color-text-body);font-family:"RuneScape Bold 12",sans-serif;font-size:13px;line-height:1}.tutorial-completion-track{gap:2px;margin:0;padding:0;list-style:none;display:flex}.tutorial-completion-seg{background:var(--color-border);flex:1;height:6px}.tutorial-completion-seg.is-done{background:color-mix(in srgb, var(--color-secondary) 68%, var(--color-bg-solid))}.tutorial-completion-seg.is-earned{background:var(--color-primary);animation:.44s cubic-bezier(.22,1,.36,1) .5s both tutorial-completion-earn}.tutorial-completion-track.is-complete .tutorial-completion-seg.is-done{background:var(--color-primary)}@keyframes tutorial-completion-earn{0%{background:var(--color-border);transform:scaleY(.34)}to{background:var(--color-primary);transform:scaleY(1)}}.tutorial-completion-next{align-items:baseline;gap:8px;margin:12px 0 0;line-height:1.3;display:flex}.tutorial-completion-next.is-complete{justify-content:center}.tutorial-completion-next-label{color:var(--color-text-muted);flex:none;font-family:"RuneScape Plain 12",sans-serif;font-size:12px}.tutorial-completion-next-name{color:var(--color-text-body);font-family:"RuneScape Bold 12",sans-serif;font-size:13px}.tutorial-completion-next-done{color:var(--color-text-muted);font-family:"RuneScape Plain 12",sans-serif;font-size:12px}.tutorial-completion-foot{background:var(--color-bg-elevated);border-top:1px solid var(--color-border);grid-template-columns:1fr 1fr;gap:8px;padding:12px 24px 18px;animation:.3s cubic-bezier(.16,1,.3,1) .4s both tutorial-completion-lift;display:grid}.tutorial-completion-foot-btn{height:36px;color:var(--color-secondary);border:1px solid var(--color-border);cursor:pointer;letter-spacing:0;background:0 0;padding:0 16px;font-family:"RuneScape Bold 12",sans-serif;font-size:13px;transition:color .15s,border-color .15s,background .15s}.tutorial-completion-foot-btn:hover{color:var(--color-text-body);border-color:var(--color-primary-structure);background:var(--color-surface-hover)}.tutorial-completion-foot-btn--primary{background:var(--color-primary);color:var(--color-bg-solid);border-color:var(--color-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tutorial-completion-foot-btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-bg-solid)}.tutorial-completion-foot-btn--full{grid-column:1/-1}@media (max-width:420px){.tutorial-completion-foot{grid-template-columns:1fr}}.tutorial-step-intro{pointer-events:none;padding-top:var(--crest-floating-top);padding-inline:var(--ui-inset-left,0px) var(--ui-inset-right,0px);box-sizing:border-box;z-index:57;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.tutorial-step-intro-content{flex-direction:column;align-items:center;gap:14px;display:flex}.tutorial-step-intro-content--exiting{animation:.2s cubic-bezier(.22,1,.36,1) both tutorial-step-intro-exit}.tutorial-step-intro-scrim{opacity:0;background:radial-gradient(130% 100% at 50% 44%,#08060417 0%,#08060438 100%);animation:3.2s cubic-bezier(.4,0,.2,1) both tutorial-step-intro-scrim;position:absolute;inset:0}@keyframes tutorial-step-intro-scrim{0%{opacity:0}16%{opacity:1}52%{opacity:1}to{opacity:0}}.tutorial-step-intro-label{align-items:center;gap:10px;animation:.32s cubic-bezier(.22,1,.36,1) both tutorial-step-intro-objective-in;display:flex}.tutorial-step-intro-label-line{width:26px;height:1px}.tutorial-step-intro-label-line:first-child{background:linear-gradient(90deg, transparent, var(--color-border-translucent))}.tutorial-step-intro-label-line:last-child{background:linear-gradient(90deg, var(--color-border-translucent), transparent)}.tutorial-step-intro-label-text{letter-spacing:4px;text-transform:uppercase;color:var(--color-text-muted);font-family:"RuneScape Bold 12",sans-serif;font-size:16px}.tutorial-step-intro-objective{color:var(--color-text-body);text-align:center;max-width:80vw;text-shadow:var(--crest-rim), var(--crest-shadow-sm);font-family:"RuneScape Bold 12",sans-serif;font-size:32px;line-height:1.5;animation:.32s cubic-bezier(.22,1,.36,1) both tutorial-step-intro-objective-in}@keyframes tutorial-step-intro-objective-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes tutorial-step-intro-exit{to{opacity:0;transform:scale(1.02)}}@keyframes tutorial-step-intro-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.tutorial-beam,.tutorial-beam-menu,.tutorial-codex,.tutorial-pause-backdrop,.tutorial-pause-card,.tutorial-completion-backdrop,.tutorial-steps-list{animation:none}.tutorial-step-intro-label,.tutorial-step-intro-objective{animation:.16s both tutorial-step-intro-fade}.tutorial-step-intro-content--exiting{animation:.16s reverse both tutorial-step-intro-fade}.tutorial-completion-mark,.tutorial-completion-kicker,.tutorial-completion-title,.tutorial-completion-place,.tutorial-completion-body,.tutorial-completion-foot{animation:none}.tutorial-completion-mark-check{stroke-dashoffset:0;animation:none}.tutorial-completion-seg.is-earned{background:var(--color-primary);animation:none;transform:none}.tutorial-completion-card{animation:.16s both tutorial-step-intro-fade}.tutorial-completion-foot-btn{transition:none}}@media (max-width:720px){.tutorial-beam{grid-template-columns:auto 1fr auto;width:auto;top:8px;left:8px;right:8px}.tutorial-beam-menu{width:auto;min-width:220px;max-width:calc(100vw - 16px);top:60px;right:8px}.tutorial-codex{width:auto;max-height:60vh;border:1px solid var(--color-border);border-bottom:none;max-height:60dvh;inset:auto 0 0}.tutorial-codex:before{bottom:0}.tutorial-pause-card,.tutorial-completion-card{width:calc(100vw - 16px)}.tutorial-step-intro-objective{font-size:16px}}.driver-overlay{z-index:1200!important}.tutorial-suspended .driver-overlay,.tutorial-suspended .driver-popover{display:none!important}.osrs-tutorial-popover.driver-popover *{font-family:inherit!important}.osrs-tutorial-popover.driver-popover{background:var(--color-bg-elevated)!important;border:1px solid var(--modal-card-border)!important;border-radius:var(--modal-radius)!important;color:var(--color-text-body)!important;min-width:300px!important;max-width:420px!important;box-shadow:none!important;z-index:1201!important;padding:14px 18px!important;animation:.22s cubic-bezier(.16,1,.3,1) osrs-popover-in!important;overflow:visible!important}.osrs-tutorial-popover.driver-popover:before{content:"";border-radius:var(--modal-radius);box-shadow:var(--modal-card-shadow);pointer-events:none;position:absolute;inset:0}.osrs-tutorial-popover .driver-popover-arrow{filter:drop-shadow(0 1px 2px #0000008c)!important;border:7px solid #0000!important}.osrs-tutorial-popover .driver-popover-arrow-side-left{border-left-color:var(--color-bg-elevated)!important}.osrs-tutorial-popover .driver-popover-arrow-side-right{border-right-color:var(--color-bg-elevated)!important}.osrs-tutorial-popover .driver-popover-arrow-side-top{border-top-color:var(--color-bg-elevated)!important}.osrs-tutorial-popover .driver-popover-arrow-side-bottom{border-bottom-color:var(--color-bg-elevated)!important}.osrs-tutorial-popover .driver-popover-title{color:var(--color-text-body)!important;text-shadow:1px 1px #000!important;letter-spacing:.01em!important;background:0 0!important;border:none!important;margin:0 28px 8px 0!important;padding:0!important;font-family:"RuneScape Bold 12",sans-serif!important;font-size:22px!important;font-weight:400!important;line-height:1.15!important;display:block!important}.osrs-tutorial-popover .driver-popover-description{color:var(--color-text-body)!important;text-shadow:1px 1px #000!important;background:var(--color-bg-elevated)!important;max-height:min(60vh,460px)!important;max-height:min(60dvh,460px)!important;margin:0 0 12px!important;padding:0!important;font-family:"RuneScape Plain 12",sans-serif!important;font-size:15px!important;line-height:1.4!important;overflow:hidden auto!important}.osrs-tutorial-popover .driver-popover-description b,.osrs-tutorial-popover .driver-popover-description strong{color:var(--color-secondary)!important;text-shadow:1px 1px #000!important;font-family:"RuneScape Bold 12",sans-serif!important;font-weight:400!important}.osrs-tutorial-popover .kbd{color:var(--color-text-body)!important;background:var(--color-surface)!important;border:1px solid var(--color-primary-structure)!important;vertical-align:baseline!important;white-space:nowrap!important;border-radius:2px!important;margin:0 2px!important;padding:2px 6px!important;font-family:"RuneScape Plain 11",sans-serif!important;font-size:16px!important;line-height:1!important;display:inline-block!important;box-shadow:inset 0 1px #ffffff0d!important}.osrs-tutorial-popover .tutorial-action-indicator .kbd{color:inherit!important;border-color:var(--color-border)!important}.osrs-tutorial-popover .driver-popover-footer{background:var(--color-surface)!important;border-top:1px solid var(--color-border)!important;border-radius:0 0 2px 2px!important;justify-content:space-between!important;align-items:center!important;margin:0 -18px -14px!important;padding:10px 18px!important;display:flex!important;position:relative!important;box-shadow:inset 0 1px #ffffff08!important}.osrs-tutorial-popover .driver-popover-progress-text.tutorial-stepnav-native{display:none!important}.osrs-tutorial-popover .driver-popover-progress-text{color:var(--color-secondary)!important;background:var(--color-surface-inset)!important;border:1px solid var(--color-border)!important;border-radius:2px!important;padding:4px 8px!important;font-family:"RuneScape Bold 12",sans-serif!important;font-size:13px!important;line-height:1!important}.osrs-tutorial-popover .tutorial-stepnav-trigger:focus{background:var(--color-surface)}.osrs-tutorial-popover .tutorial-stepnav-item-btn:focus{background:0 0}.osrs-tutorial-popover .tutorial-stepnav{display:inline-flex}.osrs-tutorial-popover .tutorial-stepnav-trigger{text-shadow:1px 1px #000;color:var(--color-secondary);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:2px;align-items:center;gap:7px;padding:7px 9px 7px 11px;font-size:14px;line-height:1;transition:background .15s,border-color .15s,color .15s,transform .1s;display:inline-flex;font-family:"RuneScape Bold 12",sans-serif!important}.osrs-tutorial-popover .tutorial-stepnav-trigger:hover{background:var(--color-surface-hover);border-color:var(--color-primary-structure);color:var(--color-text-body)}.osrs-tutorial-popover .tutorial-stepnav-trigger:active{background:var(--color-surface-inset);transform:translateY(1px);box-shadow:inset 0 2px 3px #0006}.osrs-tutorial-popover .tutorial-stepnav-trigger[aria-expanded=true],.osrs-tutorial-popover .tutorial-stepnav-trigger[aria-expanded=true]:hover{color:var(--color-accent-text);border-color:var(--color-primary);background:var(--color-surface-inset)}.osrs-tutorial-popover .tutorial-stepnav-trigger[aria-expanded=true] .tutorial-stepnav-current{color:var(--color-accent-text)}.osrs-tutorial-popover .tutorial-stepnav-count{align-items:center;gap:3px;display:inline-flex}.osrs-tutorial-popover .tutorial-stepnav-current{color:var(--color-text-body);transition:color .15s}.osrs-tutorial-popover .tutorial-stepnav-sep,.osrs-tutorial-popover .tutorial-stepnav-total{color:var(--color-text-muted)}.osrs-tutorial-popover .tutorial-stepnav-chevron{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:12px;height:8px;transition:transform .15s;display:block}.osrs-tutorial-popover .tutorial-stepnav.open .tutorial-stepnav-chevron{transform:rotate(180deg)}.osrs-tutorial-popover .tutorial-stepnav-panel{z-index:12;background:var(--color-bg-elevated);border:1px solid var(--modal-card-border);border-radius:var(--modal-radius) var(--modal-radius) 0 0;border-bottom:none;animation:.16s cubic-bezier(.16,1,.3,1) osrs-stepnav-in;position:absolute;bottom:100%;left:0;right:0;overflow:visible}.osrs-tutorial-popover .tutorial-stepnav-panel[hidden]{display:none}.osrs-tutorial-popover .tutorial-stepnav-panel:before{content:"";border-radius:inherit;box-shadow:var(--modal-card-shadow);pointer-events:none;position:absolute;inset:0}.osrs-tutorial-popover .tutorial-stepnav.flipped .tutorial-stepnav-panel{border-bottom:1px solid var(--modal-card-border);border-radius:0 0 var(--modal-radius) var(--modal-radius);border-top:none;top:100%;bottom:auto}.osrs-tutorial-popover .tutorial-stepnav-head{letter-spacing:1px;text-transform:uppercase;text-align:left;color:var(--color-secondary);background:var(--color-surface);border-bottom:1px solid var(--color-border);border-radius:var(--modal-radius) var(--modal-radius) 0 0;justify-content:space-between;align-items:baseline;gap:12px;margin:0;padding:9px 16px;font-size:11px;display:flex;font-family:"RuneScape Bold 12",sans-serif!important}.osrs-tutorial-popover .tutorial-stepnav-head-count{color:var(--color-text-muted)}.osrs-tutorial-popover .tutorial-stepnav.flipped .tutorial-stepnav-head{border-radius:0}.osrs-tutorial-popover .tutorial-stepnav-list{--stepnav-row:34px;--stepnav-gap:2px;--stepnav-rows-visible:8;gap:var(--stepnav-gap);max-height:min(calc(var(--stepnav-rows-visible) * var(--stepnav-row) + (var(--stepnav-rows-visible) - 1) * var(--stepnav-gap)), 42vh);max-height:min(calc(var(--stepnav-rows-visible) * var(--stepnav-row) + (var(--stepnav-rows-visible) - 1) * var(--stepnav-gap)), 42dvh);overscroll-behavior:contain;background:var(--color-bg-elevated);scrollbar-width:thin;scrollbar-color:var(--color-primary-structure) var(--color-surface-inset);margin:0;padding:6px 0 0;list-style:none;display:grid;overflow:hidden auto}.osrs-tutorial-popover .tutorial-stepnav-item{list-style:none}.osrs-tutorial-popover .tutorial-stepnav-item-btn{box-sizing:border-box;text-align:left;width:100%;text-shadow:none;color:var(--color-secondary);cursor:pointer;background:0 0;border:none;border-radius:0;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;padding:6px 16px;font-size:13px;line-height:1.3;transition:background .15s,color .15s;display:grid;font-family:"RuneScape Plain 12",sans-serif!important}.osrs-tutorial-popover .tutorial-stepnav-item-btn:hover{background:var(--color-surface-hover);color:var(--color-text-body);outline:none}.osrs-tutorial-popover .tutorial-stepnav-item.pending .tutorial-stepnav-item-btn{color:var(--color-text-muted)}.osrs-tutorial-popover .tutorial-stepnav-item.active .tutorial-stepnav-item-btn,.osrs-tutorial-popover .tutorial-stepnav-item.active .tutorial-stepnav-item-btn:hover{color:var(--color-text-body);background:color-mix(in srgb, var(--color-secondary) 8%, var(--color-bg-elevated))}.osrs-tutorial-popover .tutorial-stepnav-marker{box-sizing:border-box;width:22px;height:22px;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);justify-content:center;align-items:center;font-size:12px;line-height:1;display:inline-flex;font-family:"RuneScape Bold 12",sans-serif!important}.osrs-tutorial-popover .tutorial-stepnav-marker svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.osrs-tutorial-popover .tutorial-stepnav-item.active .tutorial-stepnav-marker{background:color-mix(in srgb, var(--color-secondary) 18%, var(--color-surface));border-color:var(--color-secondary);color:var(--color-secondary)}.osrs-tutorial-popover .tutorial-stepnav-item.done .tutorial-stepnav-marker{background:var(--color-surface-inset);border-color:var(--color-border);color:color-mix(in srgb, var(--color-success) 60%, var(--color-text-muted))}.osrs-tutorial-popover .tutorial-stepnav-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.osrs-tutorial-popover .tutorial-stepnav-item.active .tutorial-stepnav-label{font-family:"RuneScape Bold 12",sans-serif!important}.osrs-tutorial-popover .tutorial-stepnav-tag{letter-spacing:1px;text-transform:uppercase;color:var(--color-secondary);font-size:11px;font-family:"RuneScape Bold 12",sans-serif!important}@keyframes osrs-stepnav-in{0%{opacity:0}to{opacity:1}}.osrs-tutorial-popover .driver-popover-navigation-btns{align-items:center!important;gap:10px!important;display:flex!important}.osrs-tutorial-popover .driver-popover-prev-btn,.osrs-tutorial-popover .driver-popover-next-btn{text-shadow:1px 1px #000!important;cursor:pointer!important;border-radius:2px!important;justify-content:center!important;align-items:center!important;height:auto!important;padding:7px 14px!important;font-family:"RuneScape Bold 12",sans-serif!important;font-size:14px!important;line-height:1!important;transition:background .15s,border-color .15s,color .15s!important;display:inline-flex!important}.osrs-tutorial-popover .driver-popover-prev-btn{background:var(--color-surface)!important;border:1px solid var(--color-border)!important;color:var(--color-secondary)!important}.osrs-tutorial-popover .driver-popover-prev-btn:hover{background:var(--color-surface-hover)!important;border-color:var(--color-primary-structure)!important;color:var(--color-text-body)!important}.osrs-tutorial-popover .driver-popover-prev-btn:active{background:var(--color-surface-inset)!important;transform:translateY(1px)!important}.osrs-tutorial-popover .driver-popover-next-btn{background:color-mix(in srgb, var(--color-primary) 6%, transparent)!important;border:1px solid var(--color-secondary)!important;color:var(--color-accent-text)!important;min-width:80px!important;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-accent-text) 4%, transparent)!important}.osrs-tutorial-popover .driver-popover-next-btn:hover{background:var(--color-surface-hover)!important;border-color:var(--color-primary)!important;color:var(--color-primary-hover)!important;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-accent-text) 6%, transparent)!important}.osrs-tutorial-popover .driver-popover-next-btn:active{background:var(--color-surface-inset)!important;transform:translateY(1px)!important;box-shadow:inset 0 2px 3px #0006!important}.osrs-tutorial-popover .driver-popover-btn-disabled,.osrs-tutorial-popover .driver-popover-btn-disabled:hover,.osrs-tutorial-popover .driver-popover-btn-disabled:active{background:var(--color-surface)!important;border-color:var(--color-border)!important;color:var(--color-text-dim)!important;cursor:not-allowed!important;box-shadow:none!important;opacity:.5!important;transform:none!important}.osrs-tutorial-popover .driver-popover-close-btn{color:var(--color-text-muted)!important;cursor:pointer!important;z-index:10!important;text-shadow:1px 1px #000!important;background:0 0!important;border:none!important;width:auto!important;height:auto!important;padding:4px 8px!important;font-family:"RuneScape Bold 12",sans-serif!important;font-size:24px!important;line-height:1!important;transition:color .15s!important;position:absolute!important;top:6px!important;right:6px!important}.osrs-tutorial-popover .driver-popover-close-btn:hover{color:var(--color-text-body)!important;opacity:1!important}.osrs-tutorial-popover .driver-popover-close-btn:active{transform:translateY(1px)!important}.osrs-tutorial-popover .tutorial-action-indicator{background:color-mix(in srgb, #000 25%, var(--color-bg-elevated));border-top:1px solid var(--color-border);justify-content:space-between;align-items:baseline;gap:12px;margin:10px -18px 0;padding:10px 18px;display:flex;text-shadow:1px 1px #000!important;font:14px/1.5 "RuneScape Bold 12",sans-serif!important}.osrs-tutorial-popover .tutorial-action-indicator-text{min-width:0}.osrs-tutorial-popover .tutorial-action-indicator.waiting{color:var(--color-secondary)}.osrs-tutorial-popover .tutorial-action-indicator.completed{color:var(--color-success);background:color-mix(in srgb, var(--color-success) 14%, color-mix(in srgb, #000 25%, var(--color-bg-elevated)))}.osrs-tutorial-popover .tutorial-skip-action{font-size:13px;line-height:inherit;color:var(--color-text-dim);cursor:pointer;background:0 0;border:none;flex:none;margin:0;padding:0;text-decoration:underline;transition:color .15s;font-family:"RuneScape Plain 12",sans-serif!important}.osrs-tutorial-popover .tutorial-skip-action:hover{color:var(--color-secondary)}.driver-active-element{box-shadow:none!important;border-radius:0!important}[data-tutorial=game-panel].driver-active-element{outline:none!important}@keyframes osrs-popover-in{0%{opacity:0}to{opacity:1}}@media (max-width:720px){.osrs-tutorial-popover.driver-popover{min-width:280px!important;max-width:92vw!important;padding:12px 16px!important}.osrs-tutorial-popover .driver-popover-title{font-size:18px!important}.osrs-tutorial-popover .driver-popover-description{font-size:14px!important}.osrs-tutorial-popover .driver-popover-footer{margin:0 -16px -12px!important;padding:10px 16px!important}.osrs-tutorial-popover .tutorial-stepnav-list{max-height:46vh;max-height:46dvh}}@media (prefers-reduced-motion:reduce){.osrs-tutorial-popover.driver-popover,.osrs-tutorial-popover .tutorial-stepnav-panel{animation:none!important}.osrs-tutorial-popover .tutorial-stepnav-chevron,.osrs-tutorial-popover .tutorial-stepnav-trigger,.osrs-tutorial-popover .tutorial-stepnav-item-btn,.osrs-tutorial-popover .tutorial-skip-action{transition:none}}@font-face{font-family:"RuneScape Plain 12";src:url(/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(/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(/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(/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(/fonts/RuneScape-Small.ttf)format("truetype");font-weight:400;font-style:normal;font-display:block;ascent-override:87.5%;descent-override:12.5%}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff;background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;--glass-panel:var(--color-bg);--glass-border:1px solid var(--color-border);--glass-blur:none;--color-primary:#c39a52;--color-primary-hover:#dcbd7e;--color-primary-structure:#5d5245;--color-secondary:#bba57e;--primary-dim:color-mix(in srgb, var(--color-secondary) 12%, var(--color-bg-elevated));--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:#cec0a3;--color-text-muted:#948366;--color-text-dim:#5b4f40;--color-error:#c86d5f;--color-success:#7fae72;--color-warning:#dc8f44;--color-info:#7f9fb6;--color-limited-notice:#8c8c8c;--color-heading:#ddc9a3;--color-accent-text:#d6b26c;--native-orange:#d4a54a;--native-orange-hover:#dfc06a;--native-label:#c8aa6e;--native-body:#d2bea0;--native-muted:#8a7a5c;--native-info:#6898c0;--shadow-sm:0 2px 4px #0006;--shadow-md:0 8px 16px #00000080;--shadow-lg:0 16px 32px #0009;--shadow-glow:0 0 10px #c39a521a;--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);--hud-bg:#1e1812e0;--hud-border:#38302340;--color-surface-translucent:#14100ceb;--color-border-translucent:#38302380;--infobox-tint:#0f0c08bf;font-family:"RuneScape Plain 12",sans-serif;font-weight:400;line-height:1.5}: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}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface-inset)}::-webkit-scrollbar-thumb{background:var(--color-border);border:1px solid var(--color-surface-inset);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--color-surface-hover)}.panel-scroll::-webkit-scrollbar{width:4px}.panel-scroll::-webkit-scrollbar-track{background:0 0}.panel-scroll::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.panel-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-primary-structure)}.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){.panel-scroll,.controls-content,.plugins-content,.tile-preset-list,.encounter-panel-body,.loadout-saved-scroll,.slot-picker__list,.branch-dropdown__body,.replay-library-body,.shortcuts-modal-content,.credits-modal-list,.whats-new-list{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.game-panel-scroll,.menu-swaps-input,.tile-marker-panel-list{scrollbar-width:thin;scrollbar-color:var(--color-primary-structure) transparent}}body{width:100vw;height:100vh;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation;background:var(--color-surface-inset);height:100dvh;margin:0;padding:0;overflow:hidden}button,a,label,input[type=checkbox],input[type=radio],input[type=range],input[type=button],input[type=submit],select,[role=button],[role=tab],[role=menuitem],[role=option]{touch-action:manipulation}@media (pointer:coarse){input[type=text],input[type=search],input[type=number],input[type=email],input[type=password],input[type=url],textarea,select{font-size:max(16px,1em)}}img{-webkit-user-drag:none}:where(button,input,select,textarea){font-family:inherit}input,textarea{-webkit-touch-callout:default}@media (any-pointer:coarse) and (not (any-pointer:fine)){html{overscroll-behavior:none}}html[data-mobile-ui]{overscroll-behavior:none}#root{text-align:left;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);width:100%;height:100%;margin:0;padding:0}.seo-landmark{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.seo-landmark:focus-within{top:calc(var(--safe-top,0px) + 12px);z-index:100000;clip:auto;white-space:normal;color:#f1e8d0;background:#0f0f14;border:1px solid #c8a665;border-radius:4px;width:auto;max-width:min(420px,100vw - 24px);height:auto;margin:0;padding:14px 16px;font-family:"RuneScape Plain 12",sans-serif;font-size:16px;line-height:20px;position:fixed;left:50%;overflow:visible;transform:translate(-50%);box-shadow:0 8px 28px #0009}.seo-landmark:focus-within h1{margin:0 0 6px;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;font-weight:400;line-height:20px}.seo-landmark:focus-within p{color:#9aa0a6;margin:0 0 10px}.seo-landmark:focus-within ul{margin:0;padding:0;list-style:none}.seo-landmark:focus-within li+li{margin-top:4px}.seo-landmark:focus-within a{color:#c8a665}