.item-image{display:inline-flex;flex:0 0 48px;width:48px;height:48px;align-items:center;justify-content:center;background:#08080855;border:1px solid #ffffff07;border-radius:3px;overflow:hidden}.item-image img{width:auto;height:auto;max-width:42px;max-height:42px;object-fit:contain}.item-image-fallback{font:25px Georgia,serif;color:#8c7858}.item-card .item-image{position:absolute;right:12px;top:15px;width:40px;height:40px;background:none;border:0}.item-card .item-image img{max-width:34px;max-height:36px}.entity.item-card{position:relative;padding-right:58px}.entity.item-card .meta{margin-right:-44px}.monster-list{border:1px solid #37312b;background:linear-gradient(120deg,#1b1917,#121212)}.monster-row{display:flex;align-items:center;gap:15px;padding:13px 17px;border-bottom:1px solid #ffffff09;min-height:79px;transition:background .15s}.monster-row:last-child{border-bottom:0}.monster-row:hover{background:#bd4b3710}.monster-image{display:inline-flex;flex:0 0 48px;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid #564332;background:radial-gradient(ellipse at 50% 30%,#59422b55,#101010);overflow:hidden;color:#b09b75}.monster-image>span{font:30px Georgia,serif;text-shadow:0 2px 7px #000}.monster-image img{width:100%;height:100%;object-fit:cover}.monster-row-name{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.monster-row-name strong{font-size:12px;font-weight:normal;color:#e7d4ad}.monster-row-name small{font-size:9px;color:#8d8274;line-height:1.7}.monster-row-count{white-space:nowrap;color:#a69272;font-size:10px}.monster-row-count b{font-size:15px;color:#c25b4a;margin-left:15px;font-weight:normal}.drop-groups{border:1px solid #38322b;background:linear-gradient(115deg,#1d1b18,#141414);padding:13px 20px}.drop-group{padding:12px 0 16px;border-bottom:1px solid #ffffff0c}.drop-group:last-child{border-bottom:0}.drop-group h4{color:#bca275;font:10px/1.6 Arial,sans-serif;text-transform:uppercase;letter-spacing:1.8px;margin:2px 0 12px;display:flex;align-items:center;gap:8px}.drop-group h4:before{content:'';width:16px;height:1px;background:#b64a3b}.drop-group h4 span{color:#86765c;letter-spacing:.5px}.drop-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 15px}.drop-item{display:flex;align-items:center;gap:12px;min-height:59px;padding:5px 7px;border:1px solid transparent;background:#08080820;transition:background .15s,border-color .15s}.drop-item:hover{background:#b8864620;border-color:#73513955}.drop-item>span:nth-child(2){min-width:0;flex:1}.drop-item strong{display:block;color:#e5d5b5;font-size:11px;line-height:1.6;font-weight:normal;overflow-wrap:anywhere}.drop-item small{display:block;font-size:9px;line-height:1.6;color:#a38b69;margin-top:3px}.drop-item-arrow{font:19px Georgia,serif;color:#8d5945;opacity:0;transition:opacity .15s}.drop-item:hover .drop-item-arrow,.drop-item:focus-visible .drop-item-arrow{opacity:1}.monster-dialog{color:var(--text);width:760px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);padding:0;border:1px solid #785b43;border-top:2px solid #b84839;background:#171615 url(bg.png);box-shadow:0 24px 100px #000,0 0 0 5px #171615a0;overflow:hidden}.monster-dialog[open]{display:flex;flex-direction:column}.monster-dialog::backdrop{background:#000c;backdrop-filter:blur(4px)}.monster-dialog #monster-dialog-content{display:flex;flex-direction:column;min-height:0;max-height:calc(100dvh - 52px);width:100%}.monster-dialog-header{display:flex;align-items:center;gap:17px;padding:25px 27px 20px;border-bottom:1px solid #40362c;background:#1a1815eb;flex:0 0 auto}.monster-dialog-header .monster-image{width:60px;height:60px;flex-basis:60px}.monster-dialog-header>div{flex:1;min-width:0}.monster-dialog-header h2{font:29px/1.2 League,Impact,sans-serif;letter-spacing:.6px;margin:6px 0;color:#e9dbc1}.monster-dialog-header .eyebrow{font-size:8px;color:#b79a74}.monster-dialog-header p{font-size:10px;color:#a28f73;margin:0}.dialog-close{align-self:start;background:#151515;border:1px solid #6b5540;color:#ddc39c;font:24px/1 Arial,sans-serif;width:30px;height:30px;flex:0 0 30px;display:flex;align-items:center;justify-content:center}.dialog-close:hover{background:#73382e;color:#fff}.monster-dialog-filters{display:flex;gap:12px;padding:18px 27px 15px;background:#1a1815eb;flex:0 0 auto}.monster-dialog-filters .field:first-child{flex:2}.monster-dialog-filters input,.monster-dialog-filters select{background:#080808;border-color:#5d4e3a;font-size:11px}.monster-dialog-filters label{color:#a49275;font-size:9px}.monster-dialog-body{padding:0 27px 25px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8d7045 #151412;min-height:0;flex:1}.monster-dialog-body .drop-groups{border:0;background:#11111188;padding:4px 12px}.monster-dialog-body .drop-item .item-image{border:0;background:none;flex-basis:37px;width:37px;height:43px}.monster-dialog-body .item-image img{max-height:36px;max-width:33px}.monster-dialog-body .drop-item{gap:8px;min-height:53px}.monster-dialog-body .drop-group{padding-top:15px}.monster-dialog-body .result-summary{margin-bottom:9px;color:#8c7d64}body:has(.monster-dialog[open]){overflow:hidden}@media(max-width:600px){.monster-row{gap:10px;padding:12px 10px}.monster-row-name strong{font-size:11px}.monster-row-count{font-size:9px}.monster-row-count b{margin-left:6px}.monster-image{width:40px;height:40px;flex-basis:40px}.drop-groups{padding:9px 10px}.drop-items{gap:3px 6px}.drop-item{gap:7px;min-height:57px;padding:5px 3px}.drop-item strong{font-size:10px}.drop-item .item-image{width:31px;height:40px;flex-basis:31px;background:none;border:0}.drop-item .item-image img{max-width:28px;max-height:34px}.drop-item-arrow{display:none}.drop-group h4{font-size:9px;letter-spacing:1.2px}.monster-dialog{max-width:calc(100vw - 20px);max-height:calc(100dvh - 30px)}.monster-dialog #monster-dialog-content{max-height:calc(100dvh - 35px)}.monster-dialog-header{padding:18px 15px;gap:10px}.monster-dialog-header h2{font-size:24px}.monster-dialog-header .monster-image{width:45px;height:45px;flex-basis:45px}.monster-dialog-filters{padding:12px 15px;gap:8px}.monster-dialog-filters .field{min-width:100px}.monster-dialog-body{padding:0 12px 18px}.monster-dialog-body .drop-items{grid-template-columns:1fr}.monster-dialog-body .drop-item{min-height:49px}.monster-dialog-body .drop-item strong{font-size:12px}.monster-dialog-body .drop-group h4{font-size:9px}.item-card .item-image{right:7px;width:28px}.entity.item-card{padding-right:37px}.entity.item-card .meta{margin-right:-23px}}@media(prefers-reduced-motion:reduce){.monster-row,.drop-item,.drop-item-arrow{transition:none}}