:focus-visible{outline: calc(var(--sp-1) / 2) solid var(--gold-2);outline-offset: var(--sp-1);} .skip-link{position: fixed;top: 0;left: 0;z-index: var(--z-skip-link,1000);padding: var(--sp-3) var(--sp-4);border-radius: var(--radius-1);background: var(--bg-2);color: var(--gold-2);font-size: var(--fs-small);font-weight: 700;text-decoration: none;transform: translateY(-200%);} .skip-link:focus,.skip-link:focus-visible{transform: none;} html .btn-gold:focus-visible{outline-color: var(--text-bright);} @media (forced-colors: active){html .btn-gold:focus-visible{outline-color: CanvasText;}} html .btn-gold:hover{filter: brightness(1.15) drop-shadow(0 0 10px color-mix(in srgb,var(--cta-face) 40%,transparent));} @media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: var(--dur-none)!important;animation-delay: 0ms!important;animation-iteration-count: 1!important;transition-duration: var(--dur-none)!important;transition-delay: 0ms!important;scroll-behavior: auto!important;}} .btn-discord{min-width: calc(var(--sp-1) * 11);min-height: calc(var(--sp-1) * 11);} html .site-nav a{display: inline-flex;align-items: center;min-height: calc(var(--sp-1) * 11);} @media (forced-colors: active){:focus-visible{outline-color: CanvasText;} .skip-link:focus,.skip-link:focus-visible{background: ButtonFace;color: ButtonText;forced-color-adjust: none;} html .side-search:focus-visible,html .lb-search:focus-visible,html .lb-select:focus-visible,html .lb-jump:focus-visible,html input[type=search]:focus-visible,html select:focus-visible,html input[type=number]:focus-visible,html .craft-search:focus-visible,html .craft-filter:focus-visible{outline: calc(var(--sp-1) / 2) solid CanvasText;outline-offset: var(--sp-1);} html :target{outline-color: CanvasText;}} html .side-search:focus-visible,html .lb-search:focus-visible,html .lb-select:focus-visible,html .lb-jump:focus-visible,html input[type=search]:focus-visible,html select:focus-visible,html input[type=number]:focus-visible,html .craft-search:focus-visible,html .craft-filter:focus-visible{outline: calc(var(--sp-1) / 2) solid var(--gold-2);outline-offset: var(--sp-1);} .searchbar input[type=search]:focus-visible{border-color: var(--gold-mid);} .armory-hero.has-result input[type=search]:focus-visible{border-bottom-color: var(--gold-mid);} .armory-share:focus-visible{border-color: var(--gold-2);background: color-mix(in srgb,var(--gold-2) 20%,transparent);} .fit-mode:focus-visible,.fit-copy:focus-visible,.fit-rank:focus-visible,.wiki-compare-open:focus-visible,.wiki-compare-add:focus-visible,.wiki-compare-remove:focus-visible,.logs-pick:focus-visible,.loot-mode-btn:focus-visible,.loot-mode-btn[aria-pressed="true"]:focus-visible,.loot-filter:focus-visible,.markets-cat:focus-visible,.markets-tabs .markets-tab[aria-selected="false"]:focus-visible,.shell main .wiki-browse-list a:focus-visible,.wiki-search .wiki-browse-list a:focus-visible{border-color: var(--gold-2);} .markets-mover-btn:focus-visible{background: var(--bg-2);} .slot:focus-visible{border-color: color-mix(in srgb,var(--gold-2) 35%,transparent);} .standings-link:focus-visible{color: var(--white,var(--gold-bright));} .pick:focus-visible{border-image: var(--game-frame-selected) 1;} .btn-gold[aria-busy="true"]:focus-visible{filter: none;transform: none;} .home #classes .class-discipline > .vocation-tile:not(:disabled):focus-visible{background: var(--game-row);border-color: var(--game-hairline);} .home #classes .vocation-tile:focus-visible .class-name{color: var(--game-text);} .overview-grid>.ov-card:focus-visible .ov-name{color: var(--gold);} th[data-sort]:focus-visible,.skill-btn:focus-visible .fav-star::before,.wiki-places > li > a:focus-visible .wiki-place-name,.wiki-boss-link:focus-visible .wiki-boss-name{color: var(--gold-2);} th[data-sort]:focus-visible::after{opacity: .8;} .board table tbody tr:has(:focus-visible)>*,.lookup-table tr:has(:focus-visible)>*,#main .wiki-stats tbody tr:has(:focus-visible) > *{background-color: var(--gold-earth-a4);} .board table tbody tr:has(:focus-visible)>:first-child,#main .wiki-stats tbody tr:has(:focus-visible) > :first-child{box-shadow: var(--shadow-row-marker);} .markets-mover:has(:focus-visible) .markets-wiki-link,.markets-fold-item .markets-wiki-link:focus-visible,.movers-list-item .markets-wiki-link:focus-visible,tr > td > .markets-wiki-link:focus-visible{color: var(--gold-mid);text-decoration: underline;} .site-header a.btn.btn-gold-quiet:focus-visible{color: var(--gold-bright);background: linear-gradient(180deg,var(--gold-2-a18),var(--gold-2-a8));border-color: var(--gold-bright);box-shadow: inset 0 1px 0 var(--white-a14),0 0 0 3px var(--gold-bright-a28);} .btn[aria-disabled="true"]:focus-visible{transform: none;filter: none;box-shadow: none;} a.btn.btn-gold[aria-disabled="true"]:focus-visible,.btn-gold[aria-disabled="true"]:focus-visible{background: linear-gradient(180deg,color-mix(in srgb,var(--gold-2) 45%,var(--bg-3)),color-mix(in srgb,var(--gold-dark) 45%,var(--bg-3)));border-color: color-mix(in srgb,var(--gold-dark) 55%,var(--bg-3));color: var(--text-bright);} .btn-outline[aria-disabled="true"]:focus-visible{background: var(--white-a5);border-color: var(--white-a16);color: var(--text-body);} html{scroll-padding-top: calc(var(--chrome-header-h) + 12px)!important;} ::selection{background: var(--gold-2);color: var(--bg-2);} :root{color-scheme: dark;} input[type="checkbox"],input[type="radio"],input[type="range"],select,progress,meter{accent-color: var(--gold-2);} @media (prefers-reduced-transparency: reduce){*,*::before,*::after{backdrop-filter: none!important;}} :target:is(a,button,input,select,textarea,[tabindex]){outline: calc(var(--sp-1) / 2) solid var(--gold-2);outline-offset: -2px;} html a:focus-visible{outline-color: var(--gold-2);outline-offset: var(--sp-1);} html .site-brand:focus-visible,html .nav-toggle:focus-visible{outline-color: var(--gold-2);outline-offset: var(--sp-1);} html [data-tip]:focus-visible::after{opacity: 1;transform: translateX(-50%) translateY(-8px);} html .skill-btn[data-tip]:focus-visible::after{transform: translateY(-50%);} input:-webkit-autofill,input:-webkit-autofill:focus{-webkit-text-fill-color: currentcolor;transition: background-color 59999s ease-in-out,background-image 59999s ease-in-out,color 59999s ease-in-out;} :root{--text-muted-raised: #b3ada0;} .lb-sub{color: var(--text-muted-raised);} :root{--a11y-floor-strong: #ece7d8;} html button#markets-tab-trades{color: var(--a11y-floor-strong);} html .side-search::placeholder{color: var(--text-muted);opacity: 1;} html:root{--text-muted: var(--text-dim);} html{-webkit-tap-highlight-color: color-mix(in srgb,var(--gold-2) 25%,transparent);-webkit-text-size-adjust: 100%;text-size-adjust: 100%;} html .carry-strip .slot-label{color: var(--text-bright);} html .gallery-fresh{color: var(--text-body);} html #overview-count,html #fav-count{color: var(--gold-2)!important;background-color: var(--bg-2)!important;} html .ov-cat-badge.cat-modes{color: color-mix(in srgb,var(--red) 55%,var(--white));} html .ov-cat-badge.cat-combat{color: color-mix(in srgb,var(--blue) 55%,var(--white));} html .side-search{font-size: max(var(--fs-body),1em);} input,select,textarea,button{font-size: max(var(--fs-body),1em);} html .pager-btn:focus-visible{outline-color: var(--gold-2);outline-offset: var(--sp-1);} html button#random-board,html button#drawer-close,html #nav-overview > button.skill-btn,html #nav-professions > button.skill-btn,html #nav-combat > button.skill-btn,html #nav-disciplines > button.skill-btn,html #nav-modes > button.skill-btn,html #nav-bosses > button.skill-btn{color: var(--text-body);} html .kbd-hints{color: var(--text-dim);} html .lb-search,html .lb-select,html .lb-jump{font-size: max(var(--fs-body),1em);} @media (max-width: 480px){html .nav-toggle,html .btn-discord{min-width: 44px;min-height: 44px;}} html .site-footer a:focus-visible{outline: calc(var(--sp-1) / 2) solid var(--gold-2);outline-offset: var(--sp-1);} html .skill-icon{color: var(--text-body);} html:root{--danger: #e66b6b;--a11y-floor-share: #c0baad;} html button#quick-share,html button#export-board,html button#download-csv,html button#clear-filters{color: var(--a11y-floor-share);} .sr-only{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0 0 0 0);clip-path: inset(50%);white-space: nowrap;border: 0;} @media (prefers-contrast: more){html:root body :focus-visible{outline-width: calc(var(--sp-1) * 3 / 4);outline-color: var(--text-bright);} html:root{--border: var(--border-bright);--border-subtle: var(--border-bright);--line: var(--gold-dark);}}