#database{--db-line:#564530;--db-muted:#a99b88;--db-gold:#d7b779;background:radial-gradient(ellipse at 70% 0,#32211755,transparent 50%),#100d0a;color:#d5ccbe}
#database .d4-portal-sidebar{align-self:start;position:sticky;top:80px}
#database .d4-topbar{border-bottom:1px solid var(--db-line);background:linear-gradient(120deg,#2d211a,#17120f);padding:26px}
#database .db-intro{margin:12px 0;color:#c0b09b;line-height:1.8}
#database .db-source{font-size:12px;color:var(--db-muted);margin-top:12px;overflow-wrap:anywhere}
#database .db-categories{display:flex;flex-wrap:wrap;gap:8px}
#database .d4-data-tab{display:flex;gap:16px;align-items:center;padding:12px 15px;border:1px solid var(--db-line);background:#19140f;font-size:14px}
#database .d4-data-tab.is-active{background:#473320;color:#f3dba5;border-color:#b48a4e}
#database .d4-data-tab span:last-child{font-size:12px;opacity:.65}
#database .db-results{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 0 4px;font-size:13px;color:var(--db-muted)}
#database .db-results a,#database .db-open{color:var(--db-gold)}
#database .db-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#database .d4-database-card{display:flex;flex-direction:column;background:linear-gradient(135deg,#251c15,#17120e);border:1px solid #4a3929;border-top:2px solid #957044;padding:20px;min-width:0}
#database .d4-database-card:hover{border-color:#b48a4e;background:#2b2017}
#database .d4-database-card h2{line-height:1.6;overflow-wrap:anywhere}
#database .d4-database-card h2 a:hover{text-decoration:underline}
#database .db-description{white-space:pre-line;line-height:1.85;overflow-wrap:anywhere}
#database .db-preview{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:16px}
#database .db-open{margin-top:auto;padding-top:18px;font-size:13px}
#database .db-detail{scroll-margin-top:85px;border:1px solid #b08a50;background:#241b13;padding:28px;margin-top:20px;box-shadow:0 10px 40px #0005}
#database .db-detail h2{font-size:26px;font-weight:800;color:#efcc8c;margin:12px 0 20px}
#database .db-detail .db-description{margin:16px 0;padding-bottom:12px;border-bottom:1px solid #51402c}
#database .db-pagination{display:flex;justify-content:center;align-items:center;gap:24px;margin:28px 0}
#database .db-pagination a{border:1px solid #81603e;padding:10px 18px;color:#e0bf84}
#database .d4-topbar .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#database .d4-database-card>div:first-child{flex-wrap:wrap}
#database .d4-database-card{--item-tone:#c59a72;background:linear-gradient(115deg,#251b12f2,#100e0bf5);border:1px solid #64513a;box-shadow:inset 0 0 0 3px #100e0b,inset 0 0 0 4px #463a29,0 5px 18px #0005;padding:22px;position:relative}
#database .db-tone-mythic{--item-tone:#cf9ff3;border-color:#795296;background:linear-gradient(125deg,#2e1c3b,#120e16)}
#database .db-tone-legendary{--item-tone:#e29b55}
#database .db-tone-unique{--item-tone:#e0c0a0}
#database .d4-database-card:has(.db-item-art){display:grid;grid-template-columns:100px minmax(0,1fr);column-gap:22px;align-content:start}
#database .d4-database-card:has(.db-item-art)>:not(.db-item-art){grid-column:2}
#database .db-item-art{grid-column:1;grid-row:1 / span 5;display:flex;align-items:center;justify-content:center;align-self:start;width:100px;height:160px;border:1px solid #86704d;background:radial-gradient(ellipse,#73573144,transparent 72%),linear-gradient(#17130f,#090807);box-shadow:inset 0 0 0 3px #0a0807,inset 0 0 18px #000a;position:relative}
#database .db-tone-mythic .db-item-art{border-color:#9570b7;background:radial-gradient(ellipse,#824daa66,transparent 75%),#100b16}
#database .db-item-art img{width:90%;height:90%;object-fit:contain;filter:drop-shadow(0 5px 5px #000);image-rendering:auto}
#database .d4-database-card h2{color:var(--item-tone);font-size:20px;text-shadow:0 2px 3px #000;margin-top:6px}
#database .db-preview{font-size:14px;color:#c6bfb2;border-top:1px solid #65523b66;padding-top:12px}
#database .db-open{font-size:12px;letter-spacing:.04em;justify-self:start}
#database .db-detail{min-height:280px;border-top:3px solid var(--item-tone,#b08a50)}
#database .db-detail-art{float:right;width:140px;height:210px;margin:0 0 22px 24px}
#database .db-detail h2{color:var(--item-tone,#efcc8c)}
#database .d4-database-card>div.flex{display:block;min-width:0}
#database .d4-database-card>div.flex>p{display:inline-block;margin-top:8px;max-width:100%;white-space:normal;line-height:1.6;color:#a99b88;font-size:11px}
#database .db-facets{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end;border-top:1px solid #58432a;padding-top:16px}
#database .db-facets label{display:grid;gap:8px;font-size:13px;color:#d7bb8e}
#database .db-facets select{width:100%;min-width:0;padding:11px;background:#17130e;color:#e4d4b8;border:1px solid #79603d}
#database .db-facets button{padding:11px 18px}
#database a.d4-tag{padding:5px 9px;color:#d5c1a1;border:1px solid #715737;background:#332618;font-size:12px}
#database a.d4-tag:hover{background:#674a28;color:#fff0c4;border-color:#cc9d5b}
#database .db-review{font-size:12px;color:#c7a16a;margin-top:8px}
#database .db-detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
@media(max-width:700px){#database .db-facets{grid-template-columns:1fr 1fr}#database .db-facets button{grid-column:1/-1}}
@media(max-width:700px){#database .d4-database-card:has(.db-item-art){grid-template-columns:74px minmax(0,1fr);column-gap:14px;padding:18px}#database .db-item-art{width:74px;height:120px}#database .d4-database-card h2{font-size:18px}#database .db-detail-art{width:86px;height:136px;margin-left:12px}}
#database a:focus-visible,#database input:focus-visible,#database button:focus-visible{outline:2px solid #f0c783;outline-offset:4px}
@media(max-width:700px){#database .db-grid{grid-template-columns:1fr}#database .d4-portal-sidebar{position:static}#database .d4-portal-sidebar .mt-3{display:flex;flex-wrap:wrap;gap:6px}#database .d4-filter-link{gap:10px;padding:8px}#database .db-detail{padding:18px}#database .db-pagination{gap:12px}#database .db-pagination a{padding:9px}}
#database .db-shell{display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px;max-width:1440px}
#database .db-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #65503a;padding:12px 0 22px;gap:15px}
#database .db-heading h1{font-size:30px;color:#e0c4a0;margin:8px 0 0}#database .db-heading>p{color:#ab9d8b;font-size:13px}
#database .db-class-switch{align-self:start;position:sticky;top:80px;background:#15120f;border:1px solid #4e4032;padding:8px;max-height:calc(100vh - 100px);overflow:auto}
#database .db-class-choice{display:flex;align-items:center;gap:12px;padding:8px 10px;color:#a99e91;border-left:2px solid transparent}
#database .db-class-choice img{width:34px;height:40px;object-fit:cover;object-position:top;filter:grayscale(.7)}
#database .db-class-choice.is-active{background:linear-gradient(90deg,#503922,#241b13);color:#f2d7ab;border-color:#d2a467}
#database .db-class-choice.is-active img{filter:none}#database .db-class-all{width:34px;text-align:center;font-size:26px}
#database .db-class-slots{display:grid;grid-template-columns:1fr;gap:4px;margin:6px 0 12px;padding:8px 4px;border-bottom:1px solid #493b2d}
#database .db-class-slots a{display:flex;justify-content:space-between;gap:4px;font-size:12px;padding:8px;color:#bcae9c}
#database .db-class-slots a.is-active,#database .db-chip.is-active{color:#f7d69b;background:#45311c;border-color:#ae8350}
#database .db-class-slots small{opacity:.5}#database .db-class-slots a:hover{background:#3b2e21}
#database .db-filter-board{border:1px solid #4e4032;background:#191510;margin-top:12px;padding:14px}
#database .db-effect-filter summary{cursor:pointer;color:#d8bd93;font-size:13px}#database .db-effect-filter summary span{color:#918371;font-size:12px;margin-left:16px}
#database .db-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}#database .db-chip{padding:7px 10px;border:1px solid #51412f;color:#bdae97;font-size:12px;background:#211a13}#database .db-chip small{opacity:.5;margin-left:4px}
#database .d4-data-tab{border:none;border-bottom:2px solid transparent;background:transparent;padding:12px 16px}#database .d4-data-tab.is-active{background:#3a291b;border-bottom-color:#d3a36a}
#database .db-preview{-webkit-line-clamp:3}#database .db-detail-back{display:inline-block;margin-bottom:12px;color:#dabb8b;font-size:12px}
#db-item-dialog{width:min(600px,calc(100vw - 24px));max-height:90vh;padding:0;border:1px solid #b1936d;background:#17110c;color:#d6c8b6;box-shadow:0 24px 100px #000;margin:auto;overflow:auto}
#db-item-dialog::backdrop{background:#000b;backdrop-filter:blur(3px)}
#database #db-item-dialog .db-detail{margin:0;border:0;padding:32px;min-height:400px}#database #db-item-dialog .db-detail-back{display:none}
#database .db-dialog-close{position:sticky;top:8px;float:right;z-index:2;margin:8px 8px -42px 0;width:34px;height:34px;border:1px solid #826343;background:#21190f;color:#e1c79e;font-size:24px;cursor:pointer}
@media(max-width:800px){#database .db-shell{grid-template-columns:130px minmax(0,1fr);gap:12px}#database .db-class-choice{padding:7px 4px;gap:6px;font-size:12px}#database .db-class-choice img{width:24px;height:32px}#database .db-class-slots{grid-template-columns:1fr}#database .db-grid{grid-template-columns:1fr}#database .db-heading{display:block}#database .db-heading h1{font-size:24px}#database .db-heading>p{display:none}#database .d4-database-card:has(.db-item-art){grid-template-columns:54px minmax(0,1fr);gap:10px;padding:15px}#database .db-item-art{width:54px;height:90px}#database .d4-database-card h2{font-size:16px}#database .db-preview{grid-column:1/-1!important}#database .d4-data-tab{padding:9px;font-size:12px}#database .db-class-switch{top:68px}#database #db-item-dialog .db-detail{padding:24px}}
#database .db-tag-group{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;align-items:start;border-top:1px solid #46382b;padding-top:12px;margin-top:12px}#database .db-tag-group h3{color:#c9ac80;font-size:12px;line-height:32px;margin:0}#database .db-tag-group .db-chips{margin:0}@media(max-width:800px){#database .db-tag-group{grid-template-columns:1fr;gap:4px}}
#database .db-tag-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}#database .db-tag-tabs button{padding:8px 14px;border:1px solid #51412f;background:#211a13;color:#baa78b;font-size:13px;cursor:pointer}#database .db-tag-tabs button.is-active{background:#513820;color:#f4d39c;border-color:#b88c52}#database .db-tag-group[hidden]{display:none}#database .db-tag-group{display:block}#database .db-tag-group h3{display:none}
#database .d4-database-card:has(.db-item-art)>.db-full-item{grid-column:1/-1}#database .db-full-item{margin-top:16px;font-size:14px;min-width:0}#database .db-drop{color:#bfa681;font-size:12px;margin-bottom:12px}#database .db-base-stat{padding:12px 0;border-block:1px solid #65523b66;color:#e8e2d7;font-size:16px;margin-bottom:12px}#database .db-affix-line,#database .db-power-line{display:flex;align-items:baseline;gap:10px;margin:9px 0;line-height:1.8}#database .db-affix-line{color:#c7bdae}#database .db-power-line{color:#e8bd7a}#database .db-tone-mythic .db-power-line{color:#cda6ef}#database .db-flavor{border-top:1px solid #65523b66;margin-top:18px;padding-top:14px;color:#998f81;line-height:1.8;font-size:13px}#database .db-full-item .db-source{font-size:10px}#database .db-full-item .db-description{line-height:1.8}
#database .db-loot-shell{max-width:1280px;margin:auto;padding:20px}#database .db-loot-group{margin-top:30px;scroll-margin-top:80px}#database .db-loot-group h2{color:#d8ba88;font-size:22px;border-bottom:1px solid #665137;padding-bottom:12px}#database .db-loot-group h2 small{font-size:12px;opacity:.65;margin-left:12px}#database .db-loot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}#database .db-loot-item{padding:14px}#database .db-loot-item>a{display:flex;gap:14px;align-items:center}#database .db-loot-item img{width:50px;height:74px;object-fit:contain}#database .db-loot-item strong{color:var(--item-tone);font-size:15px}#database .db-loot-item small{display:block;margin-top:7px;color:#a3998b;font-size:12px}@media(max-width:850px){#database .db-loot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){#database .db-loot-grid{grid-template-columns:1fr}}
#database .db-grid{align-items:start;gap:14px}#database .db-grid>.d4-database-card{display:flex;padding:16px;background:#141414;border:1px solid #514837;border-radius:8px;box-shadow:none;--item-tone:#efb271}#database .db-grid>.db-tone-mythic{--item-tone:#d1a0fa;border-color:#6e537b;background:#18131c}#database .db-grid>.d4-database-card:hover{border-color:#9a7b50;background:#191816}#database .db-item-heading{display:flex;gap:12px;align-items:center;min-height:74px}#database .db-item-heading>a{flex:0 0 48px}#database .db-item-heading img{width:48px;height:72px;object-fit:contain;filter:drop-shadow(0 3px 3px #000)}#database .db-item-heading>div{min-width:0}#database .db-item-heading h2{font-size:19px;line-height:1.45;margin:0;color:var(--item-tone)}#database .db-item-meta{font-size:13px;color:#a7b5c0;line-height:1.65;margin:3px 0}#database .db-item-meta span{font-size:11px;color:var(--item-tone);margin-left:7px}#database .db-item-heading .db-drop{margin:2px 0;color:#bba583;line-height:1.6}#database .db-full-item{margin-top:12px}#database .db-base-stat{margin:0 0 12px;padding:12px 0;border-color:#30302d}#database .db-affix-line{color:#cec8bd}#database .db-power-line{color:#f2c87d;margin-top:6px}#database .db-roll-range{color:#9faeff}#database .db-power-line>span:first-child,#database .db-affix-line>span:first-child{flex:0 0 14px}#database .db-flavor{border-color:#30302d;color:#8e969a;line-height:1.8}#database .db-grid .d4-tag{border:1px solid #474033;background:#211e19;padding:3px 7px;font-size:11px;color:#b8aa93}#database .db-grid .db-open{padding-top:12px;margin-top:0;font-size:11px}#database .db-grid .db-source{color:#726b61}@media(max-width:800px){#database .db-grid>.d4-database-card{padding:14px}#database .db-item-heading h2{font-size:17px}}
#database .db-boss-tabs{gap:8px;margin:20px 0 14px}#database .db-boss-tabs .db-chip:hover{border-color:#a48255;background:#34271a}

#database .db-boss-tabs .db-chip{display:flex;align-items:center;gap:8px;padding:8px 12px}#database .db-boss-icon{width:42px;height:42px;filter:drop-shadow(0 2px 3px #0009)}#database .db-boss-tabs .is-active .db-boss-icon{filter:brightness(1.2) drop-shadow(0 0 4px #b18b5633)}

#database .db-loot-classes .d4-data-tab{display:flex;align-items:center;gap:8px;padding:9px 13px}#database .db-loot-classes img{width:30px;height:36px;object-fit:cover;object-position:top;filter:grayscale(.6);border-radius:2px}#database .db-loot-classes .is-active img,#database .db-loot-classes a:hover img{filter:none}#database .db-loot-class-all{display:flex;align-items:center;justify-content:center;width:30px;height:36px;font-size:25px;color:#c6a36e}@media(max-width:600px){#database .db-loot-classes .d4-data-tab{padding:8px;gap:5px}#database .db-loot-classes img{width:25px;height:30px}}

#database .db-boss-tabs .db-boss-icon{width:64px;height:48px;object-fit:cover;border:1px solid #67513a;border-radius:2px;filter:none}#database .db-boss-tabs .db-chip{min-height:66px}#database .db-boss-tabs .is-active .db-boss-icon{filter:none;border-color:#c09a64}#database .db-loot-classes .d4-data-tab{padding:12px 16px}

#database .db-boss-tabs .db-boss-icon{width:52px;height:52px;object-fit:contain;border:0;border-radius:3px}#database .db-boss-tabs .db-chip{min-height:68px}

#database .db-boss-tabs .db-boss-icon{width:42px;height:48px;opacity:.9;filter:drop-shadow(0 2px 2px #000)}#database .db-boss-tabs .db-chip{min-height:62px;background:linear-gradient(135deg,#211b14,#15120f);border-color:#493b2a}#database .db-boss-tabs .db-chip.is-active{background:linear-gradient(135deg,#40301d,#241c12);border-color:#a17b47}#database .db-boss-tabs .is-active .db-boss-icon{filter:brightness(1.18) drop-shadow(0 2px 2px #000);opacity:1}

#database .db-class-choice img{width:34px;height:40px;object-fit:contain;object-position:center;filter:grayscale(1);opacity:.55}#database .db-class-choice:hover img{opacity:.85}#database .db-class-choice.is-active img{filter:sepia(.35) saturate(.8) brightness(1.3);opacity:1}@media(max-width:800px){#database .db-class-choice img{width:24px;height:32px}}

/* S15 recipes keep every material, quantity and equipment variant readable. */
#database #db-item-dialog{position:fixed;inset:0}
#database #db-item-dialog .db-detail:has(.db-recipe) .db-detail-art{width:72px;height:96px;margin-left:14px}
#database .db-season-note{margin:16px 0;padding:14px 18px;border-left:3px solid #c09b62;background:#241d14;color:#d9c9ad;font-size:14px;line-height:1.8}
#database .db-tone-runeword{--item-tone:#e6cf93}
#database .db-tone-rune,#database .db-tone-rune_recipe{--item-tone:#dfbe86}
#database .db-rune-english{color:#c3b59d;font-size:14px;line-height:1.6}
#database .db-recipe{margin:14px 0;padding:14px;background:#12110ed9;border:1px solid #645137;clear:both}
#database .db-recipe h3{margin:0 0 12px;color:#e9cd93;font-size:14px;line-height:1.7}
#database .db-recipe-items{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
#database .db-recipe-items li{display:flex;align-items:center;gap:8px;max-width:100%;padding:8px 10px;border:1px solid #4f4436;background:#242019;color:#eadbc2;font-size:16px;line-height:1.5}
#database .db-recipe-items img{width:32px;height:40px;object-fit:contain;flex-shrink:0}
#database .db-recipe-items li>div{min-width:0;overflow-wrap:anywhere}
#database .db-recipe-items a{color:#eed7a5;text-decoration:underline;text-underline-offset:3px}
#database .db-recipe-items small{display:block;color:#b7ad9b;font-size:12px}
#database .db-recipe-items strong{color:#fff0c6;font-size:17px;white-space:nowrap}
#database .db-recipe-result{border-top:1px solid #54452e;margin:12px 0 0;padding-top:12px;font-size:15px;color:#d6c7b0}
#database .db-recipe-result strong{color:#f4d38e}
#database .db-rune-variants{margin:16px 0;border-block:1px solid #594a35;clear:both}
#database .db-rune-variants summary{padding:13px 0;color:#e1c798;font-size:15px;cursor:pointer;line-height:1.7}
#database .db-rune-variant{padding:14px 0;border-top:1px solid #42382b}
#database .db-rune-variant h3{font-size:17px;color:#ead6af;margin:0 0 4px}
#database .db-rune-variant .db-description{font-size:15px;margin:6px 0;padding:0;border:0;color:#dfd5c5;line-height:1.8}
#database .db-variant-classes{color:#bfb19a;font-size:13px;line-height:1.8}
#database .db-grid :is(.db-tone-runeword,.db-tone-rune,.db-tone-rune_recipe) .db-source{font-size:12px;color:#bcb09a;line-height:1.8}
#database .db-grid :is(.db-tone-runeword,.db-tone-rune,.db-tone-rune_recipe) .db-open{font-size:14px}
#database .db-grid :is(.db-tone-runeword,.db-tone-rune,.db-tone-rune_recipe) .db-power-line{font-size:15px}
@media(max-width:600px){
 #database .db-shell{grid-template-columns:minmax(0,1fr)}
 #database .db-class-switch{position:static;display:flex;flex-wrap:wrap;gap:4px;max-height:none}
 #database .db-class-choice{font-size:13px;padding:7px}
 #database .db-class-slots{order:1;flex-basis:100%;display:flex;flex-wrap:wrap}
 #database .db-class-slots a{gap:8px}
 #database .db-recipe{padding:12px}
 #database .db-recipe-items li{padding:7px;gap:6px}
 #database #db-item-dialog .db-detail{padding:20px}
}