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{top:var(--top-inset,0px);z-index:0;background:#050508;transition:top .3s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:0;left:0;right:0;overflow:hidden}.game-viewport-frame--fixed{box-shadow:0 0 0 1px #000000e6,  0 0 0 2px var(--color-primary-structure),  0 28px 72px -28px #000c}.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-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) + var(--top-inset,0px));left:var(--safe-left,0px);z-index:71;flex-direction:column;gap:8px;transition:top .3s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed}.sidebar-nav--tutorial-elevated{z-index:1201}.driver-active .sidebar-nav--tutorial-elevated .tutorials-button-anchor,.driver-active .sidebar-nav--tutorial-elevated .tutorials-button-anchor *{pointer-events:auto}.driver-active .sidebar-nav--tutorial-elevated>button:not(.driver-active-element){opacity:.3}.sidebar-nav.right-nav{left:auto;right:var(--safe-right,0px)}.sidebar-nav.right-nav .controls-toggle-open{border-left:1px solid var(--color-border);border-right:none;border-radius:2px 0 0 2px;box-shadow:-2px 2px 4px #0000004d}.sidebar-nav.right-nav .controls-toggle-open:hover{border-left-color:var(--color-primary-structure)}@media (width<=720px){.app-container:not(.has-fixed-layout) .sidebar-nav{top:calc(8px + var(--safe-top,0px) + var(--top-inset,0px));gap:6px}.app-container:not(.has-fixed-layout) .sidebar-nav .controls-toggle-open{min-width:64px;padding:10px 12px;font-size:13px}}.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);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);font-family:"RuneScape Plain 12",sans-serif;font-size:13px}.loading-error{color:var(--color-error);text-shadow:1px 1px #000;margin-top:16px;font-family:"RuneScape Bold 12",sans-serif}.loading-retry-button{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-secondary);cursor:pointer;text-shadow:1px 1px #000;border-radius:2px;margin:16px auto 0;padding:8px 24px;font-family:"RuneScape Bold 12",sans-serif;font-size:14px;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;display:block;box-shadow:inset 0 1px #ffffff08}.loading-retry-button:hover{background:var(--color-surface-hover);color:var(--color-text-body);border-color:var(--color-primary-structure)}.loading-retry-button:active{background:var(--color-surface-inset);box-shadow:inset 0 2px 3px #0006}.loading-tip-container{opacity:1;justify-content:center;align-items:flex-start;max-width:100%;min-height:96px;margin-top:48px;padding:0 16px;transition:opacity .6s ease-in-out,filter .6s ease-in-out;display:flex}.loading-tip-container.hidden{opacity:0;filter:blur(2px)}.loading-tip-content{text-align:left;line-height:1.6}.loading-tip-prefix{color:var(--color-secondary);font-family:"RuneScape Bold 12",sans-serif}.loading-tip-text{color:var(--color-text-muted);text-shadow:1px 1px #000;font-family:"RuneScape Plain 12",sans-serif}.loading-tip-text .kbd{padding:1px 5px;font-family:"RuneScape Plain 12",sans-serif;font-size:13px}@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{top:calc(16px + var(--top-inset,0px));z-index:99999;font-family:"RuneScape Bold 12",sans-serif;transition:right .3s cubic-bezier(.2,.8,.2,1),top .3s cubic-bezier(.2,.8,.2,1);position:absolute;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) + var(--top-inset,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;opacity:0;background:radial-gradient(60% 54% at 50% 42%,#0a070400 20%,#0a07045c 58%,#0705039e 100%),#080604d6;padding-block:clamp(20px,5vh,56px);transition:padding .3s cubic-bezier(.2,.8,.2,1);animation:1.8s cubic-bezier(.4,0,.2,1) forwards death-overlay-in;display:flex;position:absolute;inset:0;overflow:hidden auto}@keyframes death-overlay-in{0%{opacity:0}to{opacity:1}}.death-modal-content-wrapper{text-align:center;flex-direction:column;flex:none;align-items:center;width:100%;max-width:560px;margin:auto;display:flex}.death-modal-eyebrow{letter-spacing:6px;text-transform:uppercase;color:var(--color-text-muted);text-shadow:0 1px 2px #000c;opacity:0;margin-bottom:13px;font-family:"RuneScape Bold 12",sans-serif;font-size:14px;animation:.8s cubic-bezier(.16,1,.3,1) .4s forwards death-fade-rise}.death-modal-heading{letter-spacing:2px;text-transform:uppercase;color:var(--color-error);text-shadow:0 2px 4px #000000e6, 0 0 16px var(--color-error);opacity:0;margin:0 0 13px;font-family:"RuneScape Bold 12",sans-serif;font-size:clamp(3.25rem,7vw,5rem);font-weight:400;line-height:1.04;animation:1s cubic-bezier(.16,1,.3,1) .6s forwards death-hero-in}.death-modal-emblem{opacity:0;justify-content:center;align-items:center;gap:12px;margin-bottom:13px;animation:.8s cubic-bezier(.16,1,.3,1) .9s forwards death-emblem-in;display:flex}.death-modal-emblem-line{width:clamp(48px,9vw,72px);height:1px;animation:.8s cubic-bezier(.16,1,.3,1) .9s forwards death-line-in;transform:scaleX(0)}.death-modal-emblem-line--l{background:linear-gradient(90deg, transparent, var(--color-error));transform-origin:100%}.death-modal-emblem-line--r{background:linear-gradient(90deg, var(--color-error), transparent);transform-origin:0}.death-modal-emblem-diamond{background:var(--color-error);width:6px;height:6px;box-shadow:0 0 8px var(--color-error);flex:none;animation:.8s cubic-bezier(.16,1,.3,1) .9s forwards death-diamond-in;transform:rotate(45deg)scale(0)}.death-modal-reason{letter-spacing:3px;text-transform:uppercase;color:var(--color-secondary);text-shadow:0 1px 2px #000c;opacity:0;margin:0 0 36px;font-family:"RuneScape Bold 12",sans-serif;font-size:15px;animation:.8s cubic-bezier(.16,1,.3,1) 1.1s forwards death-fade-rise}.death-modal-damage-section{background:var(--color-surface-translucent);border:1px solid var(--color-border);border-radius:var(--modal-radius);opacity:0;width:100%;max-width:400px;margin-bottom:32px;padding:12px 14px 14px;animation:.8s cubic-bezier(.16,1,.3,1) 1.4s forwards death-fade-rise;box-shadow:0 12px 40px #00000080}.death-modal-damage-header{color:var(--color-text-muted);letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid var(--color-border);margin:0 0 8px;padding-bottom:6px;font-family:"RuneScape 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:color-mix(in srgb, var(--color-error) 8%, transparent)}.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{opacity:0;flex-direction:column;align-items:center;gap:12px;animation:.8s cubic-bezier(.16,1,.3,1) 1.7s forwards death-fade-rise;display:flex}.death-modal-button-row{gap:8px;display:flex}.death-modal-hint{color:var(--color-text-dim);margin:0;font-family:"RuneScape Plain 12",sans-serif;font-size:13px}.death-modal-hint kbd{color:var(--color-text-muted);font-family:"RuneScape Bold 12",sans-serif}@keyframes death-fade-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes death-hero-in{0%{opacity:0;text-shadow:0 2px 4px #000000e6, 0 0 34px var(--color-error);transform:translateY(10px)scale(.98)}to{opacity:1;text-shadow:0 2px 4px #000000e6, 0 0 16px var(--color-error);transform:translateY(0)scale(1)}}@keyframes death-emblem-in{0%{opacity:0}to{opacity:1}}@keyframes death-line-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes death-diamond-in{0%{transform:rotate(45deg)scale(0)}to{transform:rotate(45deg)scale(1)}}@media (prefers-reduced-motion:reduce){.death-modal-overlay{opacity:1;animation-duration:.01ms}.death-modal-eyebrow,.death-modal-heading,.death-modal-reason,.death-modal-damage-section,.death-modal-actions{animation:.4s ease-out forwards death-reduced-fade;transform:none}.death-modal-emblem{animation:.4s ease-out forwards death-reduced-fade}.death-modal-emblem-line{animation:none;transform:scaleX(1)}.death-modal-emblem-diamond{animation:none;transform:rotate(45deg)scale(1)}@keyframes death-reduced-fade{0%{opacity:0}to{opacity:1}}}@media (width<=720px){.death-modal-content-wrapper{max-width:520px}.death-modal-heading{font-size:clamp(2.5rem,12vw,4rem)}.death-modal-eyebrow{letter-spacing:4px;text-shadow:none;font-size:13px}.death-modal-reason{margin-bottom:24px;font-size:14px}.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{padding:8px 16px;font-size:14px}.osrs-btn--primary{background-color:var(--primary-dim,#d4a54a0f);border-color:var(--color-secondary);color:var(--color-primary);padding:8px 16px;font-size:14px;box-shadow:inset 0 1px #ffdc8c0a}.osrs-btn--primary:hover:not(:disabled){background-color:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary-hover);box-shadow:inset 0 1px #ffdc8c0f}.osrs-btn--primary:active:not(:disabled){background-color:var(--color-surface-inset);box-shadow:inset 0 2px 3px #0006}.osrs-btn--small{padding:2px 6px;font-size:11px}.osrs-btn--danger{color:var(--color-error);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,.osrs-checkbox[aria-checked=true]:hover:not(:disabled) .osrs-checkbox__box{border-color:var(--color-primary)}.osrs-checkbox__mark{border:solid var(--color-primary);border-width:0 2px 2px 0;width:4px;height:9px;margin-top:-2px;display:block;transform:rotate(45deg)}.osrs-checkbox__label{color:var(--color-secondary);text-shadow:1px 1px #000;font-family:"RuneScape Bold 12",sans-serif;font-size:14px;line-height:1;transition:color .15s}.osrs-checkbox:hover:not(:disabled) .osrs-checkbox__label{color:var(--color-text-body)}.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:14px;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:14px;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:1px 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-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-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;display:flex;position:fixed;inset:0}.encounter-panel-backdrop{background:var(--modal-backdrop);cursor:default;border:none;position:absolute;inset:0}.encounter-panel-card{background:var(--color-bg-solid);border:1px solid var(--modal-card-border);width:min(560px,95vw);max-height:min(88vh,800px);box-shadow:var(--modal-card-shadow);border-radius:var(--modal-radius);flex-direction:column;animation:.2s cubic-bezier(.2,.8,.2,1) encounter-card-in;display:flex;position:relative;overflow:hidden}@keyframes encounter-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.encounter-panel-header{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 16px;display:flex}.encounter-panel-header-info{flex-direction:column;gap:6px;min-width:0;display:flex}.encounter-panel-header h2{color:var(--color-secondary);text-shadow:1px 1px #000;white-space:nowrap;margin:0;font-family:"RuneScape Bold 12",sans-serif;font-size:20px;font-weight:400}.encounter-panel-header-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.encounter-badge{text-transform:uppercase;letter-spacing:.08em;border:1px solid;padding:2px 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:"RuneScape Bold 12",sans-serif}.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-border);background:var(--color-bg-elevated);flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px;display:flex}.encounter-start-btn{min-width:176px}.equip-grid{grid-template-rows:repeat(5,auto);grid-template-columns:repeat(3,auto);justify-items:center;gap:2px;display:grid}.equip-slot{background:var(--color-surface-inset);border:1px solid #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:center;padding:5vh 16px;font-family:"RuneScape Bold 12",sans-serif;display:flex;position:fixed;inset:0}.picker-overlay,.picker-overlay *{box-sizing:border-box}.picker-backdrop{background:var(--modal-backdrop);position:absolute;inset:0}.picker{background:var(--color-bg-solid);border:1px solid var(--modal-card-border);width:780px;max-width:94vw;height:524px;max-height:88vh;box-shadow:var(--modal-card-shadow);border-radius:var(--modal-radius);grid-template-columns:248px 1fr;animation:.2s cubic-bezier(.16,1,.3,1) picker-card-in;display:grid;position:relative;overflow:hidden}@keyframes picker-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.picker{animation:none}}.picker-rail{border-right:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;min-height:0;display:flex}.picker-rail-head{padding:14px 14px 11px}.picker-rail-head h2{color:var(--color-secondary);margin:0 0 11px;font-size:18px;font-weight:400}.picker-search{position:relative}.picker-search svg{width:13px;height:13px;color:var(--color-text-muted);position:absolute;top:50%;left:9px;transform:translateY(-50%)}.picker-search input{background:var(--color-surface-inset);border:1px solid var(--color-border);width:100%;color:var(--color-text-body);border-radius:2px;outline:none;padding:7px 10px 7px 29px;font-family:"RuneScape Plain 12",sans-serif;font-size:13px;transition:border-color .15s}.picker-search input::placeholder{color:var(--color-text-muted)}.picker-search input:focus{border-color:var(--color-primary)}.picker-rail-scroll{flex:1;padding:4px 8px 8px;overflow-y:auto}.picker-rail-section{letter-spacing:1px;text-transform:uppercase;color:var(--color-text-muted);padding:12px 6px 6px;font-size:11px}.picker-rail-section:first-child{padding-top:6px}.picker-boss{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;align-items:center;gap:11px;width:100%;margin-bottom:3px;padding:9px;font-family:inherit;transition:background .15s,border-color .15s;display:flex}.picker-boss:hover{background:var(--color-surface-hover);border-color:var(--color-primary-structure)}.picker-boss.active,.picker-boss.active:hover{background:var(--color-surface-inset);border-color:var(--color-primary)}.picker-boss.soon{opacity:.62;cursor:default}.picker-boss.soon:hover{background:0 0;border-color:#0000}.picker-boss-pic{background:var(--color-surface-inset);border:1px solid var(--color-border);border-radius:2px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid;overflow:hidden}.picker-boss-pic img{width:100%;height:100%}.picker-boss-pic--contain img{object-fit:contain;width:30px;height:30px}.picker-boss-pic--cover img{object-fit:cover;object-position:center;filter:saturate(.9)}.picker-boss-pic--empty{color:var(--color-text-muted);font-size:16px}.picker-boss-meta{flex-direction:column;min-width:0;display:flex}.picker-boss-name{color:var(--color-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.picker-boss.active .picker-boss-name{color:var(--color-primary)}.picker-boss-sub{color:color-mix(in srgb, var(--color-text-muted) 42%, var(--color-text-body));white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-family:"RuneScape Plain 12",sans-serif;font-size:12px;overflow:hidden}.picker-rail-foot{border-top:1px solid var(--color-border);padding:8px}.picker-lobby-link{width:100%;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:2px;align-items:center;gap:8px;padding:8px;font-family:"RuneScape Bold 12",sans-serif;font-size:12px;transition:background .15s,color .15s;display:flex}.picker-lobby-link:hover{background:var(--color-surface-hover);color:var(--color-text-body)}.picker-detail{background:radial-gradient(440px 320px at 95% 0%, #3a251580 0%, transparent 60%), var(--color-bg-solid);flex-direction:column;min-height:0;display:flex;position:relative}.picker-close{width:26px;height:26px;color:var(--color-text-muted);cursor:pointer;z-index:5;text-shadow:0 1px 3px #000000d9;background:0 0;border:none;border-radius:2px;place-items:center;font-size:19px;line-height:1;transition:background .15s,color .15s;display:grid;position:absolute;top:10px;right:11px}.picker-close:hover{color:var(--color-text-body);background:var(--color-surface-hover)}.picker-hero{border-bottom:1px solid var(--color-border);min-height:164px;padding:22px 22px 16px}.picker-hero-art{pointer-events:none;z-index:0;opacity:.96;width:178px;height:178px;position:absolute;top:6px;right:8px;-webkit-mask-image:radial-gradient(circle at 52% 47%,#000 60%,#0000 80%);mask-image:radial-gradient(circle at 52% 47%,#000 60%,#0000 80%)}.picker-hero-art img{object-fit:contain;filter:drop-shadow(0 8px 18px #0000008c);width:100%;height:100%}.picker-hero-text{z-index:1;max-width:58%;position:relative}.picker-hero-text h1{color:var(--color-secondary);text-shadow:1px 1px #000;margin:0;font-size:27px;font-weight:400;line-height:1.05}.picker-hero-tag{letter-spacing:1.3px;text-transform:uppercase;color:var(--color-warning);margin-top:7px;font-family:"RuneScape Bold 12",sans-serif;font-size:11px;display:block}.picker-hero-text p{color:var(--color-text-body);margin:11px 0 0;font-family:"RuneScape Plain 12",sans-serif;font-size:13px;line-height:1.5}.picker-hero-actions{gap:8px;margin-top:13px;display:flex}.picker-contracts{flex:1;padding:8px 14px 12px;overflow-y:auto}.picker-cg-label{letter-spacing:1px;text-transform:uppercase;color:var(--color-text-muted);padding:15px 6px 7px;font-family:"RuneScape Bold 12",sans-serif;font-size:11px}.picker-contract{cursor:pointer;border:1px solid #0000;border-radius:2px;align-items:center;gap:12px;padding:10px 11px;transition:background .15s,border-color .15s;display:flex}.picker-contract:hover,.picker-contract.selected{background:var(--color-surface-hover);border-color:var(--color-primary-structure)}.picker-contract.soon{opacity:.55;cursor:default}.picker-contract.soon:hover{background:0 0;border-color:#0000}.picker-contract-icon{background:var(--color-surface-inset);border:1px solid var(--color-border);width:30px;height:30px;color:var(--color-text-muted);border-radius:2px;flex:0 0 30px;place-items:center;display:grid;overflow:hidden}.picker-contract-icon img{object-fit:contain;width:23px;height:23px}.picker-contract-icon svg{width:22px;height:22px}.picker-contract-body{flex-direction:column;flex:1;min-width:0;display:flex}.picker-contract-name{color:var(--color-secondary);font-size:14px}.picker-contract-effect{color:var(--color-text-muted);margin-top:3px;font-family:"RuneScape Plain 12",sans-serif;font-size:12px;line-height:1.45}.picker-contract-actions{flex:none;gap:7px;display:flex}.picker-btn{cursor:pointer;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-secondary);text-shadow:1px 1px #000;border-radius:2px;padding:6px 12px;font-family:"RuneScape Bold 12",sans-serif;font-size:11px;transition:background .15s,border-color .15s,color .15s}.picker-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary-structure);color:var(--color-primary)}.picker-btn.primary{background:var(--primary-dim);border-color:var(--color-secondary);color:var(--color-primary)}.picker-btn.primary:hover{border-color:var(--color-primary);color:var(--color-primary-hover)}.picker-btn--train{border-color:var(--color-border);color:var(--color-text-muted);background:0 0;align-items:center;gap:6px;display:inline-flex}.picker-btn--train:hover{background:color-mix(in srgb, var(--color-secondary) 8%, var(--color-surface-hover));border-color:var(--color-secondary);color:var(--color-secondary)}.picker-btn--train svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:square;stroke-linejoin:miter;flex-shrink:0;width:12px;height:12px}.picker-badge{color:var(--color-text-dim);background:var(--color-surface-inset);border:1px solid var(--color-border);letter-spacing:.5px;border-radius:2px;flex:none;padding:3px 8px;font-family:"RuneScape Bold 12",sans-serif;font-size:10px}.picker-empty{text-align:center;color:var(--color-text-muted);padding:28px 18px;font-family:"RuneScape Plain 12",sans-serif;font-size:13px}@media (width<=720px){.picker-overlay{padding:calc(8px + var(--safe-top,0px)) 8px calc(8px + var(--safe-bottom,0px));align-items:stretch}.picker{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;width:100%;max-width:100%;height:100%;max-height:100%}.picker-rail{border-right:none;border-bottom:1px solid var(--color-border)}.picker-rail-scroll{max-height:30vh}.picker-hero-art{width:150px;height:150px}.picker-hero-text{max-width:64%}.picker-btn{padding:9px 14px;font-size:12px}}.encounter-title-card-overlay{pointer-events:none;z-index:40;box-sizing:border-box;justify-content:center;align-items:flex-start;padding-top:clamp(54px,16vh,184px);display:flex;position:absolute;inset:0}.encounter-title-card-vignette{opacity:0;background:radial-gradient(60% 54% at 50% 38%,#0a070400 26%,#0a070447 62%,#07050380 100%);animation:3.6s cubic-bezier(.4,0,.2,1) forwards encounter-title-vignette;position:absolute;inset:0}.encounter-title-card{text-align:center;flex-direction:column;align-items:center;gap:13px;max-width:min(80%,760px);display:flex;position:relative}.encounter-title-card-eyebrow{letter-spacing:6px;text-transform:uppercase;color:var(--color-text-muted);text-shadow:0 1px 2px #000c;opacity:0;font-family:"RuneScape Bold 12",sans-serif;font-size:14px;animation:2.8s cubic-bezier(.16,1,.3,1) forwards encounter-title-eyebrow}.encounter-title-card-text{letter-spacing:2px;text-transform:uppercase;color:var(--color-primary);text-shadow:0 2px 4px #000000e6, 0 0 22px var(--color-primary);opacity:0;font-family:"RuneScape Bold 12",sans-serif;font-size:clamp(35px,5.1vw,52px);line-height:1.04;animation:2.8s cubic-bezier(.16,1,.3,1) forwards encounter-title-name}.encounter-title-card-emblem{opacity:0;justify-content:center;align-items:center;gap:12px;animation:2.8s cubic-bezier(.16,1,.3,1) forwards encounter-title-emblem;display:flex}.encounter-title-card-emblem-line{width:clamp(48px,9vw,72px);height:1px;animation:2.8s cubic-bezier(.16,1,.3,1) forwards encounter-title-line;transform:scaleX(0)}.encounter-title-card-emblem-line--l{background:linear-gradient(90deg, transparent, var(--color-primary));transform-origin:100%}.encounter-title-card-emblem-line--r{background:linear-gradient(90deg, var(--color-primary), transparent);transform-origin:0}.encounter-title-card-emblem-diamond{background:var(--color-primary);width:6px;height:6px;box-shadow:0 0 8px var(--color-primary);flex:none;animation:2.8s cubic-bezier(.16,1,.3,1) forwards encounter-title-diamond;transform:rotate(45deg)scale(0)}.encounter-title-card-sub{letter-spacing:3px;text-transform:uppercase;color:var(--color-secondary);text-shadow:0 1px 2px #000c;opacity:0;font-family:"RuneScape Bold 12",sans-serif;font-size:15px;animation:2.8s cubic-bezier(.16,1,.3,1) forwards encounter-title-sub}@keyframes encounter-title-vignette{0%{opacity:0}18%{opacity:1}64%{opacity:1}to{opacity:0}}@keyframes encounter-title-eyebrow{0%{opacity:0;transform:translateY(10px)}11%{opacity:1;transform:translateY(0)}84%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@keyframes encounter-title-name{0%{opacity:0;transform:translateY(16px)scale(.96)}16%{opacity:1;transform:translateY(0)scale(1)}84%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-8px)scale(1.02)}}@keyframes encounter-title-emblem{0%{opacity:0}20%{opacity:0}30%{opacity:1}85%{opacity:1}to{opacity:0}}@keyframes encounter-title-line{0%{transform:scaleX(0)}22%{transform:scaleX(0)}34%{transform:scaleX(1)}to{transform:scaleX(1)}}@keyframes encounter-title-diamond{0%{transform:rotate(45deg)scale(0)}24%{transform:rotate(45deg)scale(0)}36%{transform:rotate(45deg)scale(1)}to{transform:rotate(45deg)scale(1)}}@keyframes encounter-title-sub{0%{opacity:0;transform:translateY(10px)}28%{opacity:0;transform:translateY(10px)}38%{opacity:1;transform:translateY(0)}84%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.encounter-title-card-eyebrow,.encounter-title-card-text,.encounter-title-card-emblem,.encounter-title-card-sub{animation:2.6s ease-in-out forwards encounter-title-fade;transform:none}.encounter-title-card-emblem-line{animation:none;transform:scaleX(1)}.encounter-title-card-emblem-diamond{animation:none;transform:rotate(45deg)scale(1)}@keyframes encounter-title-fade{0%{opacity:0}12%{opacity:1}85%{opacity:1}to{opacity:0}}}.hint-bar-anchor{inset-inline:0;pointer-events:none;z-index:25;justify-content:center;display:flex;position:absolute;bottom:12px;container:hint-bar/inline-size}.hint-bar{opacity:0;pointer-events:none;background:var(--color-surface-translucent);border:1px solid var(--color-border-translucent);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:none;-moz-osx-font-smoothing:auto;text-rendering:geometricprecision;will-change:transform, opacity;border-radius:4px;flex-wrap:nowrap;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 16px);padding:7px 12px;font-family:"RuneScape Bold 12",sans-serif;font-size:12px;line-height:1;transition:transform .14s cubic-bezier(.4,0,1,1),opacity .14s cubic-bezier(.4,0,1,1);display:flex;transform:translateY(8px);box-shadow:inset 0 1px #ffffff0a,0 6px 16px #00000073,0 1px 2px #0006}.hint-bar-anchor[data-visible] .hint-bar{opacity:1;transition:transform .18s cubic-bezier(.22,1,.36,1),opacity .18s cubic-bezier(.22,1,.36,1);transform:translateY(0)}.hint-bar__scope{color:var(--color-text-body);letter-spacing:.7px;text-transform:uppercase;opacity:.9;white-space:nowrap;flex-shrink:0;font-size:11px}.hint-bar__chips{flex-wrap:nowrap;align-items:center;gap:10px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.hint-bar__chip{white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.hint-bar__keys{background:var(--color-surface-inset);border:1px solid var(--color-border);color:var(--color-secondary);letter-spacing:.2px;border-radius:3px;flex-shrink:0;padding:2px 6px;font-family:inherit;font-size:11px;display:inline-block;box-shadow:inset 0 1px #ffffff0a}.hint-bar__label{color:var(--color-text-muted);letter-spacing:.2px;font-size:12px}.hint-bar__keys-short,.hint-bar__label-short{display:none}@container hint-bar (width<=839px){.hint-bar{gap:8px;padding:6px 10px}.hint-bar__chips{flex-wrap:wrap;justify-content:center;gap:4px 8px}.hint-bar__scope,.hint-bar__keys-full,.hint-bar__label-full{display:none}.hint-bar__keys-short,.hint-bar__label-short{display:inline}.hint-bar__keys{padding:2px 5px}}@container hint-bar (width<=459px){.hint-bar{flex-direction:column;align-items:stretch;gap:5px;max-width:calc(100% - 10px);padding:5px 8px 6px}.hint-bar__scope{text-align:center;letter-spacing:.6px;border-bottom:1px solid #ffffff0d;padding-bottom:4px;font-size:10px;display:block}.hint-bar__chips{flex-wrap:wrap;justify-content:center;gap:4px 8px}.hint-bar__chip{gap:4px}.hint-bar__keys{padding:1px 4px;font-size:10px}.hint-bar__label{font-size:11px}}@container hint-bar (width<=319px){.hint-bar__label{display:none}.hint-bar__chips{gap:4px 5px}}@media (prefers-reduced-motion:reduce){.hint-bar,.hint-bar-anchor[data-visible] .hint-bar{transition:opacity 60ms linear;transform:none}}.infobox-strip{--infobox-scale:1;place-content:flex-end flex-start;gap:calc(2px * var(--infobox-scale));flex-wrap:wrap-reverse;width:100%;display:flex}.infobox-item{box-sizing:border-box;width:calc(30px * var(--infobox-scale));height:calc(30px * var(--infobox-scale));-webkit-user-select:none;user-select:none;cursor:default;pointer-events:auto;background:var(--hud-bg);border:1px solid var(--hud-border);-webkit-backdrop-filter:blur(8px);border-radius:2px;place-items:center;transition:border-color .2s ease-out,background .2s ease-out;display:grid;overflow:hidden}.infobox-item:hover{border-color:var(--color-border-translucent);background:var(--color-surface-translucent)}.infobox-sprite{width:calc(22px * var(--infobox-scale));height:calc(22px * var(--infobox-scale));pointer-events:none;image-rendering:pixelated;grid-area:1/1}.infobox-text{font-family:"RuneScape Bold 12",sans-serif;font-size:calc(14px * var(--infobox-scale));text-shadow:0 1px 1px #00000080;pointer-events:none;white-space:nowrap;grid-area:1/1;line-height:1}.snap-guide-overlay{pointer-events:none;position:absolute;inset:0}.snap-gap-marker,.snap-edge-tick{pointer-events:none;will-change:opacity, transform;position:absolute}.snap-gap-marker{transform-origin:50%;border-radius:999px}.snap-gap-marker.is-preview{background:color-mix(in srgb, var(--color-primary) 22%, transparent);opacity:.42;animation:.12s cubic-bezier(.22,1,.36,1) both snap-marker-enter}.snap-gap-marker.is-engaged{background:color-mix(in srgb, var(--color-primary) 78%, transparent);opacity:.78;animation:.15s cubic-bezier(.22,1,.36,1) both snap-marker-catch;box-shadow:inset 0 0 0 1px #ffe6a82e}.snap-edge-tick{background:color-mix(in srgb, var(--color-primary) 68%, transparent);opacity:.72;border-radius:1px;animation:.15s cubic-bezier(.22,1,.36,1) both snap-tick-enter}@keyframes snap-marker-enter{0%{opacity:0;transform:scale(.92)}}@keyframes snap-marker-catch{0%{opacity:.48;transform:scale(1.12)}to{opacity:.78;transform:scale(1)}}@keyframes snap-tick-enter{0%{opacity:0;transform:scale(.9)}}@media (prefers-reduced-motion:reduce){.snap-gap-marker,.snap-edge-tick{animation:none;transform:none}}.hud{--hud-label:color-mix(in srgb, var(--color-secondary) 70%, 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;justify-content:center;align-items:center;height:28px;padding:0 12px;font-family:"RuneScape Bold 12",sans-serif;transition:border-color .2s ease-out,background .2s ease-out;display:inline-flex}.hud-pill:hover{border-color:var(--color-border-translucent);background:var(--color-surface-translucent)}.hud-pill:hover .hud-pill-label{color:var(--color-text-body)}.hud-pill:active{transform:scale(.97)}.hud-pill-label{color:var(--color-secondary);letter-spacing:1px;text-transform:uppercase;font-size:12px;transition:color .15s}.hud-head{justify-content:space-between;align-items:center;display:flex}.hud-tick-block{align-items:baseline;gap:8px;display:flex}.hud-header-title{color:var(--hud-accent);letter-spacing:2px;text-transform:uppercase;text-shadow:0 1px 1px #00000080;font-family:"RuneScape Bold 12",sans-serif;font-size:17px;line-height:1}.hud-header-sep{color:var(--color-text-dim);-webkit-user-select:none;user-select:none;font-size:12px;line-height:1}.hud-header-tick{color:var(--hud-accent);font-variant-numeric:tabular-nums;text-shadow:0 1px 1px #00000080;font-family:"RuneScape Bold 12",sans-serif;font-size:15px;line-height:1}.hud-close{color:var(--hud-label);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:12px;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-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.hud-bar-num{color:var(--hud-value);font-variant-numeric:tabular-nums;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{flex-direction:column;gap:3px;display:flex}.hud-stat-row{justify-content:space-between;align-items:center;display:flex}.hud-stat-label{color:var(--hud-label);font-size:12px}.hud-stat-value{color:var(--hud-value);font-variant-numeric:tabular-nums;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:12px}.hud-dps-expected{color:var(--hud-label);font-variant-numeric:tabular-nums;font-size:12px;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;align-items:center;gap:8px;padding:8px 0 7px;transition:border-color .15s;display:flex}.hud-mechanics-header.is-expanded{border-bottom:1px solid var(--hud-border);padding-bottom:8px}.hud-mechanics-chevron{width:12px;color:var(--hud-accent);justify-content:center;align-items:center;font-size:14px;line-height:1;transition:transform .2s;display:inline-flex}.hud-mechanics-chevron.is-expanded{transform:rotate(90deg)}.hud-mechanics-label{text-align:left;color:var(--hud-label);letter-spacing:1.5px;flex:1;font-size:11px;transition:color .15s}.hud-mechanics-header:hover .hud-mechanics-label,.hud-mechanics-header.is-expanded .hud-mechanics-label{color:var(--hud-accent)}.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);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{height:22px;padding:0 14px}.hud-pill-label{font-size:13px}}@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:1px solid var(--modal-card-border);border-radius:var(--modal-radius);width:244px;box-shadow:var(--modal-card-shadow);pointer-events:auto;flex-direction:column;animation:.14s cubic-bezier(.2,.8,.2,1) tile-marker-picker-in;display:flex;position:fixed;overflow:hidden}@keyframes tile-marker-picker-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tile-marker-picker-header{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:8px;padding:7px 12px;display:flex}.tile-marker-picker-heading{flex-direction:column;gap:0;min-width:0;display:flex}.tile-marker-picker-title{color:var(--color-secondary);text-shadow:1px 1px #000;white-space:nowrap;text-overflow:ellipsis;font-family:"RuneScape Bold 12",sans-serif;font-size:14px;line-height:1.15;overflow:hidden}.tile-marker-picker-subtitle{color:var(--color-text-muted);font-family:"RuneScape Plain 12",sans-serif;font-size:11px;line-height:1.15}.tile-marker-picker-identity{flex-shrink:0;align-items:center;gap:6px;display:flex}.tile-marker-picker-current-name{color:var(--color-secondary);white-space:nowrap;font-family:"RuneScape Bold 12",sans-serif;font-size:12px}.tile-marker-picker-current{border:1px solid var(--color-border);border-radius:2px;flex-shrink:0;width:22px;height:22px}.tile-marker-picker-body{flex-direction:column;gap:11px;padding:12px;display:flex}.tile-marker-picker-field{gap:8px;display:flex}.tile-marker-picker-sv{border:1px solid var(--color-border);background:linear-gradient(to bottom, transparent, #000), linear-gradient(to right, #fff, transparent), var(--tile-marker-picker-hue,red);cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none;appearance:none;border-radius:2px;outline:none;flex:1;min-width:0;height:132px;padding:0;display:block;position:relative;overflow:hidden}.tile-marker-picker-sv:hover{border-color:var(--color-primary-structure)}.tile-marker-picker-sv:focus-visible{border-color:var(--color-primary)}.tile-marker-picker-sv-indicator{pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0009}.tile-marker-picker-hue{border:1px solid var(--color-border);cursor:ns-resize;-webkit-user-select:none;user-select:none;touch-action:none;appearance:none;background:linear-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:2px;outline:none;flex-shrink:0;width:16px;height:132px;padding:0;display:block;position:relative;overflow:visible}.tile-marker-picker-hue: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-secondary);pointer-events:none;border:1px solid #101010;border-radius:2px;width:20px;height:6px;position:absolute;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000080}.tile-marker-picker-section{flex-direction:column;gap:7px;display:flex}.tile-marker-picker-section-label{letter-spacing:.5px;text-transform:uppercase;color:var(--color-text-muted);justify-content:space-between;align-items:baseline;font-family:"RuneScape Bold 12",sans-serif;font-size:10px;display:flex}.tile-marker-picker-section-value{letter-spacing:0;text-transform:none;color:var(--color-secondary);font-family:"RuneScape Bold 12",sans-serif;font-size:11px}.tile-marker-picker-swatches{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.tile-marker-swatch{border:1px solid var(--color-border);cursor:pointer;border-radius:2px;width:100%;height:20px;padding:0;transition:border-color .15s,box-shadow .15s}.tile-marker-swatch:hover{border-color:var(--color-primary-structure)}.tile-marker-swatch.selected{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.tile-marker-swatch:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);outline:none}.tile-marker-picker-hex-row{align-items:stretch;gap:8px;display:flex}.tile-marker-picker-hex-input{box-sizing:border-box;background:var(--color-surface-inset);border:1px solid var(--color-border);min-width:0;color:var(--color-secondary);letter-spacing:.5px;text-shadow:1px 1px #000;border-radius:2px;outline:none;flex:1;padding:7px 10px;font-family:"RuneScape Plain 12",sans-serif;font-size:13px;transition:border-color .15s,box-shadow .15s}.tile-marker-picker-hex-input:hover{border-color:var(--color-primary-structure)}.tile-marker-picker-hex-input:focus{border-color:var(--color-primary);outline:none}.tile-marker-picker-hex-preview{border:1px solid var(--color-border);border-radius:2px;flex-shrink:0;width:32px}.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}.tile-marker-picker-range:focus{outline:none}.tile-marker-picker-range::-webkit-slider-runnable-track{background:0 0;border-radius:2px;height:6px}.tile-marker-picker-range::-webkit-slider-thumb{appearance:none;background:var(--color-secondary);cursor:pointer;border:1px solid #101010;border-radius:2px;width:14px;height:14px;margin-top:-5px;transition:all .15s}.tile-marker-picker-range:hover::-webkit-slider-thumb{background:var(--color-primary)}.tile-marker-picker-range::-moz-range-track{background:var(--color-surface-inset);border:1px solid var(--color-border);border-radius:2px;height:6px}.tile-marker-picker-range::-moz-range-thumb{background:var(--color-secondary);cursor:pointer;border:1px solid #101010;border-radius:2px;width:14px;height:14px;transition:all .15s}.tile-marker-picker-range:hover::-moz-range-thumb{background:var(--color-primary)}.tile-marker-picker-footer{background:var(--color-bg-elevated);border-top:1px solid var(--color-border);justify-content:flex-end;gap:8px;padding:9px 12px;display:flex}.tile-marker-picker-footer .osrs-btn{min-width:78px;padding:6px 14px;font-size:13px}.tile-marker-panel{border-bottom:none}.tile-marker-section{flex-direction:column;gap:8px;display:flex}.tile-marker-header{justify-content:space-between;align-items:center;display:flex}.tile-marker-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-family:"RuneScape Bold 12",sans-serif;font-size:13px}.tile-marker-count-badge{color:var(--color-text-muted);border:1px solid var(--color-border-translucent);background:var(--color-surface-translucent);border-radius:8px;padding:1px 6px;font-family:"RuneScape Bold 12",sans-serif;font-size:10px}.tile-marker-panel-list{border:1px solid var(--color-border);background:var(--color-surface);border-radius:2px;flex-direction:column;gap:4px;max-height:140px;padding:6px;display:flex;overflow-y:auto;box-shadow:inset 0 1px #ffffff05}.tile-marker-panel-list::-webkit-scrollbar{width:8px}.tile-marker-panel-list::-webkit-scrollbar-track{background:var(--color-surface-inset)}.tile-marker-panel-list::-webkit-scrollbar-thumb{background:var(--color-primary-structure);border:1px solid #101010}.tile-marker-panel-list::-webkit-scrollbar-thumb:hover{background:var(--color-surface-hover)}.tile-marker-panel-empty{color:var(--color-text-muted);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);border:1px solid #0000;border-radius:2px;justify-content:space-between;align-items:center;gap:8px;padding:4px 6px;font-family:"RuneScape Bold 12",sans-serif;font-size:12px;transition:background .15s,border-color .15s;display:flex}.tile-marker-panel-item:hover{border-color:var(--color-border-translucent);background:#ffffff0a}.tile-marker-panel-item-info{flex:1;align-items:center;gap:6px;min-width:0;display:inline-flex}.tile-marker-panel-item-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tile-marker-panel-item-swatch{border:1px solid var(--color-primary-structure);border-radius:2px;width:12px;height:12px;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff1f}.tile-marker-panel-remove-btn{width:16px;height:16px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;transition:all .15s;display:flex}.tile-marker-panel-remove-btn:hover{color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, transparent)}.tile-marker-panel-clear-btn{color:var(--color-secondary);text-align:center;background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:2px;flex:1;padding:4px 8px;font-family:"RuneScape Bold 12",sans-serif;font-size:11px;transition:all .15s;box-shadow:inset 0 1px #ffffff05}.tile-marker-panel-clear-btn:hover:not(:disabled){background:var(--color-bg-solid);border-color:var(--color-primary-structure);color:var(--color-primary)}.tile-marker-panel-clear-btn:active:not(:disabled){background:var(--color-surface-inset)}.tile-marker-label-backdrop{z-index:100100;pointer-events:none;position:fixed;inset:0}.tile-marker-label-editor{background:var(--color-bg-solid);border:1px solid var(--modal-card-border);border-radius:var(--modal-radius);width:244px;box-shadow:var(--modal-card-shadow);pointer-events:auto;-webkit-user-select:none;user-select:none;flex-direction:column;animation:.14s cubic-bezier(.2,.8,.2,1) tile-marker-label-in;display:flex;position:fixed;overflow:hidden}@keyframes tile-marker-label-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tile-marker-label-header{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:baseline;gap:8px;padding:7px 12px;display:flex}.tile-marker-label-title{color:var(--color-secondary);text-shadow:1px 1px #000;white-space:nowrap;font-family:"RuneScape Bold 12",sans-serif;font-size:14px;line-height:1.15}.tile-marker-label-subtitle{color:var(--color-text-muted);white-space:nowrap;font-family:"RuneScape Plain 12",sans-serif;font-size:11px;line-height:1.15}.tile-marker-label-body{flex-direction:column;gap:9px;padding:12px;display:flex}.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:7px 10px;font-family:"RuneScape Plain 12",sans-serif;font-size:13px;transition:border-color .15s}.tile-marker-label-input::placeholder{color:var(--color-text-muted)}.tile-marker-label-input:hover{border-color:var(--color-primary-structure)}.tile-marker-label-input:focus{border-color:var(--color-primary);outline:none}.tile-marker-label-clear{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-family:"RuneScape Bold 12",sans-serif;font-size:11px;transition:color .15s}.tile-marker-label-clear:hover{color:var(--color-secondary)}.tile-marker-label-footer{background:var(--color-bg-elevated);border-top:1px solid var(--color-border);justify-content:flex-end;gap:8px;padding:9px 12px;display:flex}.tile-marker-label-footer .osrs-btn{min-width:78px;padding:6px 14px;font-size:13px}.hw-accel-warning{box-sizing:border-box;background-color:var(--color-surface);border:1px solid var(--color-border);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:color-mix(in srgb, var(--color-error) 45%, transparent)}.hw-accel-warning.status-no-webgl2 .hw-accel-icon,.hw-accel-warning.status-no-webgl2 .hw-accel-title{color:var(--color-error)}.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%{box-shadow:inset 0 0 8px #000c, 0 0 4px color-mix(in srgb, var(--color-primary) 5%, transparent);border-color:var(--color-border)}to{box-shadow:inset 0 0 8px #000c, 0 0 14px color-mix(in srgb, var(--color-primary) 35%, transparent);border-color:var(--color-primary-structure)}}@keyframes hw-accel-pulse-critical{0%{box-shadow:inset 0 0 8px #000c, 0 0 4px color-mix(in srgb, var(--color-error) 5%, transparent);border-color:color-mix(in srgb, var(--color-error) 30%, transparent)}to{box-shadow:inset 0 0 8px #000c, 0 0 18px color-mix(in srgb, var(--color-error) 45%, transparent);border-color:color-mix(in srgb, var(--color-error) 60%, transparent)}}.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{text-shadow:1px 1px #000;margin:0;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;line-height:1.2}.hw-accel-desc{color:var(--color-secondary);text-shadow:1px 1px #000;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:color-mix(in srgb, var(--color-secondary) 8%, transparent)}.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:color-mix(in srgb, var(--color-error) 45%, transparent)}.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:var(--color-error)}.hw-accel-strip-text{color:var(--color-text-muted);font-size:14px}.shortcuts-modal-overlay{background:var(--modal-backdrop);z-index:2000;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.shortcuts-modal-card{background:var(--color-bg-solid);border:1px solid var(--modal-card-border);box-shadow:var(--modal-card-shadow);border-radius:var(--modal-radius);width:min(500px,90vw);max-height: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}@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-secondary);text-shadow:1px 1px #000;margin:0;font-size:20px;font-weight:400}.shortcuts-modal-close{color:var(--color-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:6px;line-height:0;transition:color .15s;display:flex}.shortcuts-modal-close:hover{color:var(--color-text-body)}.shortcuts-modal-content{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-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);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);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{top:var(--top-inset,0px);width:320px;height:calc(100% - var(--top-inset,0px));z-index:70;will-change:transform;background:var(--color-bg-solid);border-left:1px solid var(--color-border);flex-direction:column;font-family:"RuneScape Bold 12",sans-serif;transition:transform .3s cubic-bezier(.2,.8,.2,1),top .3s cubic-bezier(.2,.8,.2,1),height .3s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;right:0;overflow:hidden;transform:translate(100%);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);font-size:12px}@media (width<=720px){.app-container:not(.has-fixed-layout) .plugins-overlay{border-left:none;width:100vw;max-width:100vw;box-shadow:0 0 48px #0009}.app-container:not(.has-fixed-layout) .plugins-content{padding:10px 10px calc(16px + var(--safe-bottom,0px));-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.app-container:not(.has-fixed-layout) .plugin-header{padding:12px 10px}.app-container:not(.has-fixed-layout) .tile-preset-item{padding:10px 8px}.app-container:not(.has-fixed-layout) .tile-preset-item-link,.app-container:not(.has-fixed-layout) .tile-preset-export-btn{padding:4px 8px;font-size:11px}.app-container:not(.has-fixed-layout) .ti-swatch{width:22px;height:22px}}.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:"RuneScape Bold 12",sans-serif}.slider-control{flex-direction:column;gap:6px;padding:8px 0;display:flex}.slider-label{justify-content:space-between;font-family:"RuneScape Bold 12",sans-serif;font-size:13px;display:flex}.slider-label-text{color:var(--color-text-muted)}.slider-label-value{color:var(--color-secondary)}.slider-input{appearance:none;background:var(--color-surface-inset);cursor:pointer;border:1px solid var(--color-border);border-radius:2px;outline:none;width:100%;height:6px}.slider-input::-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{background:color-mix(in srgb, var(--color-primary) 7%, transparent);border:1px solid color-mix(in srgb, var(--color-primary) 35%, transparent);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{top:var(--top-inset,0px);width:320px;height:calc(100% - var(--top-inset,0px));z-index:70;will-change:transform;background:var(--color-bg-solid);border-right:1px solid var(--color-border);flex-direction:column;transition:transform .3s cubic-bezier(.2,.8,.2,1),top .3s cubic-bezier(.2,.8,.2,1),height .3s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;left:0;overflow:hidden;transform:translate(-100%);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-header-left{align-items:center;gap:10px;min-width:0;display:flex}.panel-header-icons{align-items:center;gap:4px;display:flex}.panel-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.panel-title-stack{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.panel-title{color:var(--color-secondary);text-shadow:1px 1px #000;margin:0;font-family:"RuneScape Bold 12",sans-serif;font-size:20px;font-weight:400}.panel-mode-badge{letter-spacing:1.2px;text-transform:uppercase;color:var(--color-secondary);background:color-mix(in srgb, var(--color-primary) 8%, transparent);border:1px solid color-mix(in srgb, var(--color-primary) 20%, transparent);cursor:help;white-space:nowrap;border-radius:2px;padding:2px 6px;font-family:"RuneScape Bold 12",sans-serif;font-size:9px}.panel-close-button{color:var(--color-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;line-height:0;transition:color .2s;display:flex}.panel-close-button:hover{color:var(--color-text-body)}.panel-header-action{color:var(--color-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;line-height:0;transition:color .2s;display:flex}.panel-header-action:hover{color:var(--color-text-body)}.controls-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)}.sidebar-nav .controls-toggle-open[data-tutorial-glow=true]{animation:3.6s ease-in-out infinite controls-toggle-ember;position:relative}.sidebar-nav .controls-toggle-open[data-tutorial-glow=true]:hover{animation:none}@keyframes controls-toggle-ember{0%,to{color:var(--color-secondary);background-color:var(--color-bg-solid)}35%{color:var(--color-text-body);background-color:color-mix(in srgb, var(--color-secondary) 14%, var(--color-bg-solid))}}@media (prefers-reduced-motion:reduce){.sidebar-nav .controls-toggle-open[data-tutorial-glow=true]{animation-duration:5.6s}}.tutorials-button-anchor{flex-direction:column;display:flex;position:relative}.controls-toggle-open--tutorial-mode{background:var(--primary-dim,#d4a54a0f);border-color:var(--color-secondary);color:var(--color-primary);box-shadow:inset 0 1px #ffdc8c0f,2px 2px 4px #0000004d}.controls-toggle-open--tutorial-mode:hover{background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary-hover)}.controls-toggle-open--tutorial-pause{background:var(--color-bg-solid);border-color:color-mix(in srgb, var(--color-secondary) 30%, var(--color-border));color:var(--color-text-body)}.controls-toggle-open--tutorial-pause:hover{background:var(--color-surface-hover);border-color:var(--color-secondary);color:var(--color-secondary)}.controls-toggle-open--tutorial-exit{background:var(--color-bg-solid);border-color:color-mix(in srgb, var(--color-error) 35%, var(--color-border));color:color-mix(in srgb, var(--color-error) 75%, var(--color-text-muted))}.controls-toggle-open--tutorial-exit:hover{background:color-mix(in srgb, var(--color-error) 14%, var(--color-surface-hover));border-color:var(--color-error);color:var(--color-error)}.controls-toggle-open--split-left{border-top-right-radius:0;border-bottom-right-radius:0}.sidebar-nav .controls-toggle-open--split-right{aspect-ratio:1;border-left:none;border-top-left-radius:0;border-bottom-left-radius:0;min-width:0;padding:0;position:absolute;top:0;bottom:0;left:100%}.controls-toggle-open--split-right svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:11px;height:11px;display:block}.first-time-crumb{background:color-mix(in srgb, var(--color-secondary) 10%, var(--color-bg-elevated));border:1px solid var(--color-primary-structure);color:var(--color-text-body);white-space:nowrap;pointer-events:none;z-index:1;opacity:0;border-radius:2px;align-items:center;margin-left:12px;padding:5px 10px;font-family:"RuneScape Bold 12",sans-serif;font-size:12px;animation:.28s cubic-bezier(.16,1,.3,1) forwards first-time-crumb-enter,1.8s ease-in-out .28s infinite first-time-crumb-bob;display:flex;position:absolute;top:50%;left:100%;box-shadow:0 2px 10px #0000008c,inset 0 1px #ffffff0a}.first-time-crumb__arrow{border-top:5px solid #0000;border-bottom:5px solid #0000;border-right:6px solid color-mix(in srgb, var(--color-secondary) 10%, var(--color-bg-elevated));width:0;height:0;filter:drop-shadow(-1px 0 0 var(--color-primary-structure)) drop-shadow(0 -1px 0 var(--color-primary-structure)) drop-shadow(0 1px 0 var(--color-primary-structure));margin-top:-5px;position:absolute;top:50%;right:100%}.first-time-crumb--hiding{animation:.32s cubic-bezier(.4,0,.6,1) forwards first-time-crumb-exit}@keyframes first-time-crumb-enter{0%{opacity:0;transform:translate(-4px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes first-time-crumb-bob{0%,to{transform:translateY(-50%)}50%{transform:translate(-3px,-50%)}}@keyframes first-time-crumb-exit{0%{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translate(-4px,-50%)}}@media (prefers-reduced-motion:reduce){.first-time-crumb{animation:.2s linear forwards first-time-crumb-enter}.first-time-crumb--hiding{animation:.2s linear forwards first-time-crumb-exit}}.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){.app-container:not(.has-fixed-layout) .controls-overlay{border-right:none;width:100vw;max-width:100vw;box-shadow:0 0 48px #0009}.app-container:not(.has-fixed-layout) .panel-header{padding:calc(10px + var(--safe-top,0px)) 14px 10px}.app-container:not(.has-fixed-layout) .panel-close-button{margin:-12px -6px -12px 0;padding:12px}.app-container:not(.has-fixed-layout) .controls-content{padding:14px 14px calc(20px + var(--safe-bottom,0px));-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.app-container:not(.has-fixed-layout) .controls-toggle-open{top:calc(8px + var(--safe-top,0px));padding:10px 12px;font-size:13px}}.sp-wrapper{top:calc(168px + var(--top-inset,0px));z-index:60;pointer-events:none;transition:top .3s cubic-bezier(.2,.8,.2,1);position:fixed;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);width:300px;max-height:70vh;color:var(--color-text-body);border-left:none;border-radius:0 2px 2px 0;flex-direction:column;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-secondary);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;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:var(--color-text-body);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 color-mix(in srgb, var(--color-primary) 15%, transparent)}.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 color-mix(in srgb, var(--color-primary) 15%, transparent)}.sp-add-btn{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-secondary);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}.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 var(--color-surface-inset);border-radius:0}.sp-scroll-list::-webkit-scrollbar-thumb:hover{background:var(--color-surface-hover)}.sp-empty{color:var(--color-text-muted);text-align:center;padding:24px 8px;font-size:13px;font-style:italic}.sp-todo-item{background:0 0;border:none;border-bottom:1px solid #ffffff0a;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-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);width:4px;height:9px;filter:drop-shadow(0 0 2px color-mix(in srgb, var(--color-primary) 50%, transparent));border-width:0 2px 2px 0;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{color:var(--color-text-body);word-break:break-word;font-size:13px;line-height:1.4}.sp-todo-item-author{color:var(--color-text-muted);font-size:10px}.sp-todo-item.done .sp-todo-item-author{color:var(--color-text-dim)}.sp-todo-dot{background:var(--color-primary-structure);width:8px;min-width:8px;height:8px;box-shadow:0 0 5px color-mix(in srgb, var(--color-primary) 30%, transparent);border-radius:50%;margin-top:6px}.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;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);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);font-size:12px}.sp-todo-clear{color:var(--color-text-muted);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);flex-shrink:0;min-width:8px;font-size:10px;line-height:1.6}.sp-commit-hash{color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, transparent);border-radius:2px;flex-shrink:0;padding:0 4px;font-family:"RuneScape Plain 12",sans-serif;font-size:11px;line-height:1.5}.sp-commit-message{color:var(--color-text-body);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:var(--color-secondary);font-family:"RuneScape Bold 12",sans-serif;font-size:11px}.sp-commit-date{color:var(--color-text-muted);font-size:11px}.sp-commit-body{color:var(--color-text-muted);white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.4}.sp-todo-priority-label{cursor:pointer;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);background:color-mix(in srgb, var(--color-primary) 10%, transparent);z-index:1;margin-top:-2px}.sp-priority-select{cursor:pointer;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{background:color-mix(in srgb, var(--color-error) 20%, transparent);border-color:color-mix(in srgb, var(--color-error) 30%, transparent);color:var(--color-error)}.sp-priority-1{background:color-mix(in srgb, var(--color-warning) 20%, transparent);border-color:color-mix(in srgb, var(--color-warning) 30%, transparent);color:var(--color-warning)}.sp-priority-2{background:color-mix(in srgb, var(--color-secondary) 15%, transparent);border-color:color-mix(in srgb, var(--color-secondary) 25%, transparent);color:var(--color-secondary)}.sp-priority-3{background:var(--color-surface-highlight);color:var(--color-text-body);border-color:#ffffff26}.sp-priority-group-0{color:var(--color-error);background:color-mix(in srgb, var(--color-error) 10%, transparent)}.sp-priority-group-1{color:var(--color-warning);background:color-mix(in srgb, var(--color-warning) 10%, transparent)}.sp-priority-group-2{color:var(--color-secondary);background:color-mix(in srgb, var(--color-secondary) 10%, transparent)}.sp-priority-group-3{color:var(--color-text-body);background:#ffffff0d}@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}}.tutorial-picker-backdrop{z-index:1300;background:var(--modal-backdrop);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.tp-shell{background:var(--color-bg-solid);border:1px solid var(--modal-card-border);width:min(820px,100%);max-height:min(540px,100vh - 48px);box-shadow:var(--modal-card-shadow);border-radius:var(--modal-radius);grid-template-rows:auto 1fr;animation:.22s cubic-bezier(.16,1,.3,1) tpm-card-in;display:grid;position:relative;overflow:hidden}@keyframes tpm-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tp-header{border-bottom:1px solid var(--color-border);background:var(--color-bg-elevated);justify-content:space-between;align-items:center;gap:16px;padding:12px 18px 10px;display:flex}.tp-heading{letter-spacing:.02em;color:var(--color-secondary);text-shadow:1px 1px #000;margin:0;font-family:"RuneScape Bold 12",sans-serif;font-size:20px}.tp-close{width:24px;height:24px;color:var(--color-secondary);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:color .15s;display:inline-flex}.tp-close:hover{color:var(--color-text-body)}.tp-close svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;width:10px;height:10px}.tp-body{grid-template-columns:156px 240px 1fr;min-height:0;display:grid}.tp-rail{background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;padding:10px 0;display:flex;overflow-y:auto}.tp-rail-section{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-dim);padding:4px 14px 4px 12px;font-family:"RuneScape Bold 12",sans-serif;font-size:11px}.tp-rail-section+.tp-rail-items{margin-bottom:8px}.tp-rail-items{flex-direction:column;margin-top:2px;display:flex}.tp-rail-item{width:calc(100% - 12px);color:var(--color-text-muted);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;gap:6px;margin:1px 6px;padding:6px 10px;font-family:"RuneScape Bold 12",sans-serif;font-size:13px;transition:background .15s,border-color .15s,color .15s;display:flex}.tp-rail-item .tp-rail-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tp-rail-item:hover{background:var(--color-surface-hover);color:var(--color-secondary)}.tp-rail-item.active{background:var(--color-surface-inset);border-color:var(--color-primary-structure);color:var(--color-text-body)}.tp-rail-item.active:hover{background:var(--color-surface-inset);border-color:var(--color-secondary);color:var(--color-text-body)}.tp-rail-progress{color:var(--color-text-muted);letter-spacing:.02em;flex-shrink:0;font-family:"RuneScape Plain 12",sans-serif;font-size:11px}.tp-rail-item.active .tp-rail-progress{color:var(--color-secondary)}.tp-curriculum{background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.tp-curriculum-header{border-bottom:1px solid var(--color-border);padding:14px 14px 12px}.tp-curriculum-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:2px;font-family:"RuneScape Bold 12",sans-serif;font-size:11px}.tp-curriculum-title{color:var(--color-text-body);text-shadow:1px 1px #000;margin:0;font-family:"RuneScape Bold 12",sans-serif;font-size:15px}.tp-section{padding:10px 0 6px}.tp-section+.tp-section{border-top:1px solid #ffffff0a}.tp-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);padding:0 14px 4px;font-family:"RuneScape Bold 12",sans-serif;font-size:11px}.tp-lesson{width:calc(100% - 12px);color:var(--color-text-muted);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;grid-template-columns:16px 1fr auto;align-items:center;gap:8px;margin:1px 6px;padding:6px 10px;font-family:"RuneScape Bold 12",sans-serif;font-size:12px;transition:background .15s,border-color .15s,color .15s;display:grid}.tp-lesson:hover{background:var(--color-surface-hover);color:var(--color-secondary)}.tp-lesson.active{background:var(--color-surface-inset);border-color:var(--color-primary-structure);color:var(--color-text-body)}.tp-lesson.active:hover{background:var(--color-surface-inset);border-color:var(--color-secondary);color:var(--color-text-body)}.tp-lesson-status{width:10px;height:10px;color:var(--color-text-dim);justify-content:center;align-items:center;display:inline-flex}.tp-lesson-status.done{color:var(--color-secondary)}.tp-lesson-status.progress:before{content:"";background:var(--color-secondary);opacity:.7;border-radius:50%;width:5px;height:5px}.tp-lesson.active .tp-lesson-status.progress:before{opacity:1}.tp-lesson-status.pending:before{content:"";border:1px solid var(--color-text-dim);border-radius:50%;width:5px;height:5px}.tp-lesson-status.done svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:9px;height:9px}.tp-lesson-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tp-lesson-duration{color:var(--color-text-muted);letter-spacing:.02em;font-family:"RuneScape Plain 12",sans-serif;font-size:11px}.tp-lesson.active .tp-lesson-duration{color:var(--color-text-muted)}.tp-detail{flex-direction:column;min-height:0;padding:14px 18px;display:flex;overflow-y:auto}.tp-detail-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:4px;font-family:"RuneScape Bold 12",sans-serif;font-size:11px}.tp-detail-eyebrow[data-status=running]{color:var(--color-secondary);align-items:center;gap:6px;display:inline-flex}.tp-detail-eyebrow[data-status=running]:before{content:"";background:var(--color-primary);border-radius:50%;flex-shrink:0;width:5px;height:5px}.tp-detail-title{color:var(--color-text-body);text-shadow:1px 1px #000;margin:0 0 8px;font-family:"RuneScape Bold 12",sans-serif;font-size:18px;line-height:1.15}.tp-detail-meta{flex-wrap:wrap;gap:5px;margin-bottom:10px;display:flex}.tp-pill{letter-spacing:.04em;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);align-items:center;gap:4px;padding:2px 7px;font-family:"RuneScape Bold 12",sans-serif;font-size:10px;display:inline-flex}.tp-pill--beginner{border-color:color-mix(in srgb, var(--color-success) 50%, var(--color-border));color:var(--color-success);background:color-mix(in srgb, var(--color-success) 8%, var(--color-surface))}.tp-pill--intermediate{border-color:color-mix(in srgb, var(--color-secondary) 60%, var(--color-border));color:var(--color-secondary);background:color-mix(in srgb, var(--color-secondary) 8%, var(--color-surface))}.tp-pill--advanced{border-color:color-mix(in srgb, var(--color-error) 50%, var(--color-border));color:var(--color-error);background:color-mix(in srgb, var(--color-error) 8%, var(--color-surface))}.tp-pill--scene-mismatch{border-color:color-mix(in srgb, var(--color-secondary) 35%, var(--color-border));color:var(--color-secondary)}.tp-pill-icon{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linejoin:round;width:9px;height:9px}.tp-prereqs{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.tp-prereqs-label{color:var(--color-text-body);opacity:.72;margin-right:-2px;font-family:"RuneScape Plain 12",sans-serif;font-size:13px}.tp-prereqs-chip{border:1px solid color-mix(in srgb, var(--color-secondary) 35%, var(--color-border));color:var(--color-secondary);cursor:pointer;background:0 0;align-items:center;gap:4px;padding:2px 7px;font-family:"RuneScape Plain 12",sans-serif;font-size:11px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.tp-prereqs-chip:hover{background:color-mix(in srgb, var(--color-secondary) 8%, var(--color-surface));border-color:var(--color-secondary)}.tp-prereqs-chip.done{color:var(--color-success);border-color:color-mix(in srgb, var(--color-success) 35%, var(--color-border))}.tp-prereqs-chip svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:9px;height:9px}.tp-detail-desc{color:var(--color-text-body);max-width:60ch;margin:0 0 12px;font-family:"RuneScape Plain 12",sans-serif;font-size:13px;line-height:1.45}.tp-progress{color:var(--color-text-muted);margin:0;font-family:"RuneScape Plain 12",sans-serif;font-size:12px}.tp-progress.completed{color:var(--color-success)}.tp-mobile-note{color:var(--color-text-muted);margin:6px 0 0;font-family:"RuneScape Plain 12",sans-serif;font-size:11px;font-style:italic}.tp-cta{align-items:center;gap:14px;margin-top:auto;padding-top:12px;display:flex}.tp-cta-confirm{border:1px solid var(--color-primary-structure);background:var(--color-surface);margin-top:auto;padding:10px}.tp-cta-confirm-text{color:var(--color-text-body);margin:0 0 10px;font-family:"RuneScape Plain 12",sans-serif;font-size:12px;line-height:1.45}.tp-cta-confirm-text strong{color:var(--color-secondary);font-weight:400}.tp-cta-confirm-actions{gap:10px;display:flex}.tp-start{background:var(--primary-dim);border:1px solid var(--color-secondary);color:var(--color-primary);text-shadow:1px 1px #000;letter-spacing:.02em;cursor:pointer;padding:7px 22px;font-family:"RuneScape Bold 12",sans-serif;font-size:14px;transition:background .15s,border-color .15s,color .15s;box-shadow:inset 0 1px #ffdc8c0a}.tp-start:hover{background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary-hover)}.tp-start--ghost{border-color:var(--color-border);color:var(--color-text-muted);text-shadow:none;background:0 0}.tp-start--ghost:hover{background:var(--color-surface-hover);border-color:var(--color-text-muted);color:var(--color-text-body)}.tp-reset-link{color:var(--color-text-muted);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0;font-family:"RuneScape Plain 12",sans-serif;font-size:12px;text-decoration:underline}.tp-reset-link:hover{color:var(--color-secondary)}.tp-empty{text-align:center;padding:24px}.tp-mobile-course-select{display:none}@media (width<=720px){.tutorial-picker-backdrop{padding:8px}.tp-shell{max-height:calc(100vh - 16px)}.tp-body{grid-template-rows:auto 1fr;grid-template-columns:1fr}.tp-rail{display:none}.tp-curriculum{border-right:none;border-bottom:1px solid var(--color-border);max-height:38vh}.tp-mobile-course-select{border-bottom:1px solid #ffffff0a;flex-direction:column;gap:4px;padding:12px 16px 8px;display:flex}.tp-mobile-course-select-label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);font-family:"RuneScape Bold 12",sans-serif;font-size:11px}.tp-mobile-course-select select{appearance:none;background:var(--color-surface-inset);color:var(--color-text-body);border:1px solid var(--color-border);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23c8aa6e' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:10px 6px;border-radius:2px;padding:8px 28px 8px 10px;font-family:"RuneScape Bold 12",sans-serif;font-size:13px}.tp-mobile-course-select select option,.tp-mobile-course-select select optgroup{background:var(--color-surface);color:var(--color-text-body);font-family:"RuneScape Bold 12",sans-serif}.tp-mobile-course-select select:focus{outline:2px solid var(--color-secondary);outline-offset:1px}}.tp-close:focus-visible,.tp-rail-item:focus-visible,.tp-lesson:focus-visible,.tp-prereqs-chip:focus-visible,.tp-start:focus-visible,.tp-reset-link:focus-visible,.tp-mobile-course-select select:focus-visible{outline:2px solid var(--color-secondary);outline-offset:1px}@media (prefers-reduced-motion:reduce){.tutorial-picker-backdrop,.tp-shell{animation:none}.tp-close,.tp-rail-item,.tp-lesson,.tp-prereqs-chip,.tp-start,.tp-reset-link{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);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}}.zoom-hint-toast-stack{z-index:9999;pointer-events:none;gap:8px;display:flex;position:fixed}.zoom-hint-toast{box-sizing:border-box;background:var(--hud-bg);border:1px solid var(--hud-border);-webkit-backdrop-filter:blur(8px);width:fit-content;max-width:340px;color:var(--color-secondary);box-shadow:var(--shadow-md);pointer-events:auto;border-radius:2px;padding:8px 12px;font-family:"RuneScape Plain 12",sans-serif;font-size:13px;line-height:1.4}.zoom-hint-toast__main{align-items:flex-start;gap:8px;display:flex}.zoom-hint-toast__tip{color:var(--color-text-muted);letter-spacing:.5px;text-transform:uppercase;flex:none;margin-top:2px;font-family:"RuneScape Bold 12",sans-serif;font-size:11px}.zoom-hint-toast__body{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}.zoom-hint-toast__emph{color:var(--color-text-body);font-family:"RuneScape Bold 12",sans-serif}.zoom-hint-toast__opt-out{cursor:pointer;color:var(--color-text-muted);text-align:left;background:0 0;border:0;padding:0;font-family:"RuneScape Plain 12",sans-serif;font-size:11px;text-decoration:none;transition:color .15s}.zoom-hint-toast__opt-out:hover{color:var(--color-secondary);text-decoration:underline}.zoom-hint-toast__close{cursor:pointer;width:18px;height:18px;color:var(--color-text-muted);text-align:center;background:0 0;border:0;flex:none;margin:-1px -2px 0 0;padding:0;font-family:"RuneScape Bold 12",sans-serif;font-size:15px;line-height:18px;transition:color .15s}.zoom-hint-toast__close:hover{color:var(--color-secondary)}.zoom-hint-toast__close:focus-visible{outline:1px solid var(--color-primary);outline-offset:2px}.zoom-hint-toast--enter{animation:.16s ease-out both zoomHintToastInRight}.zoom-hint-toast--exit{animation:.16s ease-in both zoomHintToastOutRight}.zoom-hint-toast-stack--left .zoom-hint-toast--enter{animation-name:zoomHintToastInLeft}.zoom-hint-toast-stack--left .zoom-hint-toast--exit{animation-name:zoomHintToastOutLeft}@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}}.tutorial-overlay{z-index:50;pointer-events:none;font-family:"RuneScape Plain 12",sans-serif;position:fixed;inset:0}.tutorial-perimeter-meter{background:var(--color-bg-solid);z-index:1;pointer-events:none;height:5px;display:flex;position:absolute;bottom:-1px;left:-1px;right:-1px}.tutorial-perimeter-seg{background:var(--color-border);flex:1}.tutorial-perimeter-seg:not(:last-child){box-shadow:inset -1px 0 0 var(--color-bg-solid)}.tutorial-perimeter-seg.filled{background:var(--color-secondary)}.tutorial-perimeter-seg.lost{animation:.6s ease-out tutorial-perimeter-lost}@keyframes tutorial-perimeter-lost{0%{background:var(--color-secondary)}20%{background:var(--color-error)}45%{background:var(--color-secondary)}70%{background:var(--color-error)}to{background:var(--color-border)}}@media (prefers-reduced-motion:reduce){.tutorial-perimeter-seg.lost{animation:none}}.tutorial-beam{pointer-events:auto;top:184px;right:var(--safe-right,0px);background:var(--hud-bg);border:1px solid var(--hud-border);-webkit-backdrop-filter:blur(8px);z-index:50;grid-template-columns:auto 1fr auto;align-items:center;gap:8px 10px;width:272px;padding:8px 10px;animation:.22s cubic-bezier(.16,1,.3,1) tutorial-beam-in;display:grid;position:fixed}@keyframes tutorial-beam-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.tutorial-beam[data-tone=awaiting]{border-color:color-mix(in srgb, var(--color-secondary) 35%, var(--hud-border));background:color-mix(in srgb, var(--color-secondary) 8%, var(--hud-bg))}.tutorial-beam[data-tone=error]{border-color:color-mix(in srgb, var(--color-error) 35%, var(--hud-border));background:color-mix(in srgb, var(--color-error) 8%, var(--hud-bg))}.tutorial-beam[data-tone=success]{border-color:color-mix(in srgb, var(--color-success) 35%, var(--hud-border));background:color-mix(in srgb, var(--color-success) 8%, var(--hud-bg))}.tutorial-beam[data-tone=paused],.tutorial-beam[data-tone=watch],.tutorial-beam[data-tone=running]{border-color:var(--hud-border)}.tutorial-beam-status{background:var(--color-secondary);border-radius:50%;flex-shrink:0;width:8px;height:8px}.tutorial-beam[data-tone=error] .tutorial-beam-status{background:var(--color-error)}.tutorial-beam[data-tone=success] .tutorial-beam-status{background:var(--color-success)}.tutorial-beam[data-tone=paused] .tutorial-beam-status{background:var(--color-text-muted)}.tutorial-beam-stack{gap:2px;min-width:0;display:grid}.tutorial-beam-meta{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;align-items:baseline;gap:6px;font-family:"RuneScape Plain 12",sans-serif;font-size:12px;display:flex;overflow:hidden}.tutorial-beam-tone-label{color:var(--color-secondary);font-family:"RuneScape Bold 12",sans-serif}.tutorial-beam[data-tone=error] .tutorial-beam-tone-label{color:var(--color-error)}.tutorial-beam[data-tone=success] .tutorial-beam-tone-label{color:var(--color-success)}.tutorial-beam[data-tone=paused] .tutorial-beam-tone-label{color:var(--color-text-muted)}.tutorial-beam-step-of{color:var(--color-text-muted);text-overflow:ellipsis;min-width:0;overflow:hidden}.tutorial-beam-num{color:var(--color-text-body);font-family:"RuneScape Bold 12",sans-serif}.tutorial-beam-title{color:var(--color-text-body);white-space:nowrap;text-overflow:ellipsis;font-family:"RuneScape Bold 12",sans-serif;font-size:13px;line-height:1.2;overflow:hidden}.tutorial-beam-progress{color:var(--color-secondary);font-variant-numeric:tabular-nums}.tutorial-beam-rule{border-top:1px solid color-mix(in srgb, var(--color-border) 70%, transparent);grid-column:1/-1;gap:5px;padding-top:8px;display:grid}.tutorial-beam-rule-row{grid-template-columns:54px 12px 1fr;align-items:center;gap:8px;display:grid}.tutorial-beam-rule-cue{font-family:"RuneScape Bold 12",sans-serif;font-size:13px;line-height:1.2}.tutorial-beam-rule-arrow{color:var(--color-text-dim);display:block}.tutorial-beam-rule-prayer{color:var(--color-secondary);white-space:nowrap;text-overflow:ellipsis;font-family:"RuneScape Bold 12",sans-serif;font-size:13px;line-height:1.2;overflow:hidden}.tutorial-beam-controls{flex-shrink:0;align-items:center;gap:4px;display:flex}.tutorial-beam-btn{width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;padding:0;transition:background .15s,border-color .15s,color .15s;display:grid}.tutorial-beam-btn:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-primary-structure);color:var(--color-text-body)}.tutorial-beam-btn:disabled{cursor:not-allowed;opacity:.4}.tutorial-beam-btn svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.tutorial-beam-btn svg circle{fill:currentColor;stroke:none}.tutorial-beam-cta{background:var(--color-primary);height:32px;color:var(--color-bg-solid);border:1px solid var(--color-primary);cursor:pointer;letter-spacing:0;padding:0 12px;font-family:"RuneScape Bold 12",sans-serif;font-size:12px}.tutorial-beam-cta:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.tutorial-beam-cta--retry{color:var(--color-error);border-color:color-mix(in srgb, var(--color-error) 60%, var(--color-border));background:0 0}.tutorial-beam-cta--retry:hover{background:color-mix(in srgb, var(--color-error) 14%, var(--color-surface));border-color:var(--color-error);color:var(--color-error)}.tutorial-beam-cta--secondary{background:var(--color-surface);color:var(--color-secondary);border-color:var(--color-border)}.tutorial-beam-cta--secondary:hover{background:var(--color-surface-hover);border-color:var(--color-primary-structure);color:var(--color-text-body)}.tutorial-beam-transport{border-top:1px solid color-mix(in srgb, var(--color-border) 70%, transparent);grid-column:1/-1;gap:6px;padding-top:8px;display:grid}.tutorial-beam-transport-track,.tutorial-beam-seek{background:linear-gradient(to right, var(--color-secondary) 0%, var(--color-secondary) var(--seek-progress,0%), #ffffff0f var(--seek-progress,0%), #ffffff0f 100%);border:none;border-radius:2px;outline:none;width:100%;height:3px;margin:0;transition:background .15s;display:block}.tutorial-beam-seek{appearance:none;cursor:pointer}.tutorial-beam-seek:hover,.tutorial-beam-seek:active{background:linear-gradient(to right, var(--color-primary) 0%, var(--color-primary) var(--seek-progress,0%), #ffffff14 var(--seek-progress,0%), #ffffff14 100%)}.tutorial-beam-seek::-webkit-slider-thumb{appearance:none;background:var(--color-secondary);cursor:pointer;border:none;border-radius:1px;width:6px;height:12px;transition:background .15s}.tutorial-beam-seek:hover::-webkit-slider-thumb{background:var(--color-text-body)}.tutorial-beam-seek::-moz-range-thumb{background:var(--color-secondary);cursor:pointer;border:none;border-radius:1px;width:6px;height:12px;transition:background .15s}.tutorial-beam-seek:hover::-moz-range-thumb{background:var(--color-text-body)}.tutorial-beam-seek::-moz-range-track{background:0 0;border:none;border-radius:2px;height:3px}.tutorial-beam-transport-controls{align-items:center;gap:4px;display:flex}.tutorial-beam-btn.tutorial-beam-btn--play{color:var(--color-secondary)}.tutorial-beam-transport-tick{font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:4px;font-family:"RuneScape Plain 12",sans-serif;font-size:11px}.tutorial-beam-transport-tick-current{color:var(--color-secondary)}.tutorial-beam-transport-tick-sep{color:var(--color-text-dim);margin:0 2px}.tutorial-beam-transport-tick-total{color:var(--color-text-muted)}.tutorial-beam-transport-controls .tutorial-beam-cta{height:28px;margin-left:auto;padding:0 10px;font-size:12px}.tutorial-beam-inline-paused,.tutorial-beam-transport-paused{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);background:color-mix(in srgb, var(--color-text-muted) 14%, transparent);border-radius:2px;align-items:center;margin-left:4px;padding:2px 6px;font-family:"RuneScape Bold 12",sans-serif;font-size:11px;line-height:1;display:inline-flex}.tutorial-beam[data-tone=paused] .tutorial-beam-transport-track{opacity:.55}@media (pointer:coarse){.tutorial-beam-seek{background-clip:content-box;height:8px;padding:10px 0}.tutorial-beam-seek::-webkit-slider-thumb{border-radius:2px;width:14px;height:14px}.tutorial-beam-seek::-moz-range-thumb{border-radius:2px;width:14px;height:14px}.tutorial-beam-transport-controls .tutorial-beam-btn{width:32px;height:32px}.tutorial-beam-transport-controls .tutorial-beam-cta{height:32px}}.tutorial-beam-menu{background:var(--color-surface-translucent);border:1px solid var(--color-border-translucent);-webkit-backdrop-filter:blur(8px);z-index:7;width:224px;padding:4px 0;animation:.16s cubic-bezier(.16,1,.3,1) tutorial-beam-menu-in;position:absolute;top:60px;right:0;box-shadow:inset 0 1px #ffdc8c0f,0 8px 24px #00000080}@keyframes tutorial-beam-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tutorial-beam-menu-item{color:var(--color-text-body);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 12px;font-family:"RuneScape Plain 12",sans-serif;font-size:13px;display:flex}.tutorial-beam-menu-item:hover:not(:disabled){background:var(--color-surface-hover)}.tutorial-beam-menu-item:disabled{opacity:.4;cursor:not-allowed}.tutorial-beam-menu-item svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px;color:var(--color-text-muted);flex-shrink:0}.tutorial-beam-menu-item:hover:not(:disabled) svg{color:var(--color-secondary)}.tutorial-beam-menu-divider{background:var(--color-border);height:1px;margin:4px 0}.tutorial-beam-menu-item--danger,.tutorial-beam-menu-item--danger svg{color:var(--color-error)}.tutorial-beam-menu-item--danger:hover:not(:disabled){background:color-mix(in srgb, var(--color-error) 10%, var(--color-surface))}.tutorial-codex{pointer-events:auto;top:184px;right:var(--safe-right,0px);background:var(--hud-bg);border:1px solid var(--hud-border);-webkit-backdrop-filter:blur(8px);z-index:55;flex-direction:column;width:380px;max-height:calc(100vh - 200px);animation:.24s cubic-bezier(.16,1,.3,1) tutorial-codex-in;display:flex;position:fixed;box-shadow:inset 0 1px #ffdc8c0a,0 8px 24px #0006}@keyframes tutorial-codex-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.tutorial-codex-head{border-bottom:1px solid var(--color-border);background:0 0;align-items:flex-start;gap:8px;padding:12px 14px 10px;display:flex}.tutorial-codex-head-text{flex:1;gap:2px;min-width:0;display:grid}.tutorial-codex-eyebrow{color:var(--color-secondary);font-family:"RuneScape Plain 11",sans-serif;font-size:11px;line-height:1}.tutorial-codex-title{color:var(--color-text-body);margin:0;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;line-height:1.2}.tutorial-codex-body{flex:1;min-height:0;padding:12px 14px;overflow-y:auto}.tutorial-codex-rich{flex-direction:column;gap:10px;display:flex}.tutorial-codex-text{color:var(--color-text-body);margin:0;font-family:"RuneScape Plain 12",sans-serif;font-size:13px;line-height:1.5}.tutorial-codex-text b,.tutorial-codex-text strong{color:var(--color-secondary);font-family:"RuneScape Bold 12",sans-serif;font-weight:400}.tutorial-codex-image{border:1px solid var(--color-border);background:var(--color-surface);max-width:100%;display:block}.tutorial-codex-video{border:1px solid var(--color-border);background:#000;width:100%;display:block}.tutorial-codex-video-fallback{background:var(--color-surface-inset);border:1px dashed var(--color-border);text-align:center;color:var(--color-text-muted);padding:14px;font-family:"RuneScape Plain 12",sans-serif;font-size:12px}.tutorial-codex-video-fallback-title{color:var(--color-secondary);margin-bottom:4px;font-family:"RuneScape Bold 12",sans-serif;font-size:13px}.tutorial-codex-video-fallback-text{word-break:break-all;opacity:.7;font-size:11px}.tutorial-codex-callout{background:color-mix(in srgb, var(--color-secondary) 6%, transparent);border:1px solid var(--color-border);gap:4px;margin:0 14px 12px;padding:10px 12px;display:grid}.tutorial-codex-callout-eyebrow{color:var(--color-secondary);font-family:"RuneScape Plain 11",sans-serif;font-size:11px;line-height:1}.tutorial-codex-callout-title{color:var(--color-text-body);font-family:"RuneScape Bold 12",sans-serif;font-size:13px;line-height:1.2}.tutorial-codex-foot{border-top:1px solid var(--color-border);background:0 0;grid-template-columns:1fr 1fr 1.4fr;gap:6px;padding:10px 14px 12px;display:grid}.tutorial-codex-foot-btn{height:32px;color:var(--color-secondary);border:1px solid var(--color-border);cursor:pointer;letter-spacing:0;background:0 0;padding:0 12px;font-family:"RuneScape Bold 12",sans-serif;font-size:12px}.tutorial-codex-foot-btn:hover:not(:disabled){color:var(--color-text-body);border-color:var(--color-primary-structure)}.tutorial-codex-foot-btn:disabled{opacity:.4;cursor:not-allowed}.tutorial-codex-foot-btn--primary{background:var(--color-primary);color:var(--color-bg-solid);border-color:var(--color-primary)}.tutorial-codex-foot-btn--primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-bg-solid)}.tutorial-codex--steps .tutorial-codex-body{padding:8px 0}.tutorial-steps-list{gap:2px;margin:0;padding:0;font-family:"RuneScape Plain 12",sans-serif;font-size:13px;list-style:none;display:grid}.tutorial-steps-item{list-style:none}.tutorial-steps-item-btn{width:100%;color:var(--color-text-muted);text-align:left;cursor:pointer;font-family:inherit;line-height:1.3;font-size:inherit;background:0 0;border:none;grid-template-columns:24px 1fr auto;align-items:center;gap:12px;padding:6px 16px;display:grid}.tutorial-steps-item-btn:hover:not(:disabled),.tutorial-steps-item-btn:focus-visible:not(:disabled){background:var(--color-surface-hover);color:var(--color-text-body);outline:none}.tutorial-steps-item-btn:disabled{cursor:default}.tutorial-steps-item.active .tutorial-steps-item-btn{color:var(--color-text-body);background:color-mix(in srgb, var(--color-secondary) 8%, var(--color-bg-elevated))}.tutorial-steps-item.done{color:var(--color-text-muted)}.tutorial-steps-item.pending{color:var(--color-text-dim)}.tutorial-steps-marker{border:1px solid var(--color-border);background:var(--color-surface);width:22px;height:22px;color:var(--color-text-muted);justify-content:center;align-items:center;font-family:"RuneScape Bold 12",sans-serif;font-size:12px;display:inline-flex}.tutorial-steps-marker svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.tutorial-steps-item.active .tutorial-steps-marker{background:color-mix(in srgb, var(--color-secondary) 18%, var(--color-surface));border-color:var(--color-secondary);color:var(--color-secondary)}.tutorial-steps-item.done .tutorial-steps-marker{background:var(--color-surface-inset);border-color:var(--color-primary-structure);color:var(--color-success)}.tutorial-steps-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tutorial-steps-item.active .tutorial-steps-label{font-family:"RuneScape Bold 12",sans-serif}.tutorial-steps-current-tag{color:var(--color-secondary);text-transform:lowercase;font-family:"RuneScape Plain 12",sans-serif;font-size:11px}.tutorial-pause-backdrop{pointer-events:auto;background:var(--modal-backdrop);z-index:60;place-items:center;display:grid;position:fixed;inset:0}@keyframes tutorial-pause-fade{0%{opacity:0}to{opacity:1}}.tutorial-pause-card{background:var(--color-bg-solid);border:1px solid var(--modal-card-border);width:360px;max-width:calc(100vw - 32px);box-shadow:var(--modal-card-shadow);border-radius:var(--modal-radius);grid-template-rows:auto auto auto;animation:.16s ease-out tutorial-pause-fade;display:grid;overflow:hidden}.tutorial-pause-card-head{border-bottom:1px solid var(--color-border);text-align:center;padding:16px 18px 12px}.tutorial-pause-card-head h3{color:var(--color-secondary);margin:0;font-family:"RuneScape Bold 12",sans-serif;font-size:18px;line-height:1.1}.tutorial-pause-card-body{gap:8px;padding:14px 18px;display:grid}.tutorial-pause-card-meta{color:var(--color-text-muted);text-align:center;margin:0;font-family:"RuneScape Plain 12",sans-serif;font-size:12px;line-height:1.2}.tutorial-pause-card-step-of{color:var(--color-text-body)}.tutorial-pause-card-helper{color:var(--color-text-body);text-align:center;margin:0;font-family:"RuneScape Plain 12",sans-serif;font-size:13px;line-height:1.4}.tutorial-pause-card-foot{border-top:1px solid var(--color-border);background:var(--color-bg-elevated);grid-template-columns:1fr;gap:6px;padding:10px 14px 14px;display:grid}.tutorial-pause-card-btn{height:36px;color:var(--color-secondary);border:1px solid var(--color-border);cursor:pointer;letter-spacing:0;background:0 0;padding:0 14px;font-family:"RuneScape Bold 12",sans-serif;font-size:13px}.tutorial-pause-card-btn:hover{color:var(--color-text-body);border-color:var(--color-primary-structure)}.tutorial-pause-card-btn--primary{background:var(--color-primary);color:var(--color-bg-solid);border-color:var(--color-primary)}.tutorial-pause-card-btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-bg-solid)}.tutorial-pause-card-btn--danger{color:var(--color-error);border-color:color-mix(in srgb, var(--color-error) 40%, var(--color-border))}.tutorial-pause-card-btn--danger:hover{background:color-mix(in srgb, var(--color-error) 10%, var(--color-surface));border-color:var(--color-error)}.tutorial-completion-backdrop{pointer-events:auto;background:var(--modal-backdrop);z-index:60;place-items:center;display:grid;position:fixed;inset:0}.tutorial-completion-card{background:var(--color-bg-solid);border:1px solid var(--modal-card-border);width:440px;max-width:calc(100vw - 32px);box-shadow:var(--modal-card-shadow);border-radius:var(--modal-radius);animation:.32s cubic-bezier(.16,1,.3,1) tutorial-completion-rise;overflow:hidden}@keyframes tutorial-completion-rise{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.tutorial-completion-banner{text-align:center;background:var(--color-surface-inset);border-bottom:1px solid var(--color-border);padding:26px 20px 20px}.tutorial-completion-banner-icon{background:color-mix(in srgb, var(--color-secondary) 14%, var(--color-bg-elevated));border:1px solid color-mix(in srgb, var(--color-secondary) 45%, var(--color-border));place-items:center;width:64px;height:64px;margin:0 auto 16px;display:grid}.tutorial-completion-banner-icon svg{display:block}.tutorial-completion-banner-eyebrow{color:var(--color-text-muted);margin:0 0 6px;font-family:"RuneScape Plain 12",sans-serif;font-size:12px;line-height:1}.tutorial-completion-banner-title{color:var(--color-secondary);margin:0;font-family:"RuneScape Bold 12",sans-serif;font-size:22px;line-height:1.1}.tutorial-completion-body{gap:18px;padding:20px 20px 22px;display:grid}.tutorial-completion-flavor{color:var(--color-text-body);margin:0;font-family:"RuneScape Plain 12",sans-serif;font-size:13px;line-height:1.55}.tutorial-completion-stats{background:var(--color-border);border:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.tutorial-completion-stat{background:var(--color-surface);text-align:center;gap:4px;padding:12px 8px;display:grid}.tutorial-completion-stat-label{color:var(--color-text-muted);font-family:"RuneScape Plain 12",sans-serif;font-size:12px;line-height:1}.tutorial-completion-stat-value{color:var(--color-text-body);font-family:"RuneScape Bold 12",sans-serif;font-size:18px;line-height:1}.tutorial-completion-foot{background:var(--color-bg-elevated);border-top:1px solid var(--color-border);grid-template-columns:1fr;gap:10px;padding:14px 18px 16px;display:grid}.tutorial-completion-foot-btn{height:36px;color:var(--color-secondary);border:1px solid var(--color-border);cursor:pointer;letter-spacing:0;background:0 0;padding:0 16px;font-family:"RuneScape Bold 12",sans-serif;font-size:13px}.tutorial-completion-foot-btn:hover{color:var(--color-text-body);border-color:var(--color-primary-structure)}.tutorial-completion-foot-btn--primary{background:var(--color-primary);color:var(--color-bg-solid);border-color:var(--color-primary)}.tutorial-completion-foot-btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-bg-solid)}.tutorial-step-intro{pointer-events:none;box-sizing:border-box;z-index:57;justify-content:center;align-items:flex-start;padding-top:clamp(54px,16vh,184px);display:flex;position:fixed;inset:0}.tutorial-step-intro-content{flex-direction:column;align-items:center;gap:14px;display:flex}.tutorial-step-intro-content--exiting{animation:.2s cubic-bezier(.22,1,.36,1) both tutorial-step-intro-exit}.tutorial-step-intro-scrim{opacity:0;background:radial-gradient(130% 100% at 50% 44%,#08060417 0%,#08060438 100%);animation:3.2s cubic-bezier(.4,0,.2,1) both tutorial-step-intro-scrim;position:absolute;inset:0}@keyframes tutorial-step-intro-scrim{0%{opacity:0}16%{opacity:1}52%{opacity:1}to{opacity:0}}.tutorial-step-intro-label{align-items:center;gap:10px;animation:.32s cubic-bezier(.22,1,.36,1) both tutorial-step-intro-objective-in;display:flex}.tutorial-step-intro-label-line{background:var(--color-border-translucent);width:26px;height:1px}.tutorial-step-intro-label-text{letter-spacing:4px;text-transform:uppercase;color:var(--color-text-muted);font-family:"RuneScape Bold 12",sans-serif;font-size:11px}.tutorial-step-intro-objective{color:var(--color-text-body);text-align:center;text-shadow:0 2px 6px #000000bf;max-width:80vw;font-family:"RuneScape Bold 12",sans-serif;font-size:24px;line-height:1.15;animation:.32s cubic-bezier(.22,1,.36,1) both tutorial-step-intro-objective-in}.tutorial-step-intro-countdown{letter-spacing:1px;align-items:baseline;gap:8px;font-family:"RuneScape Bold 12",sans-serif;font-size:16px;line-height:1;display:flex}.tutorial-step-intro-dot{color:var(--color-text-dim)}.tutorial-step-intro-tick{color:var(--color-text-dim);opacity:.45;font-variant-numeric:tabular-nums;text-shadow:1px 1px #000;transform-origin:bottom;transition:color .2s,opacity .2s,transform .22s cubic-bezier(.22,1,.36,1);transform:scale(1)}.tutorial-step-intro-tick.is-lit,.tutorial-step-intro-tick.is-active{color:var(--color-text-body);opacity:1}.tutorial-step-intro-tick.is-active{transform:scale(1.18)}.tutorial-step-intro-tick.is-go.is-active,.tutorial-step-intro-tick.is-go.is-lit{color:var(--color-secondary)}@keyframes tutorial-step-intro-objective-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes tutorial-step-intro-exit{to{opacity:0;transform:scale(1.02)}}@keyframes tutorial-step-intro-fade{0%{opacity:0}to{opacity:1}}.tutorial-beam-btn:focus-visible,.tutorial-beam-cta:focus-visible,.tutorial-beam-menu-item:focus-visible,.tutorial-codex-foot-btn:focus-visible,.tutorial-pause-card-btn:focus-visible,.tutorial-completion-foot-btn:focus-visible{outline:1px solid var(--color-secondary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.tutorial-beam,.tutorial-beam-menu,.tutorial-codex,.tutorial-pause-backdrop,.tutorial-pause-card,.tutorial-completion-backdrop,.tutorial-completion-card,.tutorial-steps-list{animation:none}.tutorial-step-intro-label,.tutorial-step-intro-objective{animation:.16s both tutorial-step-intro-fade}.tutorial-step-intro-tick{transition:none}.tutorial-step-intro-tick.is-active{transform:none}.tutorial-step-intro-content--exiting{animation:.16s reverse both tutorial-step-intro-fade}}@media (width<=720px){.tutorial-beam{grid-template-columns:auto 1fr auto;width:auto;top:8px;left:8px;right:8px}.tutorial-beam-menu{width:auto;min-width:220px;max-width:calc(100vw - 16px);top:60px;right:8px}.tutorial-codex{border:1px solid var(--color-border);border-bottom:none;width:auto;max-height:60vh;inset:auto 0 0}.tutorial-pause-card,.tutorial-completion-card{width:calc(100vw - 16px)}.tutorial-completion-banner-title{font-size:20px}.tutorial-step-intro-objective{font-size:22px}.tutorial-step-intro-countdown{font-size:15px}}body[data-tutorial-watch-input-gated=true] [data-tutorial-input-surface=gameplay],body[data-tutorial-watch-input-gated=true] [data-tutorial-input-surface=gameplay] *{cursor:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%3E%3Cpath%20d='M4%203L4%2019L8.5%2014.5L11.5%2021L14%2020L11%2013.5L17%2013.5Z'%20fill='%23f7f2e9'%20stroke='%231a1410'%20stroke-width='1.5'%20stroke-linejoin='round'/%3E%3Ccircle%20cx='20.5'%20cy='20.5'%20r='5.5'%20fill='%2314100c'%20stroke='%23f7f2e9'%20stroke-width='1'/%3E%3Cline%20x1='17.1'%20y1='23.9'%20x2='23.9'%20y2='17.1'%20stroke='%23f7f2e9'%20stroke-width='1.6'%20stroke-linecap='round'/%3E%3C/svg%3E") 4 3,not-allowed}.demo-cursor-spotlight{z-index:51;pointer-events:none;background:color-mix(in srgb, var(--color-secondary) 9%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-surface-inset) 70%, transparent), 0 0 0 1.5px var(--color-secondary), 0 0 0 3px color-mix(in srgb, var(--color-secondary) 20%, transparent), 0 3px 12px #0000004d;will-change:transform, scale, opacity;border-radius:2px;animation:.24s cubic-bezier(.16,1,.3,1) both demo-spotlight-in;position:fixed;top:0;left:0}@keyframes demo-spotlight-in{0%{opacity:0;scale:1.06}to{opacity:1;scale:1}}.demo-cursor{z-index:58;pointer-events:none;opacity:0;will-change:transform, opacity;transition-property:transform,opacity;transition-timing-function:cubic-bezier(.65,0,.35,1);position:fixed;top:0;left:0}.demo-cursor[data-visible=true]{opacity:1}.demo-cursor-arrow{z-index:2;transform-origin:2px 2px;filter:drop-shadow(0 2px 3px #0000008c);transition:transform .12s cubic-bezier(.22,1,.36,1);display:block;position:relative}.demo-cursor-arrow path{fill:var(--color-text-body);stroke:var(--color-surface-inset);stroke-width:2.5px;paint-order:stroke}.demo-cursor[data-pressed=true] .demo-cursor-arrow{transform:scale(.84)}.demo-cursor-ring{border:1.5px solid var(--color-primary);width:18px;height:18px;box-shadow:0 0 8px 1px color-mix(in srgb, var(--color-primary) 45%, transparent);opacity:0;pointer-events:none;border-radius:50%;margin:-9px 0 0 -9px;position:absolute;top:2px;left:2px}.demo-cursor[data-pressed=true] .demo-cursor-ring{animation:.38s cubic-bezier(.22,1,.36,1) demo-cursor-ring}@keyframes demo-cursor-ring{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(2)}}@media (prefers-reduced-motion:reduce){.demo-cursor-ring{animation-duration:1ms}.demo-cursor-spotlight{animation:none}}.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:var(--color-bg-elevated)!important;border:1px solid var(--modal-card-border)!important;border-radius:var(--modal-radius)!important;color:var(--color-text-body)!important;min-width:300px!important;max-width:420px!important;box-shadow:var(--modal-card-shadow)!important;z-index:1201!important;padding:14px 18px!important;animation:.22s cubic-bezier(.16,1,.3,1) osrs-popover-in!important;overflow:visible!important}.osrs-tutorial-popover .driver-popover-arrow{filter:drop-shadow(0 1px 2px #0000008c)!important;border:7px solid #0000!important}.osrs-tutorial-popover .driver-popover-arrow-side-left{border-left-color:var(--color-bg-elevated)!important}.osrs-tutorial-popover .driver-popover-arrow-side-right{border-right-color:var(--color-bg-elevated)!important}.osrs-tutorial-popover .driver-popover-arrow-side-top{border-top-color:var(--color-bg-elevated)!important}.osrs-tutorial-popover .driver-popover-arrow-side-bottom{border-bottom-color:var(--color-bg-elevated)!important}.osrs-tutorial-popover .driver-popover-title{color:var(--color-text-body)!important;text-shadow:1px 1px #000!important;letter-spacing:.01em!important;background:0 0!important;border:none!important;margin:0 28px 8px 0!important;padding:0!important;font-family:"RuneScape Bold 12",sans-serif!important;font-size:22px!important;font-weight:400!important;line-height:1.15!important;display:block!important}.osrs-tutorial-popover .driver-popover-description{color:var(--color-text-body)!important;text-shadow:1px 1px #000!important;background:0 0!important;max-height:min(60vh,460px)!important;margin:0 0 12px!important;padding:0!important;font-family:"RuneScape Plain 12",sans-serif!important;font-size:15px!important;line-height:1.4!important;overflow:hidden auto!important}.osrs-tutorial-popover .driver-popover-description b,.osrs-tutorial-popover .driver-popover-description strong{color:var(--color-secondary)!important;text-shadow:1px 1px #000!important;font-family:"RuneScape Bold 12",sans-serif!important;font-weight:400!important}.osrs-tutorial-popover .kbd{color:var(--color-text-body)!important;background:var(--color-surface)!important;border:1px solid var(--color-primary-structure)!important;vertical-align:baseline!important;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-surface)!important;border-top:1px solid var(--color-border)!important;border-radius:0 0 2px 2px!important;justify-content:space-between!important;align-items:center!important;margin:0 -18px -14px!important;padding:10px 18px!important;display:flex!important;box-shadow:inset 0 1px #ffffff08!important}.osrs-tutorial-popover .driver-popover-progress-text{color:var(--color-secondary)!important;background:var(--color-surface-inset)!important;border:1px solid var(--color-border)!important;border-radius:2px!important;padding:4px 8px!important;font-family:"RuneScape Bold 12",sans-serif!important;font-size:13px!important;line-height:1!important}.osrs-tutorial-popover .driver-popover-navigation-btns{align-items:center!important;gap:10px!important;display:flex!important}.osrs-tutorial-popover .driver-popover-prev-btn,.osrs-tutorial-popover .driver-popover-next-btn{text-shadow:1px 1px #000!important;cursor:pointer!important;border-radius:2px!important;justify-content:center!important;align-items:center!important;height:auto!important;padding:7px 14px!important;font-family:"RuneScape Bold 12",sans-serif!important;font-size:14px!important;line-height:1!important;transition:background .15s,border-color .15s,color .15s!important;display:inline-flex!important}.osrs-tutorial-popover .driver-popover-prev-btn{background:var(--color-surface)!important;border:1px solid var(--color-border)!important;color:var(--color-secondary)!important}.osrs-tutorial-popover .driver-popover-prev-btn:hover{background:var(--color-surface-hover)!important;border-color:var(--color-primary-structure)!important;color:var(--color-text-body)!important}.osrs-tutorial-popover .driver-popover-prev-btn:active{background:var(--color-surface-inset)!important;transform:translateY(1px)!important}.osrs-tutorial-popover .driver-popover-next-btn{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{background:var(--color-surface-hover)!important;border-color:var(--color-primary)!important;color:var(--color-primary-hover)!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 #0006!important}.osrs-tutorial-popover .driver-popover-btn-disabled,.osrs-tutorial-popover .driver-popover-btn-disabled:hover,.osrs-tutorial-popover .driver-popover-btn-disabled:active{background:var(--color-surface)!important;border-color:var(--color-border)!important;color:var(--color-text-dim)!important;cursor:not-allowed!important;box-shadow:none!important;opacity:.5!important;transform:none!important}.osrs-tutorial-popover .driver-popover-close-btn{color:var(--color-text-muted)!important;cursor:pointer!important;z-index:10!important;text-shadow:1px 1px #000!important;background:0 0!important;border:none!important;width:auto!important;height:auto!important;padding:4px 8px!important;font-family:"RuneScape Bold 12",sans-serif!important;font-size:24px!important;line-height:1!important;transition:color .15s!important;position:absolute!important;top:6px!important;right:6px!important}.osrs-tutorial-popover .driver-popover-close-btn:hover{color:var(--color-text-body)!important;opacity:1!important}.osrs-tutorial-popover .driver-popover-close-btn:active{transform:translateY(1px)!important}.osrs-tutorial-popover .tutorial-action-indicator{border-top:1px solid var(--color-border);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:var(--color-success);background:color-mix(in srgb, var(--color-success) 14%, #00000040)}.tutorial-skip-action{color:var(--color-text-dim);cursor:pointer;background:0 0;border:none;margin:0 0 6px 4px;padding:0;font-family:"RuneScape Plain 11",sans-serif;font-size:13px;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}}@media (prefers-reduced-motion:reduce){.osrs-tutorial-popover.driver-popover{animation:none!important}}@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;--primary-dim:color-mix(in srgb, var(--color-secondary) 12%, var(--color-bg-elevated));--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;--modal-backdrop:#080604b8;--modal-radius:2px;--modal-card-border:var(--color-border);--modal-card-shadow:var(--shadow-lg), inset 0 0 0 1px var(--color-border-translucent);--hud-bg:#1e1812e0;--hud-border:#38302340;--color-surface-translucent:#14100ceb;--color-border-translucent:#38302380;--infobox-tint:#0f0c08bf;font-family:-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}