.app-bar{background-color:var(--bar);border-bottom:2px solid var(--bar-border);box-shadow:var(--shadow)}@media (width>=768px){.app-bar{z-index:30;height:var(--app-bar-height);position:sticky;top:0}}.app-bar-inner{max-width:var(--page-width);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem 1.5rem;height:100%;margin:0 auto;padding:.5rem 1rem;display:flex}@media (width>=768px){.app-bar-inner{flex-wrap:nowrap;padding-block:0}}.app-brand{color:var(--bar-border);font-family:var(--font-heading);letter-spacing:.02em;white-space:nowrap;font-size:1.15rem;font-weight:600;text-decoration:none}.app-version{border:1px solid var(--bar-hover);color:var(--bar-muted);font-family:var(--font);vertical-align:middle;border-radius:1rem;margin-left:.35rem;padding:.1rem .4rem;font-size:.7rem;font-weight:400}.app-brand-sub{color:var(--bar-text);font-weight:400}.app-nav{flex-wrap:wrap;align-self:stretch;align-items:stretch;display:flex}.app-nav-link{color:var(--bar-text);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;align-items:center;gap:.25rem;padding:.5rem .85rem;font-size:.95rem;text-decoration:none;transition:color .15s ease-in-out,border-color .15s ease-in-out;display:flex}.app-nav-link:hover,.app-nav-link[data-state=open]{color:var(--bar-text-strong)}.app-nav-link.active{border-bottom-color:var(--bar-border);color:var(--bar-text-strong);font-weight:500}.app-nav-menu{z-index:40;border:1px solid var(--bar-hover);border-radius:0 0 var(--radius) var(--radius);background-color:var(--bar);min-width:12rem;padding:.35rem 0;box-shadow:0 .5rem 1rem #00000059}.app-nav-menu-item{color:var(--bar-text);border-left:3px solid #0000;outline:none;padding:.4rem 1rem;font-size:.95rem;text-decoration:none;display:block}.app-nav-menu-item[data-highlighted]{background-color:var(--bar-hover);color:var(--bar-text-strong)}.app-nav-menu-item.active{border-left-color:var(--bar-border);color:var(--bar-text-strong);font-weight:500}.app-theme-toggle{border:1px solid var(--bar-muted);color:var(--bar-text);cursor:pointer;background:0 0;border-radius:50%;align-self:center;align-items:center;margin-left:.5rem;padding:.35rem;display:flex}.app-theme-toggle:hover{border-color:var(--bar-border);color:var(--bar-border)}.back-to-top{z-index:35;border:2px solid var(--bar-border);background-color:var(--bar);width:2.75rem;height:2.75rem;color:var(--bar-border);box-shadow:var(--shadow);opacity:0;visibility:hidden;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s ease-in-out,transform .2s ease-in-out,visibility .2s;display:flex;position:fixed;bottom:1.25rem;right:1.25rem;transform:translateY(.5rem)}.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background-color:var(--bar-border);color:var(--bar)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface:#fff;--surface-sunken:#e8e8e8;--surface-hover:#f6f6f6;--border:#d0d0d0;--border-strong:#aaa;--danger:#c62828;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23535456' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--text:#212529;--text-strong:#000;--text-muted:#888;--text-soft:#535456;--link:#1a3f5b;--accent:#535456;--accent-strong:#333;--on-accent:#fff;--bar:#111;--bar-border:#908858;--bar-text:#d0d0d0;--bar-text-strong:#fff;--bar-muted:#aaa;--bar-hover:#333;--item-gold:#908858;--item-white:#4a4a4a;--item-red:red;--item-green:green;--item-blue:#2f3589;--item-grey:grey;--item-black:black;--item-orange:#b85c00;--item-yellow:#857a00;--item-purple:purple;--item-dgreen:darkgreen;--item-setbonus:#2e8b74;--item-runeword:sienna;--tier-normal:var(--accent);--tier-exceptional:#3f5e74;--tier-elite:var(--item-gold);--tier-uber:#900;--tier-secret:var(--item-purple);--gem:#7b4a9e;--search-hit:#ebbd0066;--stat-match:#ebbd0026;--image-background:transparent;--area-ground:#ecebe4;--area-outside:#eef3e6;--area-outside-border:#8fa36d;--area-inside:#ecebea;--area-inside-border:#8e8a82;--area-town:#f3ecd2;--area-way:#8e8a82;--area-border:#8fa36d;--area-entrance:#8e8a82;--area-quest:#2c5f9e;--area-portal:#c0392b;--area-cube:#7b4a9e;--shadow:0 2px 8px #00000040;--app-bar-height:0px;--page-width:1440px;--radius:.25rem;--font:"Roboto", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--font-heading:"Poppins", Arial, sans-serif}@media (width>=768px){:root{--app-bar-height:56px}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#1e1e23;--surface-sunken:#141418;--surface-hover:#2a2a31;--border:#34343c;--border-strong:#5c5c66;--text:#d5d5db;--text-strong:#f2f2f4;--text-muted:#8e8e98;--text-soft:#ababb4;--link:#6fb0ff;--accent:#4b4b55;--accent-strong:#5c5c68;--danger:#b3261e;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23ababb4' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--item-gold:#c8b77d;--item-white:#d5d5db;--item-red:#ff6b6b;--item-green:#4fc34f;--item-blue:#8c98ff;--item-grey:#9a9aa3;--item-black:#bdbdc4;--item-yellow:#e2d54d;--item-purple:#c486e6;--item-dgreen:#5fb55f;--item-setbonus:#4fc2a8;--item-runeword:#e0915f;--tier-exceptional:#6d93ad;--search-hit:#e2d54d;--search-hit-text:#141418;--stat-match:#e2d54d1f;--image-background:#000;--area-ground:#17171b;--area-outside:#1f2619;--area-outside-border:#5f7344;--area-inside:#232226;--area-inside-border:#5c5a55;--area-town:#2d2817;--area-way:#8a857c;--area-border:#6f8a4c;--area-entrance:#77736b;--area-quest:#7fb2ff;--area-portal:#ff6b5b;--area-cube:#c486e6}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:calc(var(--app-bar-height) + 5rem)}body{background-color:var(--surface-sunken);color:var(--text);font-family:var(--font);margin:0;font-size:16px;line-height:1.25}h1,h2,h3,h4,h5{color:var(--text-strong);font-family:var(--font-heading);margin:0;line-height:1.5}h1{font-size:2rem;font-weight:600}h2{font-size:1.5rem;font-weight:500}h3{font-size:1.15rem;font-weight:500}a{color:var(--link)}:where(button){font:inherit}:where(input){font:inherit;color:inherit}img{max-width:100%;height:auto}.text-muted{color:var(--text-muted)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.text-gold,.text-unique{color:var(--item-gold)}.text-white{color:var(--item-white)}.text-red{color:var(--item-red)}.text-green,.text-set{color:var(--item-green)}.text-blue,.text-magic{color:var(--item-blue)}.text-grey,.text-grey2{color:var(--item-grey)}.text-black{color:var(--item-black)}.text-orange{color:var(--item-orange)}.text-yellow{color:var(--item-yellow)}.text-purple{color:var(--item-purple)}.text-dgreen{color:var(--item-dgreen)}.text-setbonus{color:var(--item-setbonus)}.text-runeword{color:var(--item-runeword)}.stat-note{color:var(--text-muted);margin-left:.3em;font-size:.85em}.base-value{color:var(--text-strong)}.text-bold{font-weight:bolder}@keyframes item-highlight{0%{box-shadow:0 0 0 3px var(--item-gold)}to{box-shadow:0 0 0 3px #0000}}.item-highlight{animation:2.5s ease-out item-highlight}.page-container{max-width:var(--page-width);margin:0 auto;padding:1rem}.thin-scrollbar{--scrollbar-gap:var(--surface);scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.thin-scrollbar::-webkit-scrollbar{width:8px}.thin-scrollbar::-webkit-scrollbar-track{background:0 0}.thin-scrollbar::-webkit-scrollbar-thumb{border:2px solid var(--scrollbar-gap);background-color:var(--border-strong);border-radius:4px}.thin-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--item-gold)}.table-list{border:1px solid var(--border);border-radius:var(--radius);background-color:var(--surface);font-size:.85rem;line-height:1.45}.table-list-head{color:var(--text-soft);font-weight:500}@media (width<=767px){.table-list-head{display:none!important}}.table-list-row{border-top:1px solid var(--border);content-visibility:auto;contain-intrinsic-size:auto 90px}.page-note{margin:.5rem 0 1rem;font-size:.875rem}.cube-token{border:1px solid var(--border);border-radius:var(--radius);background-color:var(--surface-hover);min-height:2.5rem;color:var(--text);vertical-align:middle;align-items:center;gap:.5rem;padding:.2rem .5rem .2rem .25rem;text-decoration:none;display:inline-flex}a.cube-token:hover{border-color:var(--item-gold)}.cube-token.has-help{cursor:help}a.cube-token.has-help{cursor:pointer}.cube-token-image.item-img{width:auto;max-width:28px;height:auto;max-height:56px}.cube-token-text{flex-direction:column;line-height:1.25;display:flex}.cube-token-qty{color:var(--text-soft);font-size:.75rem}.cube-token-unique .cube-token-name{color:var(--item-gold)}.cube-token-setitem .cube-token-name,.cube-token-set .cube-token-name{color:var(--item-green)}.cube-token-type .cube-token-name{font-style:italic}.cube-token-mods{color:var(--text-muted);font-size:.75rem}.cube-flag{border:1px solid var(--border-strong);color:var(--text-soft);border-radius:1rem;padding:0 .4rem;font-size:.75rem;display:inline-block}.page-toolbar{top:var(--app-bar-height);z-index:20;position:sticky}.page-empty{text-align:center;padding:2rem 0}.cube-ingredients{grid-template-columns:1rem minmax(0,1fr);align-items:center;gap:.35rem .25rem;display:grid}.cube-ingredients>.cube-token{grid-column:2}.cube-plus{color:var(--text-muted);text-align:center;grid-column:1;font-weight:500}.cube-ingredients>.cube-token,.cube-result>.cube-token{width:100%;display:flex}.cube-result-actions{color:var(--item-orange);margin-top:.2rem;font-size:.8rem}.row-arrow{color:var(--text-muted);font-size:1.25rem;font-weight:500;line-height:1}@media (width<=767px){.row-arrow{justify-self:start;transform:rotate(90deg)}}.row-conditions{grid-column:1/-1}.item-block-plan,.item-block-anchor{margin-left:auto}.ethereal-toggle-wrapper+.item-block-plan,.ethereal-toggle-wrapper+.item-block-anchor,.item-block-plan+.item-block-anchor{margin-left:0}.cube-recipe-anchor{position:absolute;top:.35rem;right:.35rem}.cube-recipe-anchor~.cube-recipe-body{padding-right:2.25rem}.row-anchor{place-self:start end}.item-group-title>.anchor-link-wrapper{margin-left:auto}:where(select,.dropdown-button,input[type=text],input[type=search],input[type=number]){box-sizing:border-box;border:1px solid var(--border-strong);border-radius:var(--radius);background-color:var(--surface);height:2.1rem;color:var(--text);font:inherit;padding:0 .6rem;font-size:.9rem;line-height:1.2}:where(select,.dropdown-button,input[type=text],input[type=search],input[type=number]):focus{border-color:var(--item-gold);outline:none}:where(select,.dropdown-button){appearance:none;background-image:var(--select-arrow);cursor:pointer;background-position:right .6rem center;background-repeat:no-repeat;background-size:.7rem;padding-right:1.9rem}.dropdown-button{text-align:left;align-items:center;display:inline-flex}.dropdown-button:hover,.dropdown-button[data-state=open]{border-color:var(--item-gold)}.toggle-group{display:inline-flex}.toggle-group .filter-toggle:not(:first-child){margin-left:-1px}.toggle-group .filter-toggle:first-child{border-radius:var(--radius) 0 0 var(--radius)}.toggle-group .filter-toggle:last-child{border-radius:0 var(--radius) var(--radius) 0}.filter-toggle{--toggle-color:var(--accent-strong);border:1px solid var(--border-strong);background-color:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:0;padding:.25rem .6rem;font-size:.875rem}.filter-toggle:hover{color:var(--text-strong)}.filter-toggle[data-state=on]{border-color:var(--toggle-color);background-color:var(--toggle-color);color:var(--on-accent)}.filter-toggle:focus-visible{outline:2px solid var(--item-gold);outline-offset:1px;position:relative}.filter-toggle-normal{--toggle-color:var(--tier-normal)}.filter-toggle-exceptional,.filter-toggle-starter{--toggle-color:var(--tier-exceptional)}.filter-toggle-elite,.filter-toggle-unique,.filter-toggle-armor,.filter-toggle-rune{--toggle-color:var(--tier-elite)}.filter-toggle-uber,.filter-toggle-uberrune,.filter-toggle-blood{--toggle-color:var(--tier-uber)}.filter-toggle-secret{--toggle-color:var(--tier-secret)}.filter-toggle-set{--toggle-color:var(--item-setbonus)}.filter-toggle-setitem{--toggle-color:var(--item-green)}.filter-toggle-runeword,.filter-toggle-standard{--toggle-color:var(--item-runeword)}.filter-toggle-mana{--toggle-color:var(--item-blue)}.filter-toggle-gems,.filter-toggle-gem,.filter-toggle-jewels{--toggle-color:var(--gem)}.item-hidden-info{color:var(--text-soft);align-items:center;gap:.35rem;font-size:.85rem;display:inline-flex}.link-button{color:var(--link);font-size:inherit;cursor:pointer;background:0 0;border:0;padding:0}.link-button:hover{text-decoration:underline}.filter-toggle-weapon{--toggle-color:var(--tier-exceptional)}.filter-toggle-misc{--toggle-color:var(--gem)}.filter-toggle-misc-4-0{--toggle-color:var(--tier-exceptional)}.filter-toggle-misc-4-1{--toggle-color:var(--item-setbonus)}.filter-toggle-misc-4-2{--toggle-color:var(--item-runeword)}.filter-toggle-misc-4-3{--toggle-color:var(--gem)}.filter-toggle-misc-4-4{--toggle-color:var(--item-dgreen)}.filter-toggle-misc-4-5{--toggle-color:var(--tier-elite)}.filter-toggle-misc-4-6{--toggle-color:var(--tier-uber)}.info-tooltip{z-index:50;border:1px solid var(--border);border-radius:var(--radius);background-color:var(--surface);max-width:min(320px,100vw - 16px);box-shadow:var(--shadow);color:var(--text);padding:.5rem .75rem;font-size:.8rem;line-height:1.45}.info-tooltip-title{color:var(--text-strong);font-weight:500}.dialog-overlay{z-index:40;background-color:#00000080;position:fixed;inset:0}.dialog{z-index:45;border:1px solid var(--border);border-radius:var(--radius);background-color:var(--surface-sunken);flex-direction:column;width:min(1100px,100vw - 2rem);max-height:calc(100vh - 2rem);display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1rem 3rem #0006}.dialog-header{border-bottom:1px solid var(--border);background-color:var(--surface);justify-content:space-between;align-items:flex-start;gap:1rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.dialog-title{font-size:1.15rem}.dialog-close{color:var(--text-soft);cursor:pointer;background:0 0;border:0;padding:.25rem}.dialog-close:hover{color:var(--text-strong)}
