@font-face{font-family:RS Plain;src:url(/fonts/RuneScape-Plain-12-24pt.otf)format("opentype");font-display:swap}@font-face{font-family:RS Quill;src:url(/fonts/RuneScape-Quill-8-32pt.otf)format("opentype");font-display:swap}*,:before,:after{box-sizing:border-box}:focus,:focus-visible{outline:none}:root{--search-container:#483e33;--search-bg:#372e22;--search-inset:#261d11;--search-text:#ff981f;--search-placeholder:#8a7558;--chat-text:#000;--chat-continue:#00f;--chat-continue-hover:#4f5fff;--chat-name:maroon;--modal-bg:#ccbc9c;--modal-border:#575040;--ui-text:#ffeb6e;--ui-text-muted:#d8c897;--scroll-track:var(--search-bg);--scroll-thumb:#6b5a44;--scroll-thumb-hover:#8a7155;color:var(--ui-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:RS Plain,system-ui,sans-serif;font-size:16px}html,body{-webkit-text-size-adjust:100%;height:100dvh;margin:0;padding:0;line-height:1.4}body{background:radial-gradient(#0003 0%,#000000a6 100%),url(/sprites/login-bg-vign.png) 50%/cover no-repeat fixed,#0d0d0d;overflow:hidden}body.body--modal-open{overflow:hidden}#app{flex-direction:column;max-width:52rem;height:100dvh;min-height:0;margin:0 auto;padding:0 1rem;display:flex}.osrs-shadow{text-shadow:2px 2px #000}.page-header{text-align:center;flex-shrink:0;padding:.5rem 0 .25rem}.header-img{max-width:min(100%,34rem);height:auto;image-rendering:pixelated}.kofi-link{background:var(--search-container);color:#fff;text-shadow:1px 1px #000;border:1px solid var(--search-container);white-space:nowrap;box-shadow:inset 0 1px 0 var(--search-inset);border-radius:4px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;gap:.375rem;padding:.3125rem .625rem;font-family:RS Plain,system-ui,sans-serif;font-size:.875rem;line-height:1;text-decoration:none;transition:border-color .1s,color .1s;display:inline-flex}.kofi-link:hover,.kofi-link:focus{border-color:var(--ui-text-muted);color:#fff}.kofi-icon{object-fit:contain;image-rendering:auto;width:1rem;height:1rem}.support-slot{flex-shrink:0;justify-content:center;padding:.5rem 0 .75rem;display:flex}.support-slot:empty{display:none}.search-frame{background-color:var(--search-container);background-image:url(/sprites/iron_rivets_corner_top_left.png),url(/sprites/iron_rivets_corner_top_right.png),url(/sprites/iron_rivets_corner_bottom_left.png),url(/sprites/iron_rivets_corner_bottom_right.png),url(/sprites/iron_rivets_edge_top.png),url(/sprites/iron_rivets_bottom.png),url(/sprites/iron_rivets_vertical_edge_left.png),url(/sprites/iron_rivets_vertical_edge_right.png);background-position:0 0,100% 0,0 100%,100% 100%,25px 0,25px bottom,0 30px,right 30px;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat-x,repeat-x,repeat-y,repeat-y;flex-shrink:0;align-items:center;gap:.625rem;margin-top:.25rem;padding:18px 40px 18px 25px;font-family:RS Plain,system-ui,sans-serif;font-size:22px;line-height:1.2;display:flex;position:relative}.search-prefix{color:var(--search-text);text-shadow:2px 2px #000;-webkit-user-select:none;user-select:none;flex-shrink:0}.search-inner{background:var(--search-bg);min-width:0;box-shadow:inset 0 2px 0 var(--search-inset), inset 2px 0 0 var(--search-inset);font:inherit;flex:auto;align-items:center;padding:.25rem .75rem;display:flex}.search-field{min-width:0;font:inherit;flex:auto;align-items:center;display:flex;position:relative}.search-overlay{pointer-events:none;z-index:2;font:inherit;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.search-typed,.search-mark,.search-placeholder-hint{white-space:pre;text-shadow:2px 2px #000;display:inline-block}.search-typed{color:var(--search-text)}.search-mark{color:var(--search-placeholder)}.search-field:has(input:focus) .search-mark{color:var(--search-text)}.search-placeholder-hint{color:var(--search-placeholder);margin-left:.4em}.search-field:not([data-value=""]) .search-placeholder-hint{display:none}.search-field input{z-index:3;min-width:0;font:inherit;color:#0000;caret-color:#0000;appearance:none;background:0 0;border:none;outline:none;flex:auto;padding:0;position:relative}.search-field input::placeholder{color:#0000}.search-field input::-webkit-search-cancel-button{-webkit-appearance:none}.search-field input::selection{background:var(--search-container);color:#0000}.syntax-help-toggle{width:24px;height:24px;image-rendering:pixelated;cursor:pointer;background:url(/sprites/tutorial.png) 50%/contain no-repeat;border:0;flex:none;margin-left:.375rem;padding:0}.syntax-help-toggle:hover,.syntax-help-toggle:focus,.syntax-help-toggle[aria-expanded=true]{background-image:url(/sprites/tutorial_hovered.png)}.syntax-help-overlay{z-index:120;background:#000000b8;justify-content:center;align-items:center;padding:2rem;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.syntax-help-overlay[hidden]{display:none}.syntax-help-dialog{background:var(--search-bg);border:3px solid var(--search-container);width:min(54rem,100vw - 2rem);box-shadow:inset 0 2px 0 var(--search-inset), 0 8px 28px #00000080;color:var(--ui-text-muted);text-shadow:2px 2px #000;outline:none;padding:2rem 2.25rem 1.875rem;font-family:RS Plain,system-ui,sans-serif;position:relative}.syntax-help-title{color:var(--ui-text);margin-bottom:1.625rem;font-size:32px;line-height:1.1}.syntax-help-examples{gap:.875rem;font-size:22px;line-height:1.25;display:grid}.syntax-help-examples div{grid-template-columns:minmax(16rem,max-content) 1fr;align-items:baseline;gap:1.125rem;display:grid}.syntax-help-examples code{color:var(--search-text);font-family:RS Plain,system-ui,sans-serif;font-size:inherit}.syntax-help-close{top:-32px;right:0}.chips{flex-wrap:wrap;flex-shrink:0;gap:.375rem;padding:.625rem 0 .25rem;display:flex}.chip{background:var(--search-bg);color:var(--ui-text-muted);text-shadow:1px 1px #000;border:1px solid var(--search-container);cursor:pointer;white-space:nowrap;box-shadow:inset 0 1px 0 var(--search-inset);border-radius:4px;flex-shrink:0;align-items:center;gap:.3125rem;padding:.3125rem .625rem;font-family:RS Plain,system-ui,sans-serif;font-size:.875rem;line-height:1;transition:background .1s,border-color .1s,color .1s;display:inline-flex}.chip:hover:not(:disabled):not(.is-active){color:var(--ui-text);border-color:var(--ui-text-muted)}.chip.is-active{background:var(--ui-text-muted);color:var(--search-inset);text-shadow:none;border-color:var(--ui-text-muted);box-shadow:inset 0 1px #fff3}.chip.is-empty{opacity:.35;cursor:default}.chip-count{font-variant-numeric:tabular-nums;opacity:.8;font-size:.75rem}.chip-count:empty{display:none}.status{color:var(--ui-text-muted);text-shadow:1px 1px #000;flex-shrink:0;padding:.5rem .25rem;font-family:RS Plain,system-ui,sans-serif;font-size:.875rem}.results{flex-direction:column;flex:auto;min-height:0;padding-top:1rem;display:flex}.results-list{flex-direction:column;flex:auto;min-height:0;display:flex}.scroll-region{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.list-track{overscroll-behavior-y:contain;scrollbar-width:none;-ms-overflow-style:none;outline:none;flex-direction:column;flex:auto;gap:.625rem;min-height:0;padding:.25rem 28px 1rem .125rem;display:flex;overflow-y:auto}.list-track::-webkit-scrollbar{width:0;height:0;display:none}.scrollbar{z-index:5;-webkit-user-select:none;user-select:none;flex-direction:column;width:18px;display:flex;position:absolute;top:0;bottom:1rem;right:2px}.scrollbar.is-hidden{display:none}.scrollbar-btn{background-color:var(--search-container);cursor:pointer;width:18px;height:18px;image-rendering:pixelated;background-position:50%;background-repeat:no-repeat;background-size:16px 16px;border:none;flex-shrink:0;padding:0;display:block}.scrollbar-btn:hover{background-color:var(--scroll-thumb-hover)}.scrollbar-btn:active{background-color:var(--scroll-thumb)}.scrollbar-btn--up{background-image:url(/sprites/scrollbar_arrow_up.png)}.scrollbar-btn--down{background-image:url(/sprites/scrollbar_arrow_down.png)}.scrollbar-rail{background:var(--scroll-track);cursor:pointer;flex:auto;min-height:0;position:relative}.scrollbar-thumb{background:var(--scroll-thumb);cursor:grab;touch-action:none;border:1px solid #000;border-radius:4px;position:absolute;left:1px;right:1px;box-shadow:inset 1px 1px #ffffff1f}.scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}.scrollbar-thumb.is-dragging,.scrollbar-thumb:active{cursor:grabbing;background:var(--scroll-thumb-hover)}.list-counter{text-align:center;color:var(--ui-text-muted);text-shadow:1px 1px #000;flex-shrink:0;justify-content:center;align-items:center;gap:.75rem;padding:.5rem 0;font-family:RS Plain,system-ui,sans-serif;font-size:.875rem;display:flex}.list-pager{justify-content:center;align-items:center;gap:.75rem;display:flex}.card{--chathead-width:80px;-webkit-font-smoothing:none;font-smooth:never;text-rendering:optimizespeed;background:url(/sprites/chat-background.png) 50%/100% 100% no-repeat;flex-shrink:0;grid-template-columns:130px 1fr;align-items:center;gap:16px;height:200px;padding:24px 28px;font-family:RS Quill,Georgia,serif;display:grid;position:relative}.card--no-speaker{--chathead-width:80px}.chathead{width:var(--chathead-width);height:auto;max-height:150px;image-rendering:pixelated;justify-self:center}.card-body{--card-content-shift-x:-30px;text-align:center;min-width:0;height:100%;transform:translateX(var(--card-content-shift-x));flex-direction:column;justify-content:space-between;align-items:center;gap:6px;padding:0;display:flex}.title{color:var(--chat-name);text-shadow:none;word-wrap:break-word;flex-shrink:0;max-width:100%;font-family:RS Quill,Georgia,serif;font-size:22px;font-style:normal;font-weight:400;line-height:1.1;text-decoration:none}.text{flex:auto;justify-content:center;align-items:center;max-width:100%;min-height:0;margin:0;padding:0 4px;display:flex;overflow:hidden}.text-inner{-webkit-line-clamp:3;line-clamp:3;color:var(--chat-text);text-align:center;text-shadow:none;word-wrap:break-word;overflow-wrap:anywhere;white-space:normal;-webkit-box-orient:vertical;font-family:RS Quill,Georgia,serif;font-size:22px;line-height:1.1;text-decoration:none;display:-webkit-box;overflow:hidden}.card-footer{flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;line-height:1;display:flex}.wiki-link,.show-more{color:var(--chat-continue);text-shadow:none;cursor:pointer;background:0 0;border:none;padding:0;font-family:RS Quill,Georgia,serif;font-size:22px;line-height:1;text-decoration:none}.wiki-link:hover,.show-more:hover,.wiki-link:focus,.show-more:focus{outline:none;text-decoration:none}.wiki-link:hover,.wiki-link:focus{color:var(--chat-continue-hover)}.card-footer .sep{color:var(--chat-text);-webkit-user-select:none;user-select:none;font-family:RS Quill,Georgia,serif;font-size:22px}mark.hit{color:inherit;background:#ffdc648c;padding:0 1px}.card--clickable{cursor:pointer}.modal-overlay{z-index:100;background:#000000a6;justify-content:center;align-items:center;padding:1rem;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--modal-bg);border:3px solid var(--modal-border);-webkit-font-smoothing:none;font-smooth:never;text-rendering:optimizespeed;outline:none;flex-direction:column;width:100%;max-width:44rem;max-height:calc(100dvh - 2rem);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 28px #00000080}.modal-close{z-index:2;cursor:pointer;color:#0000;background:url(/sprites/window_close_button.png) 50%/contain no-repeat;border:none;width:26px;height:23px;padding:0;font-size:0;position:absolute;top:8px;right:8px}.modal-close:hover,.modal-close:focus-visible{background-image:url(/sprites/window_close_button_hovered.png);outline:none}.share-overlay{z-index:110;background:#000000b8;justify-content:center;align-items:center;padding:1rem;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.share-dialog{outline:none;flex-direction:column;align-items:stretch;gap:.5rem;display:flex;position:relative}.share-chatbox-preview{flex-shrink:0;position:relative}.share-chatbox-frame{transform-origin:0 0;background:url(/sprites/chat-background.png) 50%/100% 100% no-repeat;width:1038px;height:284px;position:absolute;inset:0 auto auto 0;overflow:hidden}.share-chatbox-canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.share-chatbox-frame--dev-overlay:after{content:"";pointer-events:none;opacity:.5;z-index:10;background:url(/chatbox-dev-overlay.png) 50%/100% 100% no-repeat;position:absolute;inset:0}.share-actions{justify-content:flex-end;align-items:center;gap:.5rem;min-height:24px;display:flex}.share-download{color:var(--ui-text-muted)}.share-actions .modal-close{flex-shrink:0;position:static}.card--in-modal{background:0 0;border:none;flex:auto;grid-template-columns:auto 1fr;align-items:start;gap:1.25rem;height:auto;min-height:0;max-height:100%;padding:2.25rem 2.75rem 1.5rem 1.5rem;overflow-y:auto}.card--in-modal .chathead{--chathead-width:115px;justify-self:start}.card--in-modal.card--no-speaker .chathead{--chathead-width:77px}.card--in-modal .card-body{text-align:left;align-items:stretch;gap:1rem;height:auto;padding:0;transform:none}.card--in-modal .title{text-align:left;font-size:22px}.card--in-modal .text{flex:none;display:block;overflow:visible}.card--in-modal .text-inner{-webkit-line-clamp:unset;line-clamp:unset;text-align:left;font-size:20px;line-height:1.25;display:block;overflow:visible}.card--in-modal .wiki-link,.card--in-modal .show-more,.card--in-modal .card-footer .sep{font-size:18px}.card--in-modal .card-footer{justify-content:flex-start}@media (max-width:36rem){#app{padding:0 .625rem}.page-header{display:none}.list-track{padding-right:.125rem}.scrollbar{display:none}.list-counter{flex-direction:column;gap:.5rem}.list-pager{gap:.5rem}.list-pager .list-counter-label{display:none}.syntax-help-overlay{padding:2.75rem 1rem 1rem}.syntax-help-dialog{padding:1.5rem 1.25rem 1.25rem}.syntax-help-title{font-size:28px}.syntax-help-examples div{grid-template-columns:1fr;gap:.125rem}.card{--chathead-width:50px;background:var(--modal-bg);border:3px solid var(--modal-border);grid-template-columns:54px 1fr;align-items:center;gap:20px;height:auto;min-height:156px;padding:1rem}.card--no-speaker{--chathead-width:46px}.chathead{align-self:center;transform:translateY(8px)}.title,.text-inner,.wiki-link,.show-more,.card-footer .sep{font-size:18px}.card--in-modal{background:0 0;border:none;padding:2rem 2rem 1.25rem 1.125rem}.card--in-modal .chathead{--chathead-width:86px;transform:none}.card--in-modal.card--no-speaker .chathead{--chathead-width:58px}.card--in-modal .title{font-size:18px}.card--in-modal .text-inner,.card--in-modal .wiki-link,.card--in-modal .show-more,.card--in-modal .card-footer .sep{font-size:16px}}