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{background-color:#0f0f14;background-image:radial-gradient(circle,#1e1e28 0%,#0f0f14 60%,#050508 100%);width:100vw;height:100dvh;display:flex;position:relative;overflow:hidden}@media (width>=721px){.app-container{min-width:765px;min-height:503px}}.app-container--popout{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{z-index:0;background:#050508;position:absolute;inset: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}.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-primary)}.lobby-alpha-value{color:var(--color-secondary);text-shadow:1px 1px #000;text-align:right;min-width:36px;font-family:"RuneScape Bold 12",sans-serif;font-size:12px}.osrs-slider{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 #ff981f66,inset 0 1px #ffffff4d}.osrs-slider-modified::-webkit-slider-thumb{background:var(--color-primary);border-color:var(--color-primary-structure);box-shadow:0 0 4px #ff981f4d,inset 0 1px #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 #ff981f4d,inset 0 1px #fff3}.osrs-slider:hover::-moz-range-thumb{background:var(--color-primary);border-color:var(--color-primary-structure);box-shadow:0 0 6px #ff981f66,inset 0 1px #ffffff4d}.sidebar-nav{top:calc(24px + var(--safe-top,0px));left:var(--safe-left,0px);z-index:71;flex-direction:column;gap:8px;display:flex;position:fixed}.sidebar-nav.right-nav{left:auto;right:var(--safe-right,0px)}.sidebar-nav.right-nav .controls-toggle-open{border-left:1px solid var(--color-border);border-right:none;border-radius:2px 0 0 2px;box-shadow:-2px 2px 4px #0000004d}@media (width<=720px){.sidebar-nav{top:calc(8px + var(--safe-top,0px));gap:6px}.sidebar-nav .controls-toggle-open{min-width:64px;padding:10px 12px;font-size:13px}}.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}.kbd{color:var(--color-text-body);background:var(--color-surface);border:1px solid var(--color-primary-structure);vertical-align:baseline;border-radius:2px;margin:0 2px;padding:0 4px;font-family:"RuneScape Plain 11",sans-serif;font-size:11px;line-height:1;display:inline-block;box-shadow:inset 0 1px #ffffff0d}.loading-screen{background:radial-gradient(circle at center, var(--color-bg-elevated) 0%, var(--color-surface) 60%, var(--color-surface-inset) 100%);z-index:9999;width:100vw;height:100vh;color:var(--color-text-body);will-change:opacity, transform, filter;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;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);text-shadow:1px 1px #000;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);transition:border-color .15s,box-shadow .15s;animation:3s ease-in-out infinite ready-pulse;box-shadow:0 0 20px #d4a54a33}@keyframes ready-pulse{0%,to{border-color:var(--color-primary);box-shadow:0 0 20px #d4a54a33}50%{border-color:var(--color-primary);box-shadow:0 0 30px #d4a54a66}}.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) both 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);text-shadow:1px 1px #000;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:16px;transition:background .15s,color .15s,border-color .15s,box-shadow .15s,transform .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);transform:translateY(1px);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}@media (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}}.branch-switcher{z-index:99999;font-family:"RuneScape Bold 12",sans-serif;transition:right .3s cubic-bezier(.2,.8,.2,1);position:absolute;top:16px;right:16px}.branch-badge{cursor:pointer;color:var(--color-text-muted);text-shadow:1px 1px #000;-webkit-user-select:none;user-select:none;box-shadow:none;background:0 0;border:none;border-radius:0;align-items:center;gap:6px;padding:6px 8px;font-family:monospace;font-size:12px;transition:color .15s;display:flex}.branch-badge:hover,.branch-badge--open{color:var(--color-secondary);box-shadow:none;background:0 0;border-color:#0000}.branch-badge__chevron{color:var(--color-text-muted);text-shadow:1px 1px #000;font-size:10px;transition:transform .2s}.branch-badge--open .branch-badge__chevron{color:var(--color-secondary);transform:rotate(180deg)}.branch-dropdown{background:var(--color-bg);border:1px solid var(--color-border);border-radius:2px;min-width:280px;max-width:340px;animation:.2s cubic-bezier(.2,.8,.2,1) branch-dropdown-in;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 40px #00000080}@keyframes branch-dropdown-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.branch-dropdown__header{color:var(--color-primary);text-shadow:1px 1px #000;background:var(--color-surface-translucent);border-bottom:1px solid var(--color-border);padding:8px 12px;font-family:"RuneScape Bold 12",sans-serif;font-size:12px}.branch-dropdown__body{box-shadow:none;background:0 0;border:none;max-height:320px;margin:0;padding:4px;overflow-y:auto}.branch-dropdown__body::-webkit-scrollbar{width:8px}.branch-dropdown__body::-webkit-scrollbar-track{background:var(--color-surface-inset)}.branch-dropdown__body::-webkit-scrollbar-thumb{background:var(--color-border);border:1px solid #101010;border-radius:0}.branch-dropdown__body::-webkit-scrollbar-thumb:hover{background:var(--color-primary-structure)}button.branch-entry{font:inherit;text-align:left;background:0 0;border:none;border-radius:2px;width:100%;margin-bottom:2px}.branch-entry{border-bottom:1px solid #0000;align-items:center;gap:10px;padding:8px 10px;transition:background .15s,border-color .15s;display:flex}.branch-entry:last-child{margin-bottom:0}.branch-entry--running{cursor:pointer}.branch-entry--running:hover{background:var(--color-surface-hover)}.branch-entry--current{border:1px solid var(--color-primary-structure);background:#2a1f10cc}.branch-entry--stopped{opacity:.5;cursor:default}.branch-entry__status{flex-shrink:0;font-size:8px;line-height:1}.branch-entry__status--running{color:#4ade80;text-shadow:0 0 8px #4ade8066}.branch-entry__status--stopped{color:var(--color-error)}.branch-entry__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.branch-entry__name{color:#fff;text-shadow:1px 1px #000;text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:12px;overflow:hidden}.branch-entry--current .branch-entry__name{color:var(--color-primary);font-weight:700}.branch-entry__port{color:var(--color-text-muted);text-shadow:1px 1px #000;font-family:monospace;font-size:10px}.branch-entry--running:hover .branch-entry__name{color:#fff}.branch-dropdown__loading{text-align:center;color:var(--color-text-muted);text-shadow:1px 1px #000;padding:16px;font-size:12px}.branch-dropdown__empty{text-align:center;color:var(--color-text-muted);text-shadow:1px 1px #000;padding:16px;font-size:12px;font-style:italic}@media (width<=720px){.branch-switcher{top:calc(10px + var(--safe-top,0px));right:calc(10px + var(--safe-right,0px))}.branch-badge{padding:8px 10px;font-size:11px}.branch-dropdown{min-width:220px;max-width:min(320px,100vw - 20px);max-height:min(60dvh,400px)}.branch-entry{padding:10px}}.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{background:var(--color-bg);border:1px solid var(--color-border);border-radius:2px;flex-direction:column;width:1200px;max-width:95vw;height:85vh;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-primary);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-primary);border-color:var(--color-primary-structure)}.cache-explorer-tab.active{background:var(--color-bg-elevated);color:var(--color-primary);border-color:var(--color-primary-structure);box-shadow:inset 0 2px 4px #0000004d}.close-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;justify-content:center;align-items:center;width:28px;height:28px;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;transition:background .15s,color .15s,border-color .15s;display:flex;box-shadow:inset 0 1px #ffffff0d}.close-btn:hover{background:var(--color-surface-hover);color:var(--color-error);border-color:var(--color-primary-structure)}.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);outline:none;box-shadow:0 0 0 2px #ff981f26,inset 1px 1px #00000080}.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-bottom:1px solid var(--color-bg-elevated);cursor:pointer;color:#fff;border-left:3px solid #0000;justify-content:space-between;align-items:center;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-primary)}.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-primary);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{color:var(--color-primary);border:1px solid var(--color-primary-structure);background:#ff981f26;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-primary);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-primary);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-primary);border-color:var(--color-primary-structure)}.control-btn.active{background:var(--color-bg-elevated);color:var(--color-primary);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;flex-shrink:0;height:6px;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-primary);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-primary);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-primary);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-primary);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-primary);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{color:var(--color-primary);background:#ff981f1f}.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-primary);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-primary);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);width:36px;height:36px;color:var(--color-primary);background:#ff981f1a;font-size:14px}.main-play-btn:hover:not(:disabled){background:var(--color-primary);color:var(--color-surface-inset);box-shadow:0 0 15px #ff981f4d}.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 #ff981f1a;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{border-color:var(--color-primary-structure);color:var(--color-primary);background:#ff981f1a}.yama-button:hover{border-color:var(--color-primary);background:#ff981f33;box-shadow:0 0 15px #ff981f26}.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-primary);border-color:var(--color-primary-structure)}.sound-play-btn.playing{color:var(--color-primary);border-color:var(--color-primary-structure);background:#ff981f26}.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 #ff981f4d}.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 (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}}.death-modal-overlay{z-index:1500;box-sizing:border-box;background:radial-gradient(at 50% 45%,#0000 30%,#0006 100%),#000000c7;flex-direction:column;justify-content:center;align-items:center;animation:1.6s ease-out both death-overlay-in;display:flex;position:fixed;inset:0}@keyframes death-overlay-in{0%{opacity:0}to{opacity:1}}.death-modal-content-wrapper{text-align:center;flex-direction:column;align-items:center;width:min(560px,90vw);margin-top:-10vh;display:flex}.death-modal-heading{white-space:nowrap;letter-spacing:.06em;text-transform:uppercase;backface-visibility:hidden;color:#0000;text-shadow:none;margin:0 0 20px;font-family:"RuneScape Bold 12",sans-serif;font-size:clamp(4rem,10vw,5.5rem);font-weight:600;line-height:.9;display:inline-block;position:relative;transform:translateZ(0)scaleY(.92)}.death-modal-heading:before,.death-modal-heading:after{content:attr(data-text);pointer-events:none;font:inherit;line-height:inherit;letter-spacing:inherit;text-transform:inherit;white-space:nowrap;color:#9e2220;backface-visibility:hidden;will-change:transform, opacity;text-shadow:0 0 4px,0 0 14px #9e222073,0 0 30px #9e22202e;position:absolute;inset:0}.death-modal-heading:before{text-shadow:0 0 6px #9e22204d,0 0 18px #9e22201f;animation:2s cubic-bezier(.4,0,.2,1) both death-ghost-left}.death-modal-heading:after{animation:2s cubic-bezier(.4,0,.2,1) both death-ghost-right}@keyframes death-ghost-left{0%{opacity:.4;transform:translate(-.35em)scaleX(1.02)}to{opacity:1;transform:translate(0,0)scaleX(1)}}@keyframes death-ghost-right{0%{opacity:.4;transform:translate(.35em)scaleX(1.02)}to{opacity:0;transform:translate(0,0)scaleX(1)}}.death-modal-reason{color:var(--color-text-muted);text-shadow:0 1px 2px #000c;margin:0 0 40px;font-family:"RuneScape Plain 12",sans-serif;font-size:18px;animation:.6s ease-out 1.7s both death-content-in}.death-modal-damage-section{background:var(--color-bg-solid);border:1px solid var(--color-border);width:100%;max-width:400px;margin-bottom:36px;padding:12px 14px 14px;animation:.6s ease-out 2s both death-content-in;box-shadow:inset 0 1px #ffdc8c0a,0 12px 40px #00000080}.death-modal-damage-header{color:var(--color-text-muted);border-bottom:1px solid var(--color-border);letter-spacing:1px;text-transform:uppercase;margin:0 0 8px;padding-bottom:6px;font-family:"RuneScape Bold 12",sans-serif;font-size:11px;font-weight:400}.death-modal-table{flex-direction:column;font-family:"RuneScape Plain 12",sans-serif;font-size:14px;display:flex}.death-modal-table-headers{text-align:left;color:var(--color-text-dim);letter-spacing:.5px;text-transform:uppercase;grid-template-columns:28px 1fr 36px 52px;align-items:center;margin-bottom:2px;padding:0 0 3px 6px;font-family:"RuneScape Bold 12",sans-serif;font-size:11px;display:grid}.death-modal-table-headers span:nth-child(3),.death-modal-table-headers span:nth-child(4){text-align:right}.death-modal-row{text-align:left;grid-template-columns:28px 1fr 36px 52px;align-items:baseline;padding:4px 0 4px 6px;display:grid}.death-modal-row:not(:last-child){border-bottom:1px solid var(--color-border)}.death-modal-row.is-wrong{background:#b4282814}.death-modal-tick{color:var(--color-text-dim);font-variant-numeric:tabular-nums;font-size:12px}.death-modal-source{color:var(--color-text-body);text-shadow:0 1px 1px #00000080}.death-modal-attack-style{color:var(--color-text-muted);text-shadow:none;margin-left:4px;font-size:12px}.death-modal-amount{text-align:right;font-variant-numeric:tabular-nums;text-shadow:0 1px 1px #00000080}.death-modal-amount.is-damage{color:var(--color-error)}.death-modal-amount.is-zero{color:var(--color-text-dim)}.death-modal-prayer{text-align:right}.death-modal-prayer.is-wrong{color:var(--color-error)}.death-modal-prayer.is-none{color:var(--color-text-dim)}.death-modal-actions{flex-direction:column;align-items:center;gap:12px;animation:.6s ease-out 2.3s both death-content-in;display:flex}.death-modal-button-row{gap:8px;display:flex}.death-modal-hint{color:var(--color-text-dim);text-shadow:0 1px 1px #00000080;margin:0;font-family:"RuneScape Plain 12",sans-serif;font-size:13px}.death-modal-hint kbd{color:var(--color-text-muted);font-family:"RuneScape Bold 12",sans-serif}@keyframes death-content-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=720px){.death-modal-content-wrapper{width:min(96vw,520px);margin-top:-4vh;padding:0 14px}.death-modal-heading{font-size:clamp(3rem,14vw,4.5rem)}.death-modal-reason{margin-bottom:24px;font-size:16px}.death-modal-damage-section{max-width:100%;margin-bottom:24px;padding:10px 12px 12px}.death-modal-table-headers,.death-modal-row{grid-template-columns:24px 1fr 32px 46px}.death-modal-actions{padding-bottom:var(--safe-bottom,0px)}.death-modal-button-row{flex-wrap:wrap;justify-content:center}}.osrs-btn{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-secondary);text-shadow:1px 1px #000;cursor:pointer;text-align:center;border-radius:2px;justify-content:center;align-items:center;font-family:"RuneScape Bold 12",sans-serif;line-height:1.2;transition:all .15s;display:inline-flex}.osrs-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.osrs-btn:hover:not(:disabled){background-color:var(--color-surface-hover);border-color:var(--color-primary-structure);color:var(--color-primary)}.osrs-btn:active:not(:disabled){background-color:var(--color-surface-inset)}.osrs-btn--full-width{width:100%}.osrs-btn--default,.osrs-btn--primary{padding:8px 16px;font-size:14px}.osrs-btn--small{padding:2px 6px;font-size:11px}.osrs-btn--danger{color:var(--color-error);padding:8px 16px;font-size:14px}.osrs-btn--danger:hover:not(:disabled){color:var(--color-error);background-color:var(--color-surface-hover);border-color:var(--color-error)}.osrs-btn--ghost{color:var(--color-text-muted);background:0 0;padding:8px 16px;font-size:14px}.osrs-btn--ghost:hover:not(:disabled){background-color:var(--color-surface-hover);color:var(--color-text-body);border-color:var(--color-border)}.osrs-checkbox{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:0;transition:opacity .15s;display:inline-flex}.osrs-checkbox:disabled{opacity:.5;cursor:not-allowed}.osrs-checkbox__box{background-color:var(--color-surface-inset);border:1px solid var(--color-border);border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:all .15s;display:flex;position:relative}.osrs-checkbox:hover:not(:disabled) .osrs-checkbox__box{border-color:var(--color-primary-structure);background-color:var(--color-surface-highlight)}.osrs-checkbox[aria-checked=true] .osrs-checkbox__box{border-color:var(--color-primary)}.osrs-checkbox__mark{border:solid var(--color-primary);border-width:0 2px 2px 0;width:4px;height:9px;margin-top:-2px;display:block;transform:rotate(45deg)}.osrs-checkbox__label{color:var(--color-secondary);text-shadow:1px 1px #000;font-family:"RuneScape Bold 12",sans-serif;font-size:14px;line-height:1;transition:color .15s}.osrs-checkbox:hover:not(:disabled) .osrs-checkbox__label{color:var(--color-text-body)}.setting-row{align-items:center;padding-left:6px;display:flex;position:relative}.setting-row>:first-child{flex:1;min-width:0}.setting-row>.osrs-checkbox,.setting-row>.osrs-toggle{flex:none}.setting-row:before{content:"";background:var(--color-primary);opacity:0;pointer-events:none;border-radius:1px;width:2px;transition:opacity .15s;position:absolute;top:0;bottom:0;left:0}.setting-row--modified:before{opacity:1}.setting-row--modified:hover{background:var(--color-surface-hover);border-radius:2px}.setting-row__reset{color:var(--color-primary);white-space:nowrap;cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:none;flex-shrink:0;align-self:center;margin:3px 0 0 6px;padding:0;font-family:"RuneScape Plain 11",sans-serif;font-size:11px;line-height:1;transition:opacity .15s}.setting-row--modified:hover .setting-row__reset,.setting-row--modified:focus-within .setting-row__reset{opacity:.7;pointer-events:auto}.setting-row__reset:hover{opacity:1;text-decoration:underline}.setting-row__reset:active{color:var(--color-primary-hover)}.setting-row__reset:focus-visible{opacity:1;pointer-events:auto;outline:1px solid var(--color-primary-structure);outline-offset:2px}.setting-row__reset-inline{color:var(--color-primary);white-space:nowrap;cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:none;margin:0 0 0 6px;padding:0;font-family:"RuneScape Plain 11",sans-serif;font-size:11px;line-height:1;transition:opacity .15s}.setting-row--modified:hover .setting-row__reset-inline,.setting-row--modified:focus-within .setting-row__reset-inline{opacity:.7;pointer-events:auto}.setting-row__reset-inline:hover{opacity:1;text-decoration:underline}.setting-row__reset-inline:active{color:var(--color-primary-hover)}.mechanics-settings{flex-direction:column;gap:8px;padding:0;display:flex}.mechanics-toggles{flex-direction:column;gap:8px;display:flex}.mechanics-actions{flex-direction:column;gap:4px;margin-top:4px;display:flex}.variant-selector{background:var(--color-bg-solid);border-bottom:1px solid var(--color-primary-structure);flex-direction:column;display:flex}.variant-selector-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}.variant-selector-header:hover{background:var(--color-surface-hover)}.variant-selector-chevron{width:10px;height:10px;color:var(--color-text-muted);flex-shrink:0;transition:transform .2s cubic-bezier(.2,.8,.2,1),color .2s}.variant-selector-header[aria-expanded=true] .variant-selector-chevron{color:var(--color-primary);transform:rotate(90deg)}.variant-selector-header:hover .variant-selector-chevron{color:var(--color-secondary)}.variant-selector-header[aria-expanded=true]:hover .variant-selector-chevron{color:var(--color-primary)}.variant-selector-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;flex-shrink:0;font-family:"RuneScape Bold 12",sans-serif;font-size:11px}.variant-selector-selected{color:var(--color-primary);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-family:"RuneScape Bold 12",sans-serif;font-size:13px;overflow:hidden}.variant-selector-header[aria-expanded=true] .variant-selector-selected{display:none}.variant-selector-body{grid-template-rows:0fr;transition:grid-template-rows .25s cubic-bezier(.2,.8,.2,1);display:grid}.variant-selector-body--expanded{grid-template-rows:1fr}.variant-selector-body-inner{min-height:0;overflow:hidden}.variant-selector-content{border-top:1px solid #ffffff0a;gap:0;margin:0 10px 0 16px;padding:4px 0 10px;display:flex}.variant-nav{flex-direction:column;flex-shrink:0;min-width:160px;max-width:180px;padding:0 0 0 16px;display:flex}.variant-list{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;flex-direction:column;gap:1px;max-height:150px;display:flex;overflow-y:auto}.variant-list::-webkit-scrollbar{width:4px}.variant-list::-webkit-scrollbar-track{background:0 0}.variant-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.variant-list::-webkit-scrollbar-thumb:hover{background:var(--color-primary-structure)}.variant-group+.variant-group{margin-top:4px}.variant-group-header{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.8px;padding:3px 8px 2px;font-family:"RuneScape Bold 12",sans-serif;font-size:10px}.variant-item{width:100%;color:var(--color-secondary);text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-left:2px solid #0000;outline:none;align-items:center;padding:3px 8px;font-family:"RuneScape Bold 12",sans-serif;font-size:12px;line-height:1.3;transition:background .15s,color .15s,border-color .15s;display:flex}.variant-item:hover:not(.variant-item--selected){background:var(--color-surface-hover);color:var(--color-text-body)}.variant-item--selected{border-left-color:var(--color-primary);color:var(--color-primary);background:var(--color-surface-inset);cursor:default}.variant-item--selected:hover{background:var(--color-surface-inset);color:var(--color-primary)}.variant-item--unavailable{color:var(--color-text-dim)}.variant-item--selected.variant-item--unavailable{border-left-color:var(--color-text-muted);color:var(--color-text-muted)}.variant-item--selected.variant-item--unavailable:hover{color:var(--color-text-muted)}.variant-item-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.variant-detail{border-left:1px solid var(--color-border);flex-direction:column;flex:1;gap:4px;min-width:0;padding:4px 16px 4px 14px;display:flex}.variant-detail-name{color:var(--color-secondary);margin:0;font-family:"RuneScape Bold 12",sans-serif;font-size:14px;font-weight:400}.variant-detail-group{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.8px;font-family:"RuneScape Bold 12",sans-serif;font-size:10px}.variant-detail-subtitle{color:var(--color-text-body);margin:2px 0 0;font-family:"RuneScape Plain 12",sans-serif;font-size:12px;line-height:1.5}.variant-detail-status{color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.5px;background:#ffffff08;border:1px solid #ffffff0a;align-self:flex-start;margin-top:2px;padding:2px 6px;font-family:"RuneScape Bold 12",sans-serif;font-size:10px;display:inline-flex}@media (width<=600px){.variant-selector-content{flex-direction:column}.variant-nav{max-width:none;padding:0 16px}.variant-list{max-height:120px}.variant-detail{border-left:none;border-top:1px solid var(--color-border);padding:8px 16px}}.encounter-panel-overlay{z-index:1200;justify-content:center;align-items:center;padding:24px;font-family:"RuneScape Bold 12",sans-serif;animation:.15s ease-out encounter-fade-in;display:flex;position:fixed;inset:0}@keyframes encounter-fade-in{0%{opacity:0}to{opacity:1}}.encounter-panel-backdrop{-webkit-backdrop-filter:blur(6px);cursor:default;background:#000000bf;border:none;position:absolute;inset:0}.encounter-panel-card{background:var(--color-bg-solid);border:1px solid var(--color-primary-structure);flex-direction:column;width:min(560px,95vw);max-height:min(88vh,800px);animation:.2s cubic-bezier(.2,.8,.2,1) encounter-card-in;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffdc8c0f,0 16px 64px #000000b3}@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-primary-structure);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 16px;display:flex;box-shadow:0 2px 8px #0000004d}.encounter-panel-header-info{flex-direction:column;gap:6px;min-width:0;display:flex}.encounter-panel-header h2{color:var(--color-text-body);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 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-panel-close{color:var(--color-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:6px;line-height:0;transition:color .15s;display:flex}.encounter-panel-close:hover{color:var(--color-text-body)}.encounter-panel-body{flex:1;grid-template-columns:1fr 180px;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{flex-direction:column;display:flex}.loadout-bar{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:8px;display:flex}.encounter-config-select{background-color:var(--color-surface-inset);color:var(--color-secondary);text-shadow:1px 1px #000;border:1px solid var(--color-border);cursor:pointer;outline:none;flex:1;max-width:200px;padding:4px 8px;font-family:"RuneScape Bold 12",sans-serif;font-size:14px;transition:all .15s}.encounter-config-select:hover{border-color:var(--color-primary-structure)}.encounter-config-select:focus{border-color:var(--color-primary)}.encounter-config-select option{background-color:var(--color-surface);color:var(--color-secondary);font-family:inherit}.loadout-frame{background:var(--color-surface);border:1px solid var(--color-border);align-items:flex-start;gap:14px;padding:10px;display:flex}.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-description{color:var(--color-text-muted);margin:0;font-family:"RuneScape Plain 12",sans-serif;font-size:13px;line-height:1.5}.encounter-contract-oath{color:var(--color-text-muted);margin:8px 0 0;padding:0;font-family:"RuneScape Plain 12",sans-serif;font-size:13px;line-height:1.5}.encounter-contract-oath em{color:var(--color-secondary);font-style:normal}.encounter-panel-footer{border-top:1px solid var(--color-primary-structure);background:var(--color-bg-elevated);flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px;display:flex;box-shadow:inset 0 1px #ffffff08}.encounter-start-btn{background:var(--color-primary-structure);border-color:var(--color-secondary);min-width:176px}.encounter-start-btn:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary)}.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 #ffffff0a;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:44px;height:44px;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:.04em;text-align:center;font-family:"RuneScape Plain 11",sans-serif;font-size:9px;line-height:1}.equip-slot--filled .equip-slot-label{color:var(--color-secondary)}.equip-slot-id{color:var(--color-primary);font-family:"RuneScape Bold 12",sans-serif;font-size:10px}.equip-slot--head{grid-area:1/2}.equip-slot--cape{grid-area:2/1}.equip-slot--amulet{grid-area:2/2}.equip-slot--ammo{grid-area:2/3}.equip-slot--weapon{grid-area:3/1}.equip-slot--body{grid-area:3/2}.equip-slot--shield{grid-area:3/3}.equip-slot--hands{grid-area:4/1}.equip-slot--legs{grid-area:4/2}.equip-slot--ring{grid-area:4/3}.equip-slot--boots{grid-area:5/2}.inventory-grid{grid-template-rows:repeat(7,auto);grid-template-columns:repeat(4,auto);justify-items:center;gap:2px;display:grid}.inventory-slot{background:var(--color-surface-inset);border:1px solid #ffffff0a;justify-content:center;align-items:center;width:36px;height:36px;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);border-color:var(--color-border)}@media (width<=720px){.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-bar{flex-wrap:wrap;gap:8px}.encounter-config-select{max-width:100%}.loadout-frame{flex-wrap:wrap;justify-content:center;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}}.picker-overlay{z-index:80;justify-content:center;align-items:flex-start;padding-top:10vh;font-family:"RuneScape Bold 12",sans-serif;display:flex;position:fixed;inset:0}.picker-backdrop{-webkit-backdrop-filter:blur(4px);background:#0009;position:absolute;inset:0}.picker-card{background:var(--color-bg);border:1px solid var(--color-border);width:500px;max-width:90vw;max-height:80vh;box-shadow:0 8px 32px #000c, inset 0 0 0 1px var(--color-border-translucent);border-radius:2px;flex-direction:column;display:flex;position:relative;overflow:hidden}.picker-header{border-bottom:1px solid var(--color-border);background:var(--color-surface-translucent);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.picker-header h2{color:var(--color-primary);text-shadow:1px 1px #000;margin:0;font-size:16px;font-weight:400}.picker-close{color:var(--color-secondary);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1;transition:color .15s}.picker-close:hover{color:var(--color-primary)}.picker-search-container{border-bottom:1px solid var(--color-border);padding:12px 16px}.picker-search-input{border:1px solid var(--color-primary-structure);color:#fff;box-sizing:border-box;background:#0006;border-radius:2px;outline:none;width:100%;padding:8px 12px;font-family:"RuneScape Plain 12",sans-serif;font-size:14px;transition:border-color .15s}.picker-search-input:focus{border-color:var(--color-primary)}.picker-search-input::placeholder{color:var(--color-text-muted)}.picker-list{flex-direction:column;flex:1;gap:4px;padding:8px;display:flex;overflow-y:auto}.picker-list-item{cursor:pointer;background:#0003;border:1px solid #0000;border-radius:2px;justify-content:space-between;align-items:center;padding:12px;transition:background .15s,border-color .15s;display:flex}.picker-list-item:hover,.picker-list-item.selected{background:var(--color-surface-hover);border-color:var(--color-primary-structure)}.picker-list-item.unavailable{opacity:.6;cursor:default}.picker-list-item.unavailable:hover,.picker-list-item.unavailable.selected{background:#0003;border-color:#0000}.picker-card-group{background:#0003;border:1px solid #0000;border-radius:2px;flex-direction:column;transition:background .15s,border-color .15s;display:flex}.picker-card-group.expanded{border-color:var(--color-primary-structure);background:#0000004d}.picker-card-group>.picker-list-item{background:0 0;border:none}.picker-card-group>.picker-list-item:hover,.picker-card-group>.picker-list-item.selected{background:var(--color-surface-hover)}.picker-item-main{flex-direction:column;flex:1;min-width:0;padding-right:16px;display:flex}.picker-item-title-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.picker-item-title-row h3{color:var(--color-primary);text-shadow:1px 1px #000;margin:0;font-size:14px;font-weight:400}.picker-chevron{width:10px;height:10px;color:var(--color-text-muted);flex-shrink:0;transition:transform .2s cubic-bezier(.2,.8,.2,1),color .2s}.picker-card-group.expanded .picker-chevron{color:var(--color-primary);transform:rotate(90deg)}.picker-item-desc{color:var(--color-secondary);text-shadow:1px 1px #000;white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:"RuneScape Plain 12",sans-serif;font-size:12px;overflow:hidden}.badge-coming-soon{color:#f88;text-shadow:1px 1px #000;background:#f003;border:1px solid #f006;border-radius:2px;padding:2px 4px;font-family:"RuneScape Plain 12",sans-serif;font-size:10px}.picker-item-actions{flex-shrink:0;gap:6px;display:flex}.picker-action-btn.osrs-btn{padding:3px 10px;font-size:11px}.picker-action-btn--primary.osrs-btn{background:var(--color-surface-inset);border-color:var(--color-primary-structure);color:var(--color-primary)}.picker-action-btn--primary.osrs-btn:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary)}.picker-variants-container{grid-template-rows:0fr;transition:grid-template-rows .25s cubic-bezier(.2,.8,.2,1);display:grid}.picker-variants-container.expanded{grid-template-rows:1fr}.picker-variants-inner{min-height:0;overflow:hidden}.picker-variant-group{padding:0 8px 4px 24px}.picker-variant-group+.picker-variant-group{margin-top:4px}.picker-variant-group-header{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.8px;border-top:1px solid #ffffff0a;padding:6px 8px 3px;font-family:"RuneScape Bold 12",sans-serif;font-size:10px}.picker-variant-item{cursor:pointer;border-left:2px solid #0000;border-radius:0 2px 2px 0;justify-content:space-between;align-items:center;margin-bottom:2px;padding:6px 8px 6px 12px;transition:background .15s,border-color .15s;display:flex}.picker-variant-item:hover{background:var(--color-surface-hover)}.picker-variant-item.selected{border-left-color:var(--color-primary);background:var(--color-surface-inset)}.picker-variant-item.unavailable{opacity:.6;cursor:default}.picker-variant-main{flex-direction:column;flex:1;min-width:0;padding-right:16px;display:flex}.picker-variant-name{color:var(--color-secondary);text-shadow:1px 1px #000;font-family:"RuneScape Bold 12",sans-serif;font-size:13px}.picker-variant-subtitle{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-family:"RuneScape Plain 12",sans-serif;font-size:12px;overflow:hidden}.picker-variant-item.selected .picker-variant-name{color:var(--color-primary)}.picker-variant-item:hover:not(.selected) .picker-variant-name{color:var(--color-text-body)}.picker-empty-state{text-align:center;color:var(--color-text-muted);padding:24px 16px;font-family:"RuneScape Plain 12",sans-serif;font-size:13px}@media (width<=720px){.picker-overlay{padding:calc(8px + var(--safe-top,0px)) 8px calc(8px + var(--safe-bottom,0px));align-items:stretch}.picker-card{width:100%;max-width:100%;max-height:100%;margin:0}.picker-header{padding:10px 14px}.picker-close{padding:6px 12px;font-size:22px}.picker-list-item{padding:14px 12px}.picker-variant-item{padding:10px 10px 10px 14px}.picker-item-title-row h3{font-size:15px}.picker-action-btn.osrs-btn{padding:8px 14px;font-size:12px}}.encounter-title-card-overlay{pointer-events:none;z-index:40;box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.encounter-title-card-text{color:var(--color-primary);text-shadow:2px 2px #000,-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000;text-align:center;opacity:0;margin-top:-10%;font-family:"RuneScape Bold 12",sans-serif;font-size:32px;animation:2.8s ease-in-out forwards encounterTitleAnimation}@keyframes encounterTitleAnimation{0%{opacity:0;transform:scale(.9)}10.7%{opacity:1;transform:scale(1)}82.1%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.1)}}.infobox-strip{gap:2px;display:inline-flex}.infobox-item{-webkit-user-select:none;user-select:none;cursor:default;pointer-events:auto;background:linear-gradient(var(--infobox-tint), var(--infobox-tint)), url(/assets/ui/panel-fill.png) center / cover;border:1px solid var(--color-border-translucent);place-items:center;width:30px;height:30px;display:grid;overflow:hidden}.infobox-sprite{pointer-events:none;width:22px;height:22px;image-rendering:pixelated;grid-area:1/1}.infobox-text{text-shadow:1px 1px #000;pointer-events:none;white-space:nowrap;grid-area:1/1;font-family:"RuneScape Bold 12",sans-serif;font-size:14px;line-height:1}.hud{--hud-label:var(--color-text-muted);--hud-value:var(--color-text-body);--hud-accent:var(--color-secondary);--hud-dim:var(--color-text-dim);pointer-events:auto;background:var(--hud-bg);border:1px solid var(--hud-border);-webkit-backdrop-filter:blur(8px);width:168px;color:var(--hud-value);border-radius:2px;flex-direction:column;gap:8px;padding:10px 12px;font-family:"RuneScape Plain 12",sans-serif;display:flex}.hud-pill{pointer-events:auto;box-sizing:border-box;background:var(--hud-bg);border:1px solid var(--hud-border);-webkit-backdrop-filter:blur(8px);cursor:pointer;border-radius:2px;padding:6px 10px;font-family:"RuneScape Bold 12",sans-serif;transition:border-color .2s ease-out,background .2s ease-out}.hud-pill:hover{border-color:var(--color-border-translucent);background:var(--color-surface-translucent)}.hud-pill:active{transform:scale(.97)}.hud-pill-tick{color:var(--color-secondary);text-shadow:0 1px 1px #00000080;font-size:14px;display:inline-flex}.hud-digit{text-align:center;width:8px;display:inline-block}.hud-head{justify-content:space-between;align-items:center;display:flex}.hud-tick-block{align-items:baseline;gap:6px;display:flex}.hud-tick-label{color:var(--hud-label);font-size:11px}.hud-tick-value{color:var(--hud-accent);font-variant-numeric:tabular-nums;text-shadow:0 1px 1px #00000080;font-family:"RuneScape Bold 12",sans-serif;font-size:22px;line-height:1}.hud-close{color:var(--hud-dim);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:10px;line-height:1;transition:color .15s}.hud-close:hover{color:var(--hud-accent)}.hud-bars{flex-direction:column;gap:6px;display:flex}.hud-bar-group{flex-direction:column;gap:2px;transition:opacity .25s ease-out;display:flex}.hud-bar-group.is-dim{opacity:.35}.hud-bar-info{justify-content:space-between;align-items:center;display:flex}.hud-bar-label{color:var(--hud-label);text-shadow:0 1px 1px #00000080;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.hud-bar-num{color:var(--hud-value);font-variant-numeric:tabular-nums;text-shadow:0 1px 1px #00000080;font-size:12px}.hud-bar-sep{color:var(--hud-dim);margin:0 1px}.hud-bar-track{background:#ffffff0d;border:1px solid #ffffff0a;border-radius:1px;width:100%;height:5px;overflow:hidden}.hud-bar-fill{background-image:linear-gradient(#ffffff0f 0%,#0000000a 100%);border-radius:1px;height:100%;transition:width .3s cubic-bezier(.25,1,.5,1)}.hud-stats{border-top:1px solid var(--hud-border);flex-direction:column;gap:3px;padding-top:7px;display:flex}.hud-stat-row{justify-content:space-between;align-items:center;display:flex}.hud-stat-label{color:var(--hud-label);text-shadow:0 1px 1px #00000080;font-size:11px}.hud-stat-value{color:var(--hud-value);font-variant-numeric:tabular-nums;text-shadow:0 1px 1px #00000080;font-size:12px}.hud-dps-inline{align-items:baseline;gap:3px;display:inline-flex}.hud-dps-actual{color:var(--hud-accent);font-variant-numeric:tabular-nums;text-shadow:0 1px 1px #00000080;font-family:"RuneScape Bold 12",sans-serif;font-size:14px;line-height:1}.hud-dps-sep{color:var(--hud-dim);font-size:10px}.hud-dps-expected{color:var(--hud-label);font-variant-numeric:tabular-nums;font-size:11px;line-height:1}.hud-dps-actual.hud-dps-lucky{color:var(--color-success)}.hud-dps-actual.hud-dps-unlucky{color:var(--color-error)}.hud-mechanics{flex-direction:column;display:flex}.hud-mechanics-header{border:none;border-top:1px solid var(--hud-border);width:100%;font:inherit;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;padding:7px 0 0;display:flex}.hud-mechanics-label{color:var(--hud-label);font-size:11px;transition:color .15s}.hud-mechanics-chevron{width:10px;color:var(--hud-dim);text-shadow:0 1px 1px #00000080;font-size:10px;line-height:1;transition:color .15s,transform .15s}.hud-mechanics-header:hover .hud-mechanics-label{color:var(--hud-accent)}.hud-mechanics-chevron.is-expanded{color:var(--hud-accent);transform:rotate(90deg)}.hud-mechanics-body{grid-template-rows:0fr;transition:grid-template-rows .25s cubic-bezier(.2,.8,.2,1);display:grid}.hud-mechanics-body.is-expanded{grid-template-rows:1fr}.hud-mechanics-body-inner{min-height:0;padding-top:0;transition:padding-top .25s cubic-bezier(.2,.8,.2,1);overflow:hidden}.hud-mechanics-body.is-expanded .hud-mechanics-body-inner{padding-top:6px}.hud-mechanics .mechanics-toggles{gap:4px}.hud-mechanics .mechanics-actions{gap:3px;margin-top:4px}.hud-stat-value.prayer-magic{color:var(--color-info)}.hud-stat-value.prayer-range{color:var(--color-success)}.hud-stat-value.prayer-melee{color:var(--color-error)}.hud-replay-button{color:var(--color-secondary);text-shadow:0 1px 1px #00000080;justify-content:center;align-items:center;gap:6px;font-size:13px;display:inline-flex}.hud-replay-icon{flex-shrink:0;width:14px;height:14px}@media (pointer:coarse){.hud-close{margin:-6px -8px -6px 0;padding:8px 10px;font-size:12px}.hud-mechanics-header{padding:10px 0 2px}.hud-mechanics-chevron{width:14px;font-size:12px}.hud-pill{padding:8px 12px}.hud-pill-tick{font-size:15px}}@keyframes replayFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.replay-bar{pointer-events:auto;background:var(--hud-bg);border:1px solid var(--hud-border);-webkit-backdrop-filter:blur(8px);border-radius:2px;font-family:"RuneScape Bold 12",sans-serif;animation:.15s ease-out both replayFadeIn}.replay-bar--full{width:380px}.replay-bar--compact{width:192px}.replay-seek-row{padding:8px 10px 0}.replay-bar--compact .replay-seek-row{padding:5px 6px 0}.replay-seek{appearance:none;background:linear-gradient(to right, var(--color-secondary) 0%, var(--color-secondary) var(--seek-progress,0%), #ffffff0f var(--seek-progress,0%), #ffffff0f 100%);cursor:pointer;border:none;border-radius:2px;outline:none;width:100%;height:3px;transition:background .15s;display:block}.replay-seek:hover,.replay-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%)}.replay-seek::-webkit-slider-thumb{appearance:none;background:var(--color-secondary);cursor:pointer;border:none;border-radius:1px;width:6px;height:12px;transition:background .15s}.replay-seek:hover::-webkit-slider-thumb{background:var(--color-text-body)}.replay-seek::-moz-range-thumb{background:var(--color-secondary);cursor:pointer;border:none;border-radius:1px;width:6px;height:12px;transition:background .15s}.replay-seek:hover::-moz-range-thumb{background:var(--color-text-body)}.replay-seek::-moz-range-track{background:#ffffff0f;border:none;border-radius:2px;height:3px}.replay-controls-row{align-items:center;gap:8px;padding:6px 10px 8px;display:flex}.replay-bar--compact .replay-controls-row{gap:3px;padding:3px 6px 5px}.replay-badge{letter-spacing:1px;color:var(--color-text-muted);text-transform:uppercase;white-space:nowrap;text-shadow:0 1px 1px #00000080;flex-shrink:0;font-size:9px}.replay-transport{align-items:center;gap:2px;display:flex}.replay-btn{width:24px;height:24px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:flex}.replay-btn:hover:not(:disabled){color:var(--color-text-body);background:#ffffff0a}.replay-btn:active:not(:disabled){color:var(--color-secondary)}.replay-btn:disabled{opacity:.25;cursor:not-allowed}.replay-btn--play{width:28px;height:28px;color:var(--color-secondary)}.replay-btn--play:hover:not(:disabled){color:var(--color-text-body);background:#ffffff0a}.replay-bar--compact .replay-btn{width:18px;height:18px}.replay-bar--compact .replay-btn--play{width:22px;height:22px}.replay-tick{white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px}.replay-tick-current{color:var(--color-secondary)}.replay-tick-sep{color:var(--color-text-dim);margin:0 1px}.replay-tick-total{color:var(--color-text-muted)}.replay-bar--compact .replay-tick{font-size:10px}.replay-actions{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.replay-action{cursor:pointer;white-space:nowrap;color:var(--color-text-muted);text-shadow:0 1px 1px #00000080;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;padding:3px 8px;font-family:"RuneScape Bold 12",sans-serif;font-size:11px;font-weight:400;transition:color .15s,background .15s;display:flex}.replay-action:hover{color:var(--color-text-body);background:#ffffff0a}.replay-action:active,.replay-action--takeover{color:var(--color-secondary)}.replay-action--takeover:hover{color:var(--color-text-body)}.replay-action--icon{width:16px;height:16px;padding:2px}.replay-action--exit{color:var(--color-text-dim)}.replay-btn:focus-visible,.replay-action:focus-visible,.replay-seek:focus-visible{outline:1px solid var(--color-primary-structure);outline-offset:1px}@media (pointer:coarse),(width<=720px){.replay-bar--compact{width:min(96vw,240px)}.replay-bar--full{width:min(96vw,380px)}.replay-btn{width:32px;height:32px}.replay-btn--play{width:36px;height:36px}.replay-bar--compact .replay-btn{width:26px;height:26px}.replay-bar--compact .replay-btn--play{width:30px;height:30px}.replay-action{padding:6px 10px;font-size:12px}.replay-action--icon{width:22px;height:22px;padding:4px}.replay-seek{background-clip:content-box;height:8px;padding:10px 0}.replay-seek::-webkit-slider-thumb{border-radius:2px;width:14px;height:14px}.replay-seek::-moz-range-thumb{border-radius:2px;width:14px;height:14px}}.tile-marker-picker-backdrop{z-index:100100;pointer-events:none;position:fixed;inset:0}.tile-marker-picker{background:var(--color-bg-solid);border:2px solid var(--color-border);min-width:280px;box-shadow:0 50px 100px -20px #000c, inset 0 0 0 1px var(--color-primary-structure);pointer-events:auto;border-radius:2px;flex-direction:column;gap:12px;padding:12px;display:flex;position:fixed}.tile-marker-picker-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.tile-marker-picker-sv{border:1px solid var(--color-border);background:linear-gradient(to bottom, transparent, #000), linear-gradient(to right, #fff, transparent), var(--tile-marker-picker-hue,red);cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none;appearance:none;border-radius:2px;outline:none;width:100%;height:132px;padding:0;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #00000080}.tile-marker-picker-sv:hover{border-color:var(--color-primary-structure)}.tile-marker-picker-sv:focus-visible{border-color:var(--color-primary)}.tile-marker-picker-sv-indicator{clip-path:circle(50%);filter:drop-shadow(1px 0 #0009)drop-shadow(-1px 0 #0009)drop-shadow(0 1px #0009)drop-shadow(0 -1px #0009);pointer-events:none;border:2px solid #fff;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0009}.tile-marker-picker-hue{border:1px solid var(--color-border);cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;appearance:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:2px;outline:none;width:100%;height:16px;padding:0;display:block;position:relative;overflow:visible;box-shadow:inset 0 1px 2px #00000080}.tile-marker-picker-hue:hover{border-color:var(--color-primary-structure)}.tile-marker-picker-hue:focus-visible{border-color:var(--color-primary)}.tile-marker-picker-hue-thumb{background:var(--color-primary-structure);pointer-events:none;border:1px solid #101010;border-radius:2px;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 2px #00000080}.tile-marker-picker-heading{flex-direction:column;gap:2px;display:flex}.tile-marker-picker-title{color:var(--color-primary);text-shadow:1px 1px #000;font-family:"RuneScape Bold 12",sans-serif;font-size:16px}.tile-marker-picker-subtitle{color:var(--color-text-muted);text-shadow:1px 1px #000;font-family:"RuneScape Plain 12",sans-serif;font-size:12px}.tile-marker-picker-current{background:var(--color-surface-inset);border:1px solid var(--color-border);color:var(--color-secondary);text-shadow:1px 1px #000;border-radius:2px;align-items:center;gap:8px;padding:5px 6px;font-family:"RuneScape Plain 12",sans-serif;font-size:11px;display:inline-flex;box-shadow:inset 0 1px 2px #00000080}.tile-marker-picker-current-label{color:var(--color-text-muted)}.tile-marker-picker-current-swatch{border:1px solid var(--color-primary-structure);border-radius:2px;width:24px;height:24px;box-shadow:inset 0 0 0 1px #ffffff2e,0 0 0 1px #0000008c}.tile-marker-picker-swatches{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.tile-marker-swatch{border:1px solid var(--color-border);cursor:pointer;border-radius:2px;width:100%;height:24px;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s;box-shadow:inset 0 1px #ffffff2e,0 1px 2px #0006}.tile-marker-swatch:hover{border-color:var(--color-primary-structure);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff38,0 0 0 1px #ff981f47}.tile-marker-swatch.selected{border-color:var(--color-primary);box-shadow:0 0 0 1px #ff981f8c,0 0 8px #ff981f59,inset 0 1px #ffffff38}.tile-marker-swatch:focus-visible{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 1px #ff981f8c,0 0 8px #ff981f59}.tile-marker-picker-label{color:var(--color-secondary);text-shadow:1px 1px #000;flex-direction:column;gap:6px;font-family:"RuneScape Bold 12",sans-serif;font-size:12px;display:flex}.tile-marker-picker-label>span{justify-content:space-between;align-items:baseline;display:flex}.tile-marker-picker-value{color:var(--color-primary);font-family:"RuneScape Bold 12",sans-serif;font-size:11px}.tile-marker-picker-hex-row{align-items:center;gap:8px;display:flex}.tile-marker-picker-hex-input{box-sizing:border-box;background:var(--color-surface-inset);border:1px solid var(--color-border);width:100%;color:var(--color-secondary);text-shadow:1px 1px #000;border-radius:2px;outline:none;padding:8px 12px;font-family:"RuneScape Plain 12",sans-serif;font-size:14px;transition:border-color .15s,background-color .15s,box-shadow .15s;box-shadow:inset 1px 1px #00000080}.tile-marker-picker-hex-input:hover{border-color:var(--color-primary-structure);background:var(--color-surface)}.tile-marker-picker-hex-input:focus{border-color:var(--color-primary);background:var(--color-surface);outline:none;box-shadow:0 0 0 2px #ff981f26}.tile-marker-picker-hex-swatch{border:1px solid var(--color-primary-structure);border-radius:2px;width:24px;height:24px}.tile-marker-picker-range{appearance:none;background:var(--color-surface-inset);cursor:pointer;border:1px solid var(--color-border);border-radius:2px;outline:none;width:100%;height:6px;box-shadow:inset 0 1px 2px #00000080}.tile-marker-picker-range:focus{outline:none}.tile-marker-picker-range::-webkit-slider-runnable-track{background:var(--color-surface-inset);border-radius:2px;height:6px}.tile-marker-picker-range::-webkit-slider-thumb{appearance:none;background:var(--color-primary-structure);cursor:pointer;border:1px solid #101010;border-radius:2px;width:14px;height:14px;margin-top:-4px;transition:all .15s;box-shadow:0 1px 2px #00000080}.tile-marker-picker-range:hover::-webkit-slider-thumb{background:var(--color-surface-hover);border-color:var(--color-primary-structure);transform:scale(1.1)}.tile-marker-picker-range::-moz-range-track{background:var(--color-surface-inset);border:1px solid var(--color-border);border-radius:2px;height:6px;box-shadow:inset 0 1px 2px #00000080}.tile-marker-picker-range::-moz-range-thumb{background:var(--color-primary-structure);cursor:pointer;border:1px solid #101010;border-radius:2px;width:14px;height:14px;transition:all .15s;box-shadow:0 1px 2px #00000080}.tile-marker-picker-range:hover::-moz-range-thumb{background:var(--color-surface-hover);border-color:var(--color-primary-structure);transform:scale(1.1)}.tile-marker-picker-actions{justify-content:flex-end;gap:8px;display:flex}.tile-marker-picker-actions .osrs-button{min-width:84px}.tile-marker-panel{border-bottom:none}.tile-marker-section{flex-direction:column;gap:8px;display:flex}.tile-marker-header{justify-content:space-between;align-items:center;display:flex}.tile-marker-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;text-shadow:1px 1px #000;font-family:"RuneScape Bold 12",sans-serif;font-size:13px}.tile-marker-count-badge{color:var(--color-text-muted);text-shadow:1px 1px #000;border:1px solid var(--color-border-translucent);background:var(--color-surface-translucent);border-radius:8px;padding:1px 6px;font-family:"RuneScape Bold 12",sans-serif;font-size:10px}.tile-marker-panel-list{border:1px solid var(--color-border);background:var(--color-surface);border-radius:2px;flex-direction:column;gap:4px;max-height:140px;padding:6px;display:flex;overflow-y:auto;box-shadow:inset 0 1px #ffffff05}.tile-marker-panel-list::-webkit-scrollbar{width:8px}.tile-marker-panel-list::-webkit-scrollbar-track{background:var(--color-surface-inset)}.tile-marker-panel-list::-webkit-scrollbar-thumb{background:var(--color-primary-structure);border:1px solid #101010}.tile-marker-panel-list::-webkit-scrollbar-thumb:hover{background:var(--color-surface-hover)}.tile-marker-panel-empty{color:var(--color-text-muted);text-shadow:1px 1px #000;text-align:center;border:1px dashed var(--color-border-translucent);background:#ffffff03;border-radius:2px;padding:10px 6px;font-family:"RuneScape Bold 12",sans-serif;font-size:12px}.tile-marker-panel-item{color:var(--color-secondary);text-shadow:1px 1px #000;border:1px solid #0000;border-radius:2px;justify-content:space-between;align-items:center;gap:8px;padding:4px 6px;font-family:"RuneScape Bold 12",sans-serif;font-size:12px;transition:background .15s,border-color .15s;display:flex}.tile-marker-panel-item:hover{border-color:var(--color-border-translucent);background:#ffffff0a}.tile-marker-panel-item-info{flex:1;align-items:center;gap:6px;min-width:0;display:inline-flex}.tile-marker-panel-item-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tile-marker-panel-item-swatch{border:1px solid var(--color-primary-structure);border-radius:2px;width:12px;height:12px;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff1f}.tile-marker-panel-remove-btn{width:16px;height:16px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;transition:all .15s;display:flex}.tile-marker-panel-remove-btn:hover{color:var(--color-primary);background:#ff981f1a}.tile-marker-panel-clear-btn{color:var(--color-secondary);text-shadow:1px 1px #000;text-align:center;background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:2px;flex:1;padding:4px 8px;font-family:"RuneScape Bold 12",sans-serif;font-size:11px;transition:all .15s;box-shadow:inset 0 1px #ffffff05}.tile-marker-panel-clear-btn:hover:not(:disabled){background:var(--color-bg-solid);border-color:var(--color-primary-structure);color:var(--color-primary)}.tile-marker-panel-clear-btn:active:not(:disabled){background:var(--color-surface-inset)}.tile-marker-label-backdrop{z-index:100100;pointer-events:none;position:fixed;inset:0}.tile-marker-label-editor{background:var(--color-bg-solid);border:2px solid var(--color-border);min-width:240px;box-shadow:0 50px 100px -20px #000c, inset 0 0 0 1px var(--color-primary-structure);pointer-events:auto;-webkit-user-select:none;user-select:none;color:var(--color-secondary);border-radius:2px;flex-direction:column;gap:12px;padding:12px;font-family:"RuneScape Plain 12",sans-serif;display:flex;position:fixed}.tile-marker-label-header{flex-direction:column;gap:2px;display:flex}.tile-marker-label-title{color:var(--color-primary);text-shadow:1px 1px #000;font-family:"RuneScape Bold 12",sans-serif;font-size:16px}.tile-marker-label-subtitle{color:var(--color-text-muted);text-shadow:1px 1px #000;font-family:"RuneScape Plain 12",sans-serif;font-size:12px}.tile-marker-label-input{box-sizing:border-box;background:var(--color-surface-inset);border:1px solid var(--color-border);width:100%;color:var(--color-secondary);text-shadow:1px 1px #000;border-radius:2px;outline:none;padding:8px 12px;font-family:"RuneScape Plain 12",sans-serif;font-size:14px;transition:border-color .15s,background-color .15s,box-shadow .15s;box-shadow:inset 1px 1px #00000080}.tile-marker-label-input::placeholder{color:var(--color-primary-structure)}.tile-marker-label-input:hover{border-color:var(--color-primary-structure);background:var(--color-surface)}.tile-marker-label-input:focus{border-color:var(--color-primary);background:var(--color-surface);outline:none;box-shadow:0 0 0 2px #ff981f26}.tile-marker-label-actions{justify-content:flex-end;gap:8px;display:flex}.tile-marker-label-actions .osrs-button{flex:1}.tile-marker-label-clear{color:var(--color-text-muted);cursor:pointer;text-align:left;background:0 0;border:none;align-self:flex-start;margin-top:-4px;padding:0;font-family:"RuneScape Plain 12",sans-serif;font-size:12px;text-decoration:underline}.tile-marker-label-clear:hover{color:var(--color-secondary)}.hw-accel-warning{box-sizing:border-box;background-color:var(--color-surface);border:1px solid var(--color-border);text-shadow:1px 1px #000;align-items:flex-start;gap:10px;padding:12px 16px;font-family:"RuneScape Plain 12",sans-serif;display:flex;box-shadow:inset 0 0 8px #000c,0 4px 12px #00000080}.hw-accel-warning.variant-loading{background-color:var(--color-surface-inset);text-align:left;max-width:420px;margin:16px auto}.webgl2-gate .hw-accel-warning.variant-loading{margin:0 auto}.hw-accel-warning.variant-gameplay{z-index:9990;width:calc(100% - 48px);max-width:480px;animation:2.5s ease-in-out infinite alternate hw-accel-pulse;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.hw-accel-warning.status-software{border-color:var(--color-primary-structure)}.hw-accel-warning.status-software .hw-accel-icon,.hw-accel-warning.status-software .hw-accel-title{color:var(--color-primary)}.hw-accel-warning.status-no-webgl2{border-color:#7a1f1f}.hw-accel-warning.status-no-webgl2 .hw-accel-icon,.hw-accel-warning.status-no-webgl2 .hw-accel-title{color:#f44}.hw-accel-warning.status-no-webgl2.variant-gameplay{animation:2.5s ease-in-out infinite alternate hw-accel-pulse-critical}@keyframes hw-accel-pulse{0%{border-color:var(--color-border);box-shadow:inset 0 0 8px #000c,0 0 4px #ff981f0d}to{border-color:var(--color-primary-structure);box-shadow:inset 0 0 8px #000c,0 0 14px #ff981f59}}@keyframes hw-accel-pulse-critical{0%{border-color:#4a1313;box-shadow:inset 0 0 8px #000c,0 0 4px #ff32320d}to{border-color:#9c2a2a;box-shadow:inset 0 0 8px #000c,0 0 18px #ff323273}}.hw-accel-icon{filter:drop-shadow(0 0 3px);flex-shrink:0;margin-top:1px}.hw-accel-content{flex-direction:column;gap:6px;display:flex}.hw-accel-title{margin:0;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;line-height:1.2}.hw-accel-desc{color:var(--color-secondary);margin:0;font-size:14px;line-height:1.4}.hw-accel-renderer{color:var(--color-text-muted);margin-top:2px;font-size:12px}.hw-accel-diagnostics{color:var(--color-text-muted);margin-top:4px;font-size:11px}.hw-accel-diagnostics summary{cursor:pointer;color:var(--color-text-muted);font-size:12px}.hw-accel-diagnostics summary:hover{color:var(--color-secondary)}.hw-accel-diagnostics ul{margin:6px 0 0;padding-left:16px;list-style:none}.hw-accel-diagnostics li{word-break:break-word;padding:2px 0}.hw-accel-diagnostics li:before{content:"› ";color:var(--color-text-muted)}.hw-accel-browsers{gap:12px;margin-top:6px;display:flex}.hw-accel-browser-link{color:var(--color-secondary);border:1px solid var(--color-border);pointer-events:auto;background:#ffffff08;border-radius:2px;align-items:center;gap:6px;padding:4px 10px;font-family:"RuneScape Bold 12",sans-serif;font-size:14px;text-decoration:none;transition:border-color .15s,background .15s;display:inline-flex}.hw-accel-browser-link:hover{border-color:var(--color-secondary);background:#c8aa6e14}.hw-accel-dismiss{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:11px;line-height:1;transition:color .15s;position:absolute;top:8px;right:10px}.hw-accel-dismiss:hover{color:var(--color-secondary)}.hw-accel-strip{z-index:9990;box-sizing:border-box;background-color:var(--hud-bg);border:1px solid var(--color-border);text-shadow:1px 1px #000;pointer-events:auto;cursor:pointer;border-radius:2px;align-items:center;gap:6px;padding:4px 10px;font-family:"RuneScape Plain 12",sans-serif;transition:border-color .15s;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.hw-accel-strip:hover{border-color:var(--color-secondary)}.hw-accel-strip.status-software{border-top-color:var(--color-primary-structure)}.hw-accel-strip.status-no-webgl2{border-top-color:#7a1f1f}.hw-accel-strip-icon{flex-shrink:0}.hw-accel-strip.status-software .hw-accel-strip-icon{color:var(--color-primary)}.hw-accel-strip.status-no-webgl2 .hw-accel-strip-icon{color:#f44}.hw-accel-strip-text{color:var(--color-text-muted);font-size:14px}.shortcuts-modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:2000;background:#000000bf;justify-content:center;align-items:center;padding:24px;animation:.15s ease-out shortcuts-modal-fade;display:flex;position:fixed;inset:0}@keyframes shortcuts-modal-fade{0%{opacity:0}to{opacity:1}}.shortcuts-modal-card{background:var(--color-bg-solid);border:1px solid var(--color-primary-structure);width:min(500px,90vw);max-height:80vh;color:var(--color-secondary);flex-direction:column;font-family:"RuneScape Bold 12",sans-serif;animation:.2s cubic-bezier(.2,.8,.2,1) shortcuts-card-in;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffdc8c0f,0 16px 64px #000000b3}@keyframes shortcuts-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.shortcuts-modal-header{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-primary-structure);justify-content:space-between;align-items:center;padding:12px 16px;display:flex;box-shadow:0 2px 8px #0000004d}.shortcuts-modal-title{color:var(--color-text-body);text-shadow:1px 1px #000;margin:0;font-size:20px;font-weight:400}.shortcuts-modal-close{color:var(--color-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:6px;line-height:0;transition:color .15s;display:flex}.shortcuts-modal-close:hover{color:var(--color-text-body)}.shortcuts-modal-content{flex:1;min-height:0;padding:16px;overflow-y:auto}.shortcuts-modal-content::-webkit-scrollbar{width:8px}.shortcuts-modal-content::-webkit-scrollbar-track{background:0 0}.shortcuts-modal-content::-webkit-scrollbar-thumb{background:var(--color-border);border:2px solid var(--color-bg-solid);border-radius:2px}.shortcuts-modal-content::-webkit-scrollbar-thumb:hover{background:var(--color-primary-structure)}.shortcuts-modal-grid{column-count:1;column-gap:24px}@media (width>=500px){.shortcuts-modal-grid{column-count:2}}.shortcuts-modal-category{break-inside:avoid;margin-bottom:16px}.shortcuts-modal-category-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--color-border);margin:0 0 8px;padding-bottom:4px;font-size:11px;font-weight:400}.shortcuts-modal-list{grid-template-columns:auto 1fr;align-items:baseline;gap:4px 12px;display:grid}.shortcuts-modal-row{display:contents}.shortcuts-modal-category--compact .shortcuts-modal-list{grid-template-columns:auto 1fr auto 1fr}.shortcuts-modal-keys{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:2px;display:flex}.shortcuts-modal-keys-wrapper{align-items:center;display:flex}.shortcuts-modal-desc{color:var(--color-text-muted);text-shadow:1px 1px #000c;font-family:"RuneScape Plain 12",sans-serif;font-size:14px;line-height:1.4}.shortcuts-modal-plus{color:var(--color-text-dim);margin:0 2px;font-size:11px}@media (width<=720px){.shortcuts-modal-overlay{padding:calc(8px + var(--safe-top,0px)) 8px calc(8px + var(--safe-bottom,0px));align-items:stretch}.shortcuts-modal-card{width:100%;max-width:100%;max-height:100%}.shortcuts-modal-header{padding:10px 14px}.shortcuts-modal-title{font-size:16px}.shortcuts-modal-close{margin:-6px;padding:12px}.shortcuts-modal-content{padding:14px}}.mobile-warning-overlay{z-index:9995;padding:calc(16px + var(--safe-top,0px)) calc(16px + var(--safe-right,0px)) calc(16px + var(--safe-bottom,0px)) calc(16px + var(--safe-left,0px));justify-content:center;align-items:center;font-family:"RuneScape Plain 12",sans-serif;animation:.3s ease-out mobile-warning-fade-in;display:flex;position:fixed;inset:0}@keyframes mobile-warning-fade-in{0%{opacity:0}to{opacity:1}}.mobile-warning-backdrop{-webkit-backdrop-filter:blur(6px);background:#000000d9;position:absolute;inset:0}.mobile-warning-card{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--color-bg-solid);border:1px solid var(--color-primary-structure);width:min(440px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--color-text-body);flex-direction:column;gap:14px;padding:22px 22px 26px;animation:.35s cubic-bezier(.2,.8,.2,1) mobile-warning-slide-in;display:flex;position:relative;overflow-y:auto;box-shadow:inset 0 1px #ffdc8c0f,0 16px 64px #000000b3}@keyframes mobile-warning-slide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.mobile-warning-header{align-items:center;gap:14px;padding-bottom:2px;display:flex}.mobile-warning-icon{color:var(--color-primary);filter:drop-shadow(0 0 4px #d4a54a59);flex-shrink:0}.mobile-warning-title{color:var(--color-primary);text-shadow:1px 1px #000;margin:0;font-family:"RuneScape Bold 12",sans-serif;font-size:18px;line-height:1.15}.mobile-warning-lede{color:var(--color-text-body);text-shadow:1px 1px #000;margin:0;font-size:14px;line-height:1.45}.mobile-warning-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.mobile-warning-list-item{background:var(--color-surface-inset);border:1px solid var(--color-border);border-left:3px solid var(--color-primary-structure);border-radius:2px;flex-direction:column;gap:2px;padding:10px 12px 10px 32px;display:flex;position:relative}.mobile-warning-list-item:before{content:"×";color:var(--color-error);text-shadow:1px 1px #000;font-family:"RuneScape Bold 12",sans-serif;font-size:18px;line-height:1;position:absolute;top:9px;left:12px}.mobile-warning-list-label{color:var(--color-text-body);text-shadow:1px 1px #000;font-family:"RuneScape Bold 12",sans-serif;font-size:14px;line-height:1.2}.mobile-warning-list-detail{color:var(--color-text-muted);text-shadow:1px 1px #000;word-wrap:break-word;overflow-wrap:break-word;font-size:12px;line-height:1.35}.mobile-warning-outro{border-top:1px solid var(--color-border);color:var(--color-text-muted);text-shadow:1px 1px #000;margin:0;padding-top:10px;font-size:13px;line-height:1.45}.mobile-warning-dismiss{border:1px solid var(--color-primary-structure);color:var(--color-primary);text-shadow:1px 1px #000;cursor:pointer;touch-action:manipulation;background:#d4a54a14;border-radius:2px;align-self:stretch;margin-top:6px;padding:14px 20px;font-family:"RuneScape Bold 12",sans-serif;font-size:15px;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .1s;box-shadow:inset 0 1px #ffdc8c0d}.mobile-warning-dismiss:hover,.mobile-warning-dismiss:focus-visible{border-color:var(--color-primary);color:var(--color-primary-hover);background:#d4a54a24;outline:none}.mobile-warning-dismiss:focus-visible{box-shadow:inset 0 1px #ffdc8c0d,0 0 0 2px #d4a54a59}.mobile-warning-dismiss:active{background:var(--color-surface-inset);transform:translateY(1px);box-shadow:inset 0 2px 3px #0006}@media (prefers-reduced-motion:reduce){.mobile-warning-overlay,.mobile-warning-card{animation:none}}.osrs-toggle{cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:2px 0;transition:opacity .15s;display:inline-flex}.osrs-toggle:disabled{opacity:.5;cursor:not-allowed}.osrs-toggle__track{background-color:var(--color-surface-inset);border:1px solid var(--color-border);border-radius:7px;transition:border-color .15s,background-color .15s;display:block;position:relative}.osrs-toggle--default .osrs-toggle__track{width:28px;height:14px}.osrs-toggle--small .osrs-toggle__track{width:24px;height:12px}.osrs-toggle__knob{background-color:var(--color-text-muted);border-radius:50%;transition:transform .2s cubic-bezier(.2,.8,.2,1),background-color .15s;position:absolute}.osrs-toggle--default .osrs-toggle__knob{width:8px;height:8px;top:3px;left:3px}.osrs-toggle--small .osrs-toggle__knob{width:6px;height:6px;top:3px;left:3px}.osrs-toggle[aria-checked=true] .osrs-toggle__track{border-color:var(--color-primary-structure)}.osrs-toggle[aria-checked=true] .osrs-toggle__knob{background-color:var(--color-secondary)}.osrs-toggle--default[aria-checked=true] .osrs-toggle__knob{transform:translate(14px)}.osrs-toggle--small[aria-checked=true] .osrs-toggle__knob{transform:translate(12px)}.osrs-toggle:hover:not(:disabled) .osrs-toggle__track{border-color:var(--color-primary-structure)}.osrs-toggle:hover:not(:disabled) .osrs-toggle__knob{background-color:var(--color-secondary)}.osrs-toggle[aria-checked=true]:hover:not(:disabled) .osrs-toggle__knob{background-color:var(--color-text-body)}.num-input{background:var(--color-surface-inset);border:1px solid var(--color-border);border-radius:2px;align-items:stretch;transition:border-color .15s;display:inline-flex;overflow:hidden}.num-input:hover:not(.num-input--disabled){border-color:var(--color-primary-structure)}.num-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.num-input--disabled{opacity:.5}.num-input__field{width:30px;color:var(--color-secondary);text-align:right;-moz-appearance:textfield;background:0 0;border:none;outline:none;padding:3px 4px;font-family:"RuneScape Bold 12",sans-serif}.num-input__field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.num-input__field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.num-input__arrows{border-left:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:14px;display:flex}.num-input__btn{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;flex:1;justify-content:center;align-items:center;padding:0;transition:color .15s,background-color .15s;display:flex}.num-input__btn:hover:not(:disabled){color:var(--color-secondary);background:var(--color-surface-hover)}.num-input__btn:active:not(:disabled){color:var(--color-text-body);background:var(--color-surface-inset)}.num-input__btn:disabled{cursor:not-allowed;color:var(--color-text-dim)}.num-input__btn+.num-input__btn{border-top:1px solid var(--color-border)}.plugins-overlay{z-index:70;will-change:transform;background:var(--color-bg-solid);border-left:1px solid var(--color-border);flex-direction:column;width:320px;height:100%;font-family:"RuneScape Bold 12",sans-serif;transition:transform .3s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-10px 0 40px #00000080}.plugins-overlay.open{transform:translate(0)}.plugins-content{flex:1;padding:8px;overflow-y:auto}.plugin-row{border-bottom:1px solid var(--color-border);background:0 0;flex-direction:column;transition:background .15s;display:flex}.plugin-row.expanded{background:#0a080580}.plugin-header{justify-content:space-between;align-items:center;padding:10px 8px;display:flex}.plugin-header:hover{background:var(--color-surface-hover)}.plugin-title-btn{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin:0;padding:0;display:flex}.plugin-caret{color:var(--color-text-muted);flex-shrink:0;width:10px;height:10px;transition:transform .15s,color .15s}.plugin-name{color:var(--color-secondary);-webkit-user-select:none;user-select:none;font-size:15px}.plugin-row.expanded .plugin-caret{color:var(--color-primary);transform:rotate(90deg)}.plugin-row.expanded .plugin-name{color:var(--color-primary)}.plugin-body{border-top:1px solid var(--color-border);flex-direction:column;gap:12px;padding:8px 16px 16px;display:flex}.plugin-setting-row{justify-content:space-between;align-items:center;display:flex}.plugin-setting-label{color:var(--color-secondary);text-shadow:1px 1px #000;font-size:14px}.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:12px 0 8px;padding-bottom:4px;display:flex}.plugin-section-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.tile-preset-section{border-bottom:1px solid var(--color-border);flex-direction:column;gap:8px;margin-bottom:8px;padding-bottom:12px;display:flex}.tile-preset-header{justify-content:space-between;align-items:center;display:flex}.tile-preset-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-family:"RuneScape Bold 12",sans-serif;font-size:13px}.tile-preset-bulk-actions{justify-content:flex-end;display:flex}.tile-preset-list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:2px;flex-direction:column;gap:4px;max-height:180px;padding:6px;display:flex;overflow-y:auto}.tile-preset-list::-webkit-scrollbar{width:8px}.tile-preset-list::-webkit-scrollbar-track{background:var(--color-surface-inset)}.tile-preset-list::-webkit-scrollbar-thumb{background:var(--color-border);border:1px solid #101010}.tile-preset-list::-webkit-scrollbar-thumb:hover{background:var(--color-primary-structure)}.tile-preset-item{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;justify-content:space-between;align-items:center;padding:6px;transition:background .15s,border-color .15s;display:flex}.tile-preset-item:hover{border-color:var(--color-border-translucent);background:#ffffff0a}.tile-preset-item.active{border-color:var(--color-primary-structure);background:#0a080580}.tile-preset-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tile-preset-item-name{color:var(--color-secondary);font-family:"RuneScape Bold 12",sans-serif;font-size:13px;transition:color .15s}.tile-preset-item:hover .tile-preset-item-name{color:var(--color-text-body)}.tile-preset-item.active .tile-preset-item-name{color:var(--color-primary)}.tile-preset-item-count{color:var(--color-text-muted);font-family:"RuneScape Bold 12",sans-serif;font-size:11px}.tile-preset-item-toggle{cursor:pointer;width:100%;color:inherit;font:inherit;text-shadow:inherit;text-align:left;background:0 0;border:none;flex-direction:row;align-items:center;gap:8px;padding:0;display:flex}.tile-preset-item-link{color:var(--color-text-muted);border:1px solid var(--color-border);white-space:nowrap;background:#0003;border-radius:3px;flex-shrink:0;align-items:center;gap:3px;padding:1px 5px;font-size:10px;text-decoration:none;transition:all .15s;display:inline-flex}.tile-preset-item-link:hover{color:var(--color-text-body);border-color:var(--color-primary-structure);background:#0006}.tile-preset-export-btn{color:var(--color-text-muted);border:1px solid var(--color-border);cursor:pointer;white-space:nowrap;background:#0003;border-radius:3px;flex-shrink:0;padding:1px 5px;font-family:"RuneScape Bold 12",sans-serif;font-size:10px;transition:all .15s}.tile-preset-export-btn:hover{color:var(--color-text-body);border-color:var(--color-primary-structure);background:#0006}.tile-preset-link-icon{font-size:10px}.tile-preset-link-text{font-family:inherit}.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-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{line-height:1.3}@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}.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:14px}.ti-controls{align-items:center;gap:12px;padding-left:26px;transition:opacity .15s;display:flex}.ti-control-group{align-items:center;gap:4px;display:flex}.ti-control-label{color:var(--color-text-muted);text-shadow:1px 1px #000;font-size:12px}@media (width<=720px){.plugins-overlay{border-left:none;width:100vw;max-width:100vw;box-shadow:0 0 48px #0009}.plugins-content{padding:10px 10px calc(16px + var(--safe-bottom,0px));-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.plugins-toggle-open{right:var(--safe-right,0px);padding:18px 10px;font-size:13px}.plugin-header{padding:12px 10px}.tile-preset-item{padding:10px 8px}.tile-preset-item-link,.tile-preset-export-btn{padding:4px 8px;font-size:11px}.ti-swatch{width:22px;height:22px}}.collapsible-section{flex-direction:column;width:100%;margin-bottom:4px;display:flex}.collapsible-header{cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-bottom:1px solid var(--color-border);box-shadow:none;background:0 0;border-radius:2px;align-items:center;padding:10px 0;transition:all .2s;display:flex;position:relative}.collapsible-header:hover{background:var(--color-surface-hover);border-bottom-color:var(--color-primary-structure)}.collapsible-header[aria-expanded=true]{border-bottom-color:var(--color-primary-structure);background:0 0}.section-title{color:var(--color-text-muted);text-shadow:1px 1px #000;text-transform:uppercase;letter-spacing:.5px;flex-grow:1;margin-left:10px;font-family:"RuneScape Bold 12",sans-serif;font-size:15px;transition:color .2s}.collapse-indicator{width:10px;height:10px;color:var(--color-text-muted);flex-shrink:0;margin-left:4px;transition:transform .2s cubic-bezier(.2,.8,.2,1),color .2s}.collapsible-header[aria-expanded=true] .collapse-indicator{color:var(--color-primary);transform:rotate(90deg)}.collapsible-header:hover .section-title,.collapsible-header:hover .collapse-indicator{color:var(--color-secondary)}.collapsible-header[aria-expanded=true]:hover .collapse-indicator{color:var(--color-primary)}.collapsible-content-wrapper{grid-template-rows:0fr;transition:grid-template-rows .25s cubic-bezier(.2,.8,.2,1);display:grid}.collapsible-content-wrapper.expanded{grid-template-rows:1fr}.collapsible-content{flex-direction:column;gap:8px;min-height:0;display:flex;overflow:hidden}.collapsible-content>:first-child{margin-top:12px}.collapsible-content>:last-child{margin-bottom:4px}.collapsible-section+.collapsible-section .collapsible-header{margin-top:4px}.controls-container{flex-direction:column;gap:16px;width:100%;display:flex}.control-group{border-bottom:1px solid #ffffff0a;flex-direction:column;gap:8px;padding:0 0 16px;display:flex}.control-group:last-child{border-bottom:none;padding-bottom:0}.control-group label,.group-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;justify-content:space-between;align-items:center;margin-bottom:6px;font-family:"RuneScape Bold 12",sans-serif;font-size:11px;display:flex}.control-button{background:var(--color-surface);color:var(--color-secondary);border:1px solid var(--color-border);cursor:pointer;text-shadow:1px 1px #000;border-radius:2px;justify-content:center;align-items:center;padding:8px 16px;font-family:"RuneScape Bold 12",sans-serif;font-size:14px;font-weight:400;transition:color .15s,background .15s,border-color .15s,box-shadow .15s;display:flex}.control-button:hover:not(:disabled){color:var(--color-text-body);background:var(--color-surface-hover);border-color:var(--color-primary-structure)}.control-button:active:not(:disabled){background:var(--color-surface-inset);border-color:var(--color-border);box-shadow:inset 0 1px 2px #00000040}.control-button:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary), 0 0 0 3px #d4a54a33;outline:none}.control-button:disabled{opacity:.4;cursor:not-allowed;color:var(--color-text-dim);background:#0003;border-color:#0000}.control-button.active{background:var(--color-surface-inset);color:var(--color-primary);border-color:var(--color-primary-structure)}.control-button.active:hover{color:var(--color-primary)}.restart-button{background:var(--color-surface);border-color:var(--color-border);color:var(--color-secondary);justify-content:space-between;width:100%}.restart-button:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-primary-structure);color:var(--color-text-body)}.restart-keybind{color:var(--color-text-muted);font-family:"RuneScape Plain 11",sans-serif;font-size:12px;transition:color .2s}.restart-button:hover:not(:disabled) .restart-keybind{color:var(--color-text-muted)}.speed-buttons{background:0 0;border:none;border-radius:2px;gap:0;width:100%;padding:0;display:flex}.speed-buttons .control-button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);border-radius:0;flex:1;margin-left:-1px;padding:6px 0}.speed-buttons .control-button:first-child{border-radius:2px 0 0 2px;margin-left:0}.speed-buttons .control-button:last-child{border-radius:0 2px 2px 0}.speed-buttons .control-button:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text-body);border-color:var(--color-primary-structure);z-index:1}.speed-buttons .control-button.active{background:var(--color-surface-inset);color:var(--color-primary);border-color:var(--color-primary);z-index:2;position:relative}.speed-buttons .control-button.active:hover{color:var(--color-primary);border-color:var(--color-primary)}.speed-buttons .control-button.active:after{content:"";background:var(--color-primary);height:2px;position:absolute;bottom:-1px;left:0;right:0}.select-input{background:var(--color-surface-inset);width:100%;color:var(--color-secondary);border:1px solid var(--color-border);text-shadow:1px 1px #000;cursor:pointer;border-radius:2px;outline:none;padding:8px 12px;font-family:"RuneScape Bold 12",sans-serif;font-size:14px;transition:color .15s,background .15s,border-color .15s,box-shadow .15s}.select-input:hover{border-color:var(--color-primary-structure);background:var(--color-surface);color:var(--color-secondary)}.select-input:focus{border-color:var(--color-primary);color:var(--color-secondary);box-shadow:0 0 0 1px #d4a54a40}.select-input option{background:var(--color-surface);color:var(--color-secondary);padding:8px;font-family:inherit}.slider-control{flex-direction:column;gap:6px;padding:8px 0;display:flex}.slider-label{justify-content:space-between;font-family:"RuneScape Bold 12",sans-serif;font-size:13px;display:flex}.slider-label-text{color:var(--color-text-muted)}.slider-label-value{color:var(--color-secondary)}.slider-input{appearance:none;background:var(--color-surface-inset);cursor:pointer;border:1px solid var(--color-border);border-radius:2px;outline:none;width:100%;height:6px}.slider-input::-webkit-slider-thumb{appearance:none;background:var(--color-primary-structure);border:1px solid var(--color-bg-solid);cursor:pointer;border-radius:2px;width:14px;height:14px;transition:background .15s,border-color .15s}.slider-input::-webkit-slider-thumb:hover{background:var(--color-primary);border-color:var(--color-primary-structure)}.slider-input::-moz-range-thumb{background:var(--color-primary-structure);border:1px solid var(--color-bg-solid);cursor:pointer;border-radius:2px;width:14px;height:14px}.slider-input::-moz-range-thumb:hover{background:var(--color-primary);border-color:var(--color-primary-structure)}.slider-input--modified::-webkit-slider-thumb{background:var(--color-primary)}.slider-input--modified::-moz-range-thumb{background:var(--color-primary)}.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;appearance:textfield;border-radius:2px;outline:none;flex:1 1 0;padding:5px 8px;font-family:"RuneScape Bold 12",sans-serif;font-size:13px;transition:border-color .15s,background .15s,box-shadow .15s}.viewport-dimensions__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.viewport-dimensions__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.viewport-dimensions__input:hover{border-color:var(--color-primary-structure);background:var(--color-surface)}.viewport-dimensions__input:focus{border-color:var(--color-primary);color:var(--color-text-body);box-shadow:0 0 0 1px #d4a54a40}.viewport-dimensions__sep{color:var(--color-text-muted);-webkit-user-select:none;user-select:none;flex:none;padding:0 1px;font-family:"RuneScape Bold 12",sans-serif;font-size:13px}.viewport-dimensions__suffix{color:var(--color-text-muted);text-transform:lowercase;-webkit-user-select:none;user-select:none;letter-spacing:.5px;flex:none;font-family:"RuneScape Plain 12",sans-serif;font-size:11px}.viewport-warning{border-left:2px solid var(--color-primary);background:#d4a54a12;border-radius:2px;flex-direction:column;gap:8px;padding:9px 10px 10px;display:flex}.viewport-warning__header{align-items:flex-start;gap:8px;display:flex}.viewport-warning__icon{width:12px;height:12px;color:var(--color-primary);flex:none;margin-top:1px}.viewport-warning__text{flex:1;min-width:0}.viewport-warning__title{color:var(--color-text-body);font-family:"RuneScape Bold 12",sans-serif;font-size:12px;line-height:1.3}.viewport-warning__detail{color:var(--color-text-muted);margin-top:3px;font-family:"RuneScape Plain 12",sans-serif;font-size:11px;line-height:1.4}.viewport-warning__action{border:1px solid var(--color-primary-structure);width:100%;color:var(--color-primary);letter-spacing:.3px;cursor:pointer;background:0 0;border-radius:2px;padding:5px 10px;font-family:"RuneScape Bold 12",sans-serif;font-size:12px;transition:background .15s,border-color .15s,color .15s}.viewport-warning__action:hover{border-color:var(--color-primary);color:var(--color-primary-hover);background:#d4a54a1f}.viewport-warning__action:active{background:#d4a54a2e}.viewport-warning__action:focus-visible{outline:1px solid var(--color-primary);outline-offset:2px}.viewport-popout{flex-direction:column;gap:6px;margin-top:10px;display:flex}.viewport-popout__button{justify-content:center;gap:8px;width:100%}.viewport-popout__button svg{opacity:.75;transition:opacity .15s,transform .15s}.viewport-popout__button:hover:not(:disabled) svg{opacity:1;transform:translate(1px,-1px)}.viewport-popout__hint{color:var(--color-text-muted);margin:0;font-family:"RuneScape Plain 12",sans-serif;font-size:11px;line-height:1.4}.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);border-radius:2px;outline:none;padding:8px 12px;font-family:"RuneScape Plain 12",sans-serif;font-size:14px;transition:all .2s}.login-input:focus{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 1px #d4a54a40}.login-input::placeholder{color:var(--color-text-dim)}.login-input::-webkit-textfield-decoration-container{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:14px;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:14px;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:14px;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, 0 0 0 1px #d4a54a40}.login-input:-webkit-autofill:first-line{color:var(--color-text-body);font-family:"RuneScape Plain 12",sans-serif;font-size:14px}.login-disclaimer{color:var(--color-text-muted);text-align:center;padding:4px 0;font-family:"RuneScape Plain 12",sans-serif;font-size:12px;line-height:1.4}.login-error{color:var(--color-error);text-align:center;margin-top:4px;font-family:"RuneScape Plain 11",sans-serif;font-size:12px}.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-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-primary)}.login-section .osrs-btn{margin-top:4px}.controls-overlay{z-index:70;will-change:transform;background:var(--color-bg-solid);border-right:1px solid var(--color-border);flex-direction:column;width:320px;height:100%;transition:transform .3s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:0;left:0;overflow:hidden;transform:translate(-100%);box-shadow:10px 0 40px #00000080}.controls-overlay.open{transform:translate(0)}.panel-header{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;box-shadow:0 2px 4px #0003}.panel-title-stack{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.panel-title{color:var(--color-text-body);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);text-shadow:1px 1px #000;cursor:help;white-space:nowrap;background:#d4a54a14;border:1px solid #d4a54a33;border-radius:2px;padding:2px 6px;font-family:"RuneScape Bold 12",sans-serif;font-size:9px}.panel-close-button{color:var(--color-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;line-height:0;transition:color .2s;display:flex}.panel-close-button:hover{color:var(--color-text-body)}.controls-toggle-open{z-index:71;background:var(--color-bg-solid);border:1px solid var(--color-border);color:var(--color-secondary);cursor:pointer;white-space:nowrap;text-shadow:1px 1px #000;text-align:center;border-left:none;border-radius:0 2px 2px 0;justify-content:center;align-items:center;min-width:0;padding:6px 10px;font-family:"RuneScape Bold 12",sans-serif;font-size:15px;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)}.controls-content{flex-direction:column;gap:16px;height:100%;padding:16px;display:flex;overflow-y:auto}.settings-zone{flex-direction:column;gap:8px;display:flex}.settings-zone-divider{align-items:center;gap:8px;padding:4px 0;display:flex}.settings-zone-divider:before,.settings-zone-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.settings-zone-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;font-family:"RuneScape Bold 12",sans-serif;font-size:10px}.controls-content::-webkit-scrollbar{width:8px}.controls-content::-webkit-scrollbar-track{background:0 0}.controls-content::-webkit-scrollbar-thumb{background:var(--color-border);border:2px solid var(--color-bg-solid);border-radius:4px}.controls-content::-webkit-scrollbar-thumb:hover{background:var(--color-primary-structure)}.control-group--no-border{border-bottom:none;padding-bottom:0}@media (width<=720px){.controls-overlay{border-right:none;width:100vw;max-width:100vw;box-shadow:0 0 48px #0009}.panel-header{padding:calc(10px + var(--safe-top,0px)) 14px 10px}.panel-close-button{margin:-12px -6px -12px 0;padding:12px}.controls-content{padding:14px 14px calc(20px + var(--safe-bottom,0px));-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.controls-toggle-open{top:calc(8px + var(--safe-top,0px));padding:10px 12px;font-size:13px}}.sp-wrapper{z-index:60;pointer-events:none;position:fixed;top:168px;left:0}.sp-wrapper>*{pointer-events:auto}.sp-wrapper .controls-toggle-open.sp-collapsed-tab{z-index:auto;margin-right:auto;position:static;top:auto;left:auto}.sp-panel{background:var(--color-bg);border:1px solid var(--color-border);color:#fff;border-left:none;border-radius:0 2px 2px 0;flex-direction:column;width:300px;max-height:70vh;padding:0;font-family:"RuneScape Plain 12",sans-serif;transition:transform .3s cubic-bezier(.2,.8,.2,1);display:flex;overflow:hidden;transform:translate(-100%);box-shadow:10px 10px 40px #00000080}.sp-panel.visible{transform:translate(0)}.sp-header{border-bottom:1px solid var(--color-border);background:var(--color-bg-elevated);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.sp-title{color:var(--color-primary);text-shadow:1px 1px #000;font-family:"RuneScape Bold 12",sans-serif;font-size:16px}.sp-header-controls{align-items:center;gap:8px;display:flex}.sp-view-link,.sp-group-toggle{color:var(--color-text-muted);cursor:pointer;text-shadow:1px 1px #000;background:0 0;border:1px solid #0000;border-radius:2px;padding:4px 8px;font-family:"RuneScape Plain 12",sans-serif;font-size:12px;line-height:1;transition:all .15s}.sp-view-link:hover,.sp-group-toggle:hover{color:#fff;background:#ffffff0d}.sp-group-toggle.active{background:var(--color-surface-hover);color:var(--color-primary);border-color:var(--color-primary-structure)}.sp-minimize{color:var(--color-secondary);cursor:pointer;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;width:24px;height:24px;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;transition:all .15s;display:flex}.sp-minimize:hover{color:var(--color-primary);background:0 0}.sp-content{box-shadow:none;background:0 0;border:none;flex-direction:column;flex:1;min-height:0;display:flex}.sp-tab-content{flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px;display:flex}.sp-nickname-input{background:var(--color-surface-inset);border:1px solid var(--color-border);width:100%;color:var(--color-primary);text-shadow:1px 1px #000;box-sizing:border-box;box-shadow:none;border-radius:2px;outline:none;padding:6px 10px;font-family:"RuneScape Bold 12",sans-serif;font-size:14px;transition:all .15s}.sp-nickname-input:focus{border-color:var(--color-primary-structure);box-shadow:0 0 0 2px #ff981f26}.sp-input-row{gap:6px;display:flex}.sp-input{background:var(--color-surface-inset);border:1px solid var(--color-border);color:var(--color-text-body);text-shadow:1px 1px #000;box-shadow:none;border-radius:2px;outline:none;flex:1;padding:6px 10px;font-family:"RuneScape Plain 12",sans-serif;font-size:14px;transition:all .15s}.sp-input::placeholder{color:var(--color-text-dim)}.sp-input:focus{border-color:var(--color-primary-structure);box-shadow:0 0 0 2px #ff981f26}.sp-add-btn{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-body);text-shadow:1px 1px #000;cursor:pointer;box-shadow:none;border-radius:2px;padding:6px 10px;font-family:"RuneScape Bold 12",sans-serif;font-size:14px;transition:all .15s}.sp-add-btn:hover{background:var(--color-surface-hover);color:var(--color-primary);border-color:var(--color-primary-structure)}.sp-add-btn:active{background:var(--color-surface-inset);box-shadow:none;transform:scale(.95)}.sp-add-btn:disabled,.sp-input:disabled{opacity:.4;cursor:not-allowed}.sp-scroll-list{flex-direction:column;flex:1;gap:4px;min-height:60px;padding-right:4px;display:flex;overflow-y:auto}.sp-scroll-list::-webkit-scrollbar{width:8px}.sp-scroll-list::-webkit-scrollbar-track{background:var(--color-surface-inset)}.sp-scroll-list::-webkit-scrollbar-thumb{background:var(--color-primary-structure);border:1px solid #101010;border-radius:0}.sp-scroll-list::-webkit-scrollbar-thumb:hover{background:var(--color-surface-hover)}.sp-empty{color:var(--color-text-muted);text-shadow:1px 1px #000;text-align:center;padding:24px 8px;font-size:13px;font-style:italic}.sp-todo-item{background:0 0;border-top:none;border-bottom:1px solid #ffffff0a;border-left:3px solid #0000;border-right:none;border-radius:0;align-items:flex-start;gap:8px;padding:6px 8px 6px 12px;transition:background .15s;display:flex;position:relative}.sp-todo-item:hover{background:var(--color-surface-hover)}.sp-todo-item.done .sp-todo-item-text{color:var(--color-text-muted);text-decoration:line-through}.sp-todo-item.sp-priority-border-0{border-left-color:#ef4444}.sp-todo-item.sp-priority-border-1{border-left-color:var(--color-primary)}.sp-todo-item.sp-priority-border-2{border-left-color:#facc15}.sp-todo-item.sp-priority-border-3{border-left-color:#ffffff1a}.sp-todo-drag-zone{width:20px;font:inherit;color:inherit;appearance:none;cursor:grab;z-index:5;background:0 0;border:none;padding:0;position:absolute;top:0;bottom:0;left:0}.sp-todo-drag-zone:focus-visible{outline:1px solid var(--color-primary-structure);outline-offset:2px}.sp-todo-drag-zone:active{cursor:grabbing}.sp-todo-checkbox{appearance:none;background:var(--color-surface-inset);border:1px solid var(--color-border);cursor:pointer;z-index:10;border-radius:2px;width:16px;min-width:16px;height:16px;margin-top:2px;transition:all .15s;position:relative;box-shadow:inset 0 1px 3px #00000080}.sp-todo-checkbox:checked{background:var(--color-bg-elevated);border-color:var(--color-primary-structure);box-shadow:inset 0 1px 3px #00000080}.sp-todo-checkbox:checked:after{content:"";border:solid var(--color-primary);filter:drop-shadow(0 0 2px #ff981f80);border-width:0 2px 2px 0;width:4px;height:9px;position:absolute;top:1px;left:5px;transform:rotate(45deg)}.sp-todo-checkbox:hover{border-color:var(--color-primary-structure)}.sp-todo-item-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sp-todo-item-text{text-shadow:1px 1px #000;color:var(--color-text-body);word-break:break-word;font-size:13px;line-height:1.4}.sp-todo-item-author{color:#ff981f99;text-shadow:1px 1px #000;font-size:10px}.sp-todo-item.done .sp-todo-item-author{color:#ff981f4d}.sp-todo-dot{background:var(--color-primary-structure);border-radius:50%;width:8px;min-width:8px;height:8px;margin-top:6px;box-shadow:0 0 5px #ff981f4d}.sp-todo-dot.done{box-shadow:none;background:#ffffff1a}.sp-todo-actions{opacity:0;background:var(--color-surface-hover);z-index:20;border-radius:2px;gap:4px;padding:2px;transition:opacity .15s;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.sp-todo-item:hover .sp-todo-actions,.sp-todo-item:focus-within .sp-todo-actions{opacity:1}.sp-todo-copy,.sp-todo-delete{color:var(--color-text-muted);cursor:pointer;text-shadow:1px 1px #000;background:0 0;border:none;padding:2px 4px;font-family:"RuneScape Bold 12",sans-serif;font-size:12px;line-height:1;transition:color .15s}.sp-todo-copy:hover,.sp-todo-copy.copied{color:var(--color-primary)}.sp-todo-delete:hover{color:var(--color-error)}.sp-todo-group{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.sp-todo-group-header{color:var(--color-primary);background:var(--color-surface-hover);text-shadow:1px 1px #000;border-left:2px solid var(--color-primary-structure);border-radius:2px;margin-bottom:4px;padding:4px 8px;font-family:"RuneScape Bold 12",sans-serif;font-size:12px}.sp-todo-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.sp-todo-count{color:var(--color-text-muted);text-shadow:1px 1px #000;font-size:12px}.sp-todo-clear{color:var(--color-text-muted);text-shadow:1px 1px #000;cursor:pointer;background:0 0;border:none;padding:0;font-family:"RuneScape Plain 12",sans-serif;font-size:12px;transition:color .15s}.sp-todo-clear:hover{color:var(--color-primary)}.sp-commit{background:var(--color-surface-translucent);cursor:pointer;text-align:left;width:100%;color:var(--color-text-body);box-shadow:none;border:1px solid #0000;border-radius:2px;flex-direction:column;margin:0;padding:0;font-family:"RuneScape Plain 12",sans-serif;transition:all .15s;display:flex}.sp-commit:hover{background:#ffffff14;border-color:#ffffff0d}.sp-commit.expanded{background:#ffffff14;border-color:#ffffff1a}.sp-commit-header{align-items:flex-start;gap:8px;padding:8px;display:flex}.sp-commit-chevron{color:var(--color-primary);text-shadow:1px 1px #000;flex-shrink:0;min-width:8px;font-size:10px;line-height:1.6}.sp-commit-hash{color:var(--color-primary);text-shadow:1px 1px #000;background:#ff981f1a;border-radius:2px;flex-shrink:0;padding:0 4px;font-family:monospace;font-size:11px;line-height:1.5}.sp-commit-message{text-shadow:1px 1px #000;color:#fff;word-break:break-word;flex:1;min-width:0;font-size:13px;line-height:1.4}.sp-commit-details{border-top:1px solid #ffffff0d;flex-direction:column;gap:8px;margin-top:4px;padding:8px 12px 12px 24px;display:flex}.sp-commit-meta{align-items:center;gap:12px;display:flex}.sp-commit-author{color:#ff981fcc;text-shadow:1px 1px #000;font-family:"RuneScape Bold 12",sans-serif;font-size:11px}.sp-commit-date{color:var(--color-text-muted);text-shadow:1px 1px #000;font-size:11px}.sp-commit-body{color:var(--color-text-muted);text-shadow:1px 1px #000;white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.4}.sp-todo-priority-label{cursor:pointer;text-shadow:1px 1px #00000080;z-index:10;border:none;border-radius:2px;min-width:auto;margin-top:3px;padding:1px 4px;font-family:"RuneScape Bold 12",sans-serif;font-size:9px;line-height:1.2;transition:all .15s;position:relative}.sp-todo-priority-label:disabled{cursor:default}.sp-todo-priority-label:hover:not(:disabled){filter:brightness(1.2)}.sp-todo-item.dragging{opacity:.5;background:#0006;border:1px dashed #fff3}.sp-todo-item.drag-over{border-top:2px solid var(--color-primary-structure);z-index:1;background:#ff981f1a;margin-top:-2px}.sp-priority-select{cursor:pointer;text-shadow:1px 1px #000;text-align:center;border:1px solid #ffffff1a;border-radius:2px;justify-content:center;align-items:center;min-width:40px;padding:6px 12px;font-family:"RuneScape Bold 12",sans-serif;font-size:13px;transition:all .15s;display:flex}.sp-priority-select:hover{filter:brightness(1.2);box-shadow:0 0 8px #ffffff1a}.sp-priority-select:active{transform:scale(.95)}.sp-priority-0{color:#fca5a5;background:#ef444433;border-color:#ef44444d}.sp-priority-1{color:#fdba74;background:#ff981f33;border-color:#ff981f4d}.sp-priority-2{color:#fde047;background:#facc1533;border-color:#facc154d}.sp-priority-3{color:#e8e8ec;background:#ffffff1a;border-color:#ffffff26}.sp-priority-group-0{color:#fca5a5;background:#ef44441a;border-left:3px solid #fca5a5}.sp-priority-group-1{color:#fdba74;background:#ff981f1a;border-left:3px solid #fdba74}.sp-priority-group-2{color:#fde047;background:#facc151a;border-left:3px solid #fde047}.sp-priority-group-3{color:#e8e8ec;background:#ffffff0d;border-left:3px solid #e8e8ec}@media (width<=720px){.sp-wrapper{top:calc(140px + var(--safe-top,0px))}.sp-panel{width:min(92vw,320px);max-height:60dvh}.sp-tab-content{gap:10px;padding:12px}.sp-todo-item{padding:10px 10px 10px 16px}.sp-todo-checkbox{width:20px;min-width:20px;height:20px}.sp-todo-checkbox:checked:after{width:5px;height:11px;top:2px;left:6px}.sp-todo-actions{opacity:1;background:0 0;margin-left:auto;position:static;transform:none}.sp-todo-copy,.sp-todo-delete{padding:6px 8px;font-size:13px}}.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}}.viewport-size-strip{z-index:9989;box-sizing:border-box;background-color:var(--hud-bg);border:1px solid var(--color-border);border-top-color:var(--color-primary-structure);text-shadow:1px 1px #000;pointer-events:auto;white-space:nowrap;border-radius:2px;align-items:center;gap:6px;padding:4px 10px;font-family:"RuneScape Plain 12",sans-serif;transition:border-color .15s;animation:.3s cubic-bezier(.16,1,.3,1) both viewport-size-enter,3s ease-in-out .4s infinite alternate viewport-size-pulse;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.viewport-size-strip:hover{border-color:var(--color-secondary)}.viewport-size-strip__icon{color:var(--color-primary);filter:drop-shadow(0 0 2px);flex-shrink:0}.viewport-size-strip__text{color:var(--color-text-muted);font-size:14px;transition:color .15s}.viewport-size-strip:hover .viewport-size-strip__text{color:var(--color-secondary)}@keyframes viewport-size-enter{0%{opacity:0;transform:translate(-50%)translateY(6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes viewport-size-pulse{0%{box-shadow:0 0 #d4a54a00}to{box-shadow:0 0 8px #d4a54a26}}.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:.2s ease-in-out animate-fade-in}.driver-fade .driver-popover{animation:.2s animate-fade-in}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;z-index:1000000000;background-color:#fff;border-radius:5px;min-width:250px;max-width:300px;margin:0;padding:15px;position:fixed;top:0;right:0;box-shadow:0 1px 10px #0006}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,Apple Color Emoji,Helvetica,Arial,sans-serif}.driver-popover-title{zoom:1;margin:0;font:700 19px/1.5 sans-serif;display:block;position:relative}.driver-popover-close-btn{all:unset;cursor:pointer;color:#d2d2d2;z-index:1;text-align:center;width:32px;height:28px;font-size:18px;font-weight:500;transition:color .2s;position:absolute;top:0;right:0}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{zoom:1;margin-bottom:0;font:400 14px/1.5 sans-serif}.driver-popover-footer{text-align:right;zoom:1;justify-content:space-between;align-items:center;margin-top:15px;display:flex}.driver-popover-progress-text{color:#727272;zoom:1;font-size:13px;font-weight:400}.driver-popover-footer button{all:unset;box-sizing:border-box;text-shadow:1px 1px #fff;color:#2d2d2d;cursor:pointer;zoom:1;background-color:#fff;border:1px solid #ccc;border-radius:3px;outline:0;padding:3px 7px;font:12px/1.3 sans-serif;text-decoration:none;display:inline-block}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{flex-grow:1;justify-content:flex-end;display:flex}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";border:5px solid #fff;position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-top-color:#0000;border-bottom-color:#0000;border-right-color:#0000;left:100%}.driver-popover-arrow-side-right{border-top-color:#0000;border-bottom-color:#0000;border-left-color:#0000;right:100%}.driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%}.driver-popover-arrow-side-bottom{border-top-color:#0000;border-left-color:#0000;border-right-color:#0000;bottom:100%}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{margin-top:-5px;top:50%}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{margin-left:-5px;left:50%}.driver-popover-arrow-none{display:none}.driver-overlay{z-index:1200!important}.osrs-tutorial-popover.driver-popover *{font-family:inherit!important}.osrs-tutorial-popover.driver-popover{background:linear-gradient(180deg, var(--color-bg-elevated) 0%, var(--color-surface) 100%)!important;border:1px solid var(--color-primary-structure)!important;color:var(--color-text-body)!important;min-width:300px!important;max-width:400px!important;box-shadow:inset 0 1px 0 #ffdc8c0f, 0 0 0 1px var(--color-surface-inset), 0 8px 20px #00000080, 0 20px 50px #0009!important;z-index:1201!important;border-radius:2px!important;padding:12px 16px!important;animation:.3s cubic-bezier(.16,1,.3,1) osrs-popover-in!important}.osrs-tutorial-popover .driver-popover-arrow{filter:drop-shadow(0 1px 2px #0009)!important;border:7px solid #0000!important}.osrs-tutorial-popover .driver-popover-arrow-side-left{border-left-color:var(--color-bg-solid)!important}.osrs-tutorial-popover .driver-popover-arrow-side-right{border-right-color:var(--color-bg-solid)!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-surface)!important}.osrs-tutorial-popover .driver-popover-title{color:var(--color-text-body)!important;text-shadow:1px 1px #000!important;letter-spacing:.02em!important;z-index:1!important;background:0 0!important;border:none!important;margin:-29px 0 -12px!important;padding:2px 36px 2px 4px!important;font-family:"RuneScape Bold 12",sans-serif!important;font-size:24px!important;font-weight:400!important;line-height:1.2!important;display:block!important;position:relative!important}.osrs-tutorial-popover .driver-popover-description{color:var(--color-text-body)!important;text-shadow:1px 1px #000!important;background:0 0!important;margin:20px 0 8px!important;padding:0 28px 0 0!important;font-family:"RuneScape Plain 12",sans-serif!important;font-size:15px!important;line-height:1.35!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;border-radius:2px!important;margin:0 2px!important;padding:2px 6px!important;font-family:"RuneScape Plain 11",sans-serif!important;font-size:13px!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-bg-elevated)!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;box-shadow:inset 0 1px #ffffff08!important}.osrs-tutorial-popover .driver-popover-progress-text{color:var(--color-secondary)!important;text-shadow:1px 1px #000!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;box-shadow:inset 0 1px 2px #0006!important}.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;box-shadow:inset 0 1px #ffffff08!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;box-shadow:inset 0 2px 3px #00000080!important}.osrs-tutorial-popover .driver-popover-next-btn{border:1px solid var(--color-secondary)!important;color:var(--color-primary)!important;background:#d4a54a0f!important;min-width:80px!important;box-shadow:inset 0 1px #ffdc8c0a!important}.osrs-tutorial-popover .driver-popover-next-btn:hover{border-color:var(--color-primary)!important;color:var(--color-primary-hover)!important;background:#d4a54a1f!important;box-shadow:inset 0 1px #ffdc8c0f!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 #00000080!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-secondary)!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:#00000040;margin:10px -18px 0;padding:10px 18px;text-shadow:1px 1px #000!important;font:14px/1.5 "RuneScape Bold 12",sans-serif!important}.osrs-tutorial-popover .tutorial-action-indicator.waiting{color:var(--color-secondary)}.osrs-tutorial-popover .tutorial-action-indicator.completed{color:#6d9e72;background:#1226184d}.tutorial-skip-action{color:var(--color-text-dim);cursor:pointer;text-shadow:1px 1px #000;background:0 0;border:none;margin:0 0 6px 4px;padding:0;font-family:"RuneScape Plain 11",sans-serif;font-size:12px;text-decoration:underline;transition:color .15s;display:inline}.tutorial-skip-action:hover{color:var(--color-secondary)}.tutorial-skip-action:focus-visible{outline:1px solid var(--color-secondary);outline-offset:2px}.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 (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}}.tutorial-picker-backdrop{z-index:1300;-webkit-backdrop-filter:blur(6px);background:#000000bf;justify-content:center;align-items:center;animation:.15s ease-out tpm-fade-in;display:flex;position:fixed;inset:0}@keyframes tpm-fade-in{0%{opacity:0}to{opacity:1}}.tutorial-picker{background:var(--color-bg-solid);border:1px solid var(--color-primary-structure);width:480px;height:220px;animation:.2s cubic-bezier(.2,.8,.2,1) tpm-card-in;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffdc8c0f,0 16px 64px #000000b3}@keyframes tpm-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tutorial-picker-close{z-index:10;color:var(--color-secondary);cursor:pointer;text-shadow:1px 1px #000;background:0 0;border:none;padding:2px 6px;font-family:"RuneScape Bold 12",sans-serif;font-size:24px;line-height:1;transition:color .15s;position:absolute;top:8px;right:10px}.tutorial-picker-close:hover{color:var(--color-text-body)}.tutorial-picker-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:150px;padding:12px 0;display:flex}.tutorial-picker-sidebar-title{color:var(--color-text-muted);text-shadow:1px 1px #000;text-transform:uppercase;letter-spacing:.5px;padding:0 14px 8px;font-family:"RuneScape Bold 12",sans-serif;font-size:13px}.tutorial-picker-nav-item{width:100%;color:var(--color-text-muted);text-shadow:1px 1px #000;text-align:left;cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;justify-content:space-between;align-items:center;padding:8px 14px;font-family:"RuneScape Bold 12",sans-serif;font-size:14px;transition:background .15s,border-left-color .15s,color .15s;display:flex}.tutorial-picker-nav-item:hover{background:var(--color-surface-highlight);color:var(--color-secondary)}.tutorial-picker-nav-item.active{border-left-color:var(--color-secondary);background:var(--color-surface-hover);color:var(--color-text-body)}.tutorial-picker-nav-badge{text-transform:uppercase;letter-spacing:.3px;margin-left:auto;margin-right:-4px;font-family:"RuneScape Bold 12",sans-serif;font-size:10px;line-height:1}.tutorial-picker-nav-badge.done{color:var(--color-secondary)}.tutorial-picker-nav-badge.in-progress{color:var(--color-text-muted)}.tutorial-picker-content{flex-direction:column;flex:1;min-width:0;padding:20px 24px;display:flex}.tutorial-picker-title{color:var(--color-text-body);text-shadow:1px 1px #000;margin:0 0 10px;font-family:"RuneScape Bold 12",sans-serif;font-size:20px}.tutorial-picker-desc{color:var(--color-text-body);text-shadow:1px 1px #000;margin:0 0 auto;font-family:"RuneScape Plain 12",sans-serif;font-size:14px;line-height:1.4}.tutorial-picker-progress{color:var(--color-text-muted);text-shadow:1px 1px #000;margin-top:0;font-family:"RuneScape Plain 12",sans-serif;font-size:12px}.tutorial-picker-progress.completed{color:var(--color-secondary)}.tutorial-picker-mobile-note{color:var(--color-text-dim);text-shadow:1px 1px #000;cursor:help;align-items:center;gap:6px;margin-top:4px;font-family:"RuneScape Plain 12",sans-serif;font-size:11px;display:inline-flex}.tutorial-picker-mobile-note:before{content:"";background:var(--color-text-dim);opacity:.6;border-radius:50%;width:4px;height:4px;display:inline-block}.tutorial-picker-start{border:1px solid var(--color-secondary);color:var(--color-primary);text-shadow:1px 1px #000;cursor:pointer;background:#d4a54a0f;border-radius:2px;align-self:flex-start;margin-top:10px;padding:8px 24px;font-family:"RuneScape Bold 12",sans-serif;font-size:15px;transition:background .15s,border-color .15s,color .15s;box-shadow:inset 0 1px #ffdc8c0a}.tutorial-picker-start:hover{border-color:var(--color-primary);color:var(--color-primary-hover);background:#d4a54a1f}.tutorial-picker-start:active{background:var(--color-surface-inset);box-shadow:inset 0 2px 3px #0006}.tutorial-picker-skip-autoshow{z-index:1;display:flex;position:absolute;bottom:20px;right:12px}.tutorial-picker-skip-autoshow .osrs-checkbox{gap:6px}.tutorial-picker-skip-autoshow .osrs-checkbox__box{border-radius:1px;width:11px;height:11px}.tutorial-picker-skip-autoshow .osrs-checkbox__mark{border-width:0 1px 1px 0;width:3px;height:6px;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.tutorial-picker-skip-autoshow .osrs-checkbox__label{color:var(--color-text-dim);text-shadow:1px 1px #000;letter-spacing:0;font-family:"RuneScape Plain 12",sans-serif;font-size:11px}.tutorial-picker-skip-autoshow .osrs-checkbox:hover:not(:disabled) .osrs-checkbox__label{color:var(--color-secondary)}.tutorial-reset-link{z-index:1;color:var(--color-text-dim);text-shadow:1px 1px #000;text-underline-offset:2px;cursor:pointer;white-space:nowrap;background:0 0;border:none;margin:0;padding:0;font-family:"RuneScape Plain 12",sans-serif;font-size:11px;text-decoration:underline;transition:color .15s;position:absolute;bottom:8px;right:12px}.tutorial-reset-link:hover{color:var(--color-secondary)}.tutorial-picker-nav-item:focus-visible,.tutorial-picker-close:focus-visible,.tutorial-picker-start:focus-visible,.tutorial-picker-skip-autoshow .osrs-checkbox:focus-visible,.tutorial-reset-link:focus-visible{outline:1px solid var(--color-secondary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.tutorial-picker-backdrop,.tutorial-picker{animation:none}}@media (width<=720px){.tutorial-picker-backdrop{padding:calc(12px + var(--safe-top,0px)) 12px calc(12px + var(--safe-bottom,0px))}.tutorial-picker{flex-direction:column;width:100%;height:auto;max-height:100%}.tutorial-picker-sidebar{-webkit-overflow-scrolling:touch;border-right:none;border-bottom:1px solid var(--color-border);flex-direction:row;gap:4px;width:100%;padding:8px;overflow-x:auto}.tutorial-picker-sidebar-title{display:none}.tutorial-picker-nav-item{white-space:nowrap;border-bottom:2px solid #0000;border-left:none;flex:none;padding:10px 14px}.tutorial-picker-nav-item.active{border-left-color:#0000;border-bottom-color:var(--color-secondary)}.tutorial-picker-content{padding:16px 18px 20px}.tutorial-picker-start{text-align:center;align-self:stretch;padding:12px 20px}.tutorial-reset-link{align-self:flex-end;margin-top:10px;position:static}}.zoom-hint-toast-stack{z-index:9999;pointer-events:none;gap:8px;display:flex;position:fixed}.zoom-hint-toast{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-left:2px solid var(--color-primary-structure);max-width:320px;color:var(--color-secondary);pointer-events:auto;border-radius:2px;align-items:flex-start;gap:10px;padding:10px 14px;font-family:"RuneScape Plain 12",sans-serif;font-size:13px;line-height:1.5;display:flex;box-shadow:0 8px 24px #0009}.zoom-hint-toast__text{flex-direction:column;flex:auto;gap:6px;min-width:0;display:flex}.zoom-hint-toast__emph{color:var(--color-text-body);font-family:"RuneScape Bold 12",sans-serif}.zoom-hint-toast__opt-out{cursor:pointer;color:var(--color-text-muted);text-align:left;background:0 0;border:0;padding:0;font-family:"RuneScape Plain 12",sans-serif;font-size:11px;text-decoration:none;transition:color .15s}.zoom-hint-toast__opt-out:hover{color:var(--color-secondary);text-decoration:underline}.zoom-hint-toast__close{cursor:pointer;width:20px;height:20px;color:var(--color-text-muted);text-align:center;text-shadow:1px 1px #000;background:0 0;border:0;flex:none;margin:-2px -4px 0 0;padding:0;font-family:"RuneScape Bold 12",sans-serif;font-size:14px;line-height:20px;transition:color .15s}.zoom-hint-toast__close:hover{color:var(--color-secondary)}.zoom-hint-toast__close:focus-visible{outline:1px solid var(--color-primary);outline-offset:2px}.zoom-hint-toast--enter{animation:.16s ease-out both zoomHintToastInRight}.zoom-hint-toast--exit{animation:.16s ease-in both zoomHintToastOutRight}.zoom-hint-toast-stack--left .zoom-hint-toast--enter{animation-name:zoomHintToastInLeft}.zoom-hint-toast-stack--left .zoom-hint-toast--exit{animation-name:zoomHintToastOutLeft}@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{background-color:#d4a54a14;border-color:#d4a54a59;box-shadow:0 0 4px #d4a54a26}50%{border-color:var(--color-primary);background-color:#d4a54a33;box-shadow:0 0 10px #d4a54a66,0 0 20px #d4a54a26}}@media (prefers-reduced-motion:reduce){.zoom-hint-toast--enter,.zoom-hint-toast--exit,.shortcut-hint-glow{animation: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;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--glass-panel:var(--color-bg);--glass-border:1px solid var(--color-border);--glass-blur:none;--color-primary:#d4a54a;--color-primary-hover:#dfc06a;--color-primary-structure:#5d5245;--color-secondary:#c8aa6e;--color-bg:#1e1812f5;--color-bg-solid:#1e1812;--color-bg-elevated:#241d16;--color-surface:#14100c;--color-surface-inset:#0a0805;--color-surface-hover:#363229;--color-surface-highlight:#ffffff0d;--color-border:#383023;--color-text-body:#d2bea0;--color-text-muted:#8a7a5c;--color-text-dim:#5a4d3e;--color-error:#d46a60;--color-success:#6dba6d;--color-warning:#d4a848;--color-info:#6898c0;--shadow-sm:0 2px 4px #0006;--shadow-md:0 8px 16px #00000080;--shadow-lg:0 16px 32px #0009;--shadow-glow:0 0 10px #d4a54a1a;--hud-bg:#1e1812e0;--hud-border:#38302340;--color-surface-translucent:#14100ceb;--color-border-translucent:#38302380;--infobox-tint:#0f0c08bf;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}:focus{outline:none}:focus-visible{outline:1px solid var(--color-primary-structure);outline-offset:2px}::-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)}body{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;background:var(--color-surface-inset);width:100vw;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}#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}