/* Drop presentation only: values and grouping remain owned by app.js. */
.portal-layout .drops .section-head.light h2{font-size:28px;line-height:1.5;color:#2584ad;text-shadow:none;-webkit-text-stroke:0;background:none;filter:none}
.portal-layout .drops .section-head.light h2 em{color:#3994b0;text-shadow:none;-webkit-text-stroke:0;background:none;filter:none}
.portal-layout .drops .drop-console{margin:0;border-radius:18px;backdrop-filter:none}
.portal-layout .drops .drop-toolbar{padding:18px;gap:14px}
.portal-layout .drops .drop-search{min-width:0;border-radius:12px}
.portal-layout .drops .drop-search input{min-width:0;border:0;background:transparent;padding:11px 8px;font-size:14px}
.portal-layout .drops .drop-search:focus-within{outline:2px solid #2ba7bc;outline-offset:2px}
.drop-results{margin:0;padding:14px 20px;color:#698596;font-size:12px;line-height:1.8;border-bottom:1px solid #e0edf2}
.drop-catalog-wrap{max-height:760px;overflow:auto;scrollbar-width:thin;scrollbar-color:#8ad3df #f0f9fc}
.drop-catalog{display:grid;gap:18px;padding:20px;background:#f3fafc}
.drop-group{min-width:0;overflow:hidden;border:1px solid #d5e9ef;border-radius:16px;background:#fff}
.drop-group-head{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:16px 18px;border-bottom:1px solid #e3eff3;background:linear-gradient(110deg,#eaf8fc,#fff)}
.drop-boss-mark{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:12px;background:#d9f3f8;color:#208fae;font-size:18px;font-weight:700}
.drop-group-head h3{margin:0;color:#315f78;font-size:18px;line-height:1.5;overflow-wrap:anywhere}
.drop-tier{padding:4px 10px;border:1px solid #cae6ed;border-radius:7px;color:#3e829b;background:#fff;font-size:12px;line-height:1.5}
.drop-group-count{margin-left:auto;color:#738e9e;font-size:12px}
.drop-loot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:18px;list-style:none}
.drop-loot{display:flex;align-items:center;gap:12px;min-width:0;padding:14px;border:1px solid #deebf0;border-radius:12px;background:#fbfdfe}
.drop-item-icon{display:block;flex:0 0 64px;width:64px;height:64px;object-fit:contain;border-radius:9px}
.drop-icon-pending{display:grid;place-items:center;background:#eef5f7;color:#668391;font-size:11px}
.drop-loot h4{min-width:0;margin:0;color:#325d74;font-size:15px;font-weight:700;line-height:1.7;overflow-wrap:anywhere}
.drop-item-amount{display:inline-block;color:#b47634;font-size:inherit;white-space:nowrap}
.drop-loot.is-match{background:#effbff;border-color:#3cb3cb;box-shadow:inset 0 0 0 1px #3cb3cb}
.drop-group-extra{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px;padding:12px 18px;border-top:1px solid #ecede5;background:#fffcf5;line-height:1.7;overflow-wrap:anywhere}
.drop-group-extra span{color:#94876c;font-size:11px}.drop-group-extra strong{color:#9c7237;font-size:13px;font-weight:600}
.portal-layout .drops .drop-foot{gap:12px;flex-wrap:wrap;line-height:1.8;padding:16px 20px}
@media(max-width:1000px){.drop-loot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){
  .portal-layout .drops{padding:20px 10px}
  .portal-layout .drops .section-head.light h2{font-size:24px}
  .portal-layout .drops .drop-toolbar{padding:12px}
  .portal-layout .drops .drop-filters{gap:6px}
  .portal-layout .drops .drop-filters button{padding:9px 11px;font-size:12px}
  .drop-results{padding:10px 12px;font-size:11px}
  .drop-catalog-wrap{max-height:none;overflow:visible}
  .drop-catalog{padding:10px;gap:14px}
  .drop-group-head{padding:12px;gap:8px}
  .drop-group-head h3{font-size:16px}
  .drop-boss-mark{width:30px;height:30px;font-size:15px;border-radius:9px}
  .drop-group-count{font-size:10px}
  .drop-tier{padding:3px 7px;font-size:11px}
  .drop-loot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}
  .drop-loot{padding:9px;gap:8px}.drop-loot h4{font-size:13px}
  .drop-item-icon{flex-basis:44px;width:44px;height:44px;border-radius:6px}
  .drop-icon-pending{font-size:9px}
  .drop-group-extra{padding:10px 12px;gap:4px 10px}
}