/* v0.14.1: real-game drop and item tier UI; no generated mockup images. */
.loot-sound-button{font:inherit;font-size:12px;font-weight:850;letter-spacing:.01em;min-height:39px;padding:6px 10px;border:1px solid #c6a57c;color:#fae8c8;background:#273348;border-radius:7px;cursor:pointer;white-space:nowrap}
.loot-sound-button[aria-pressed="false"]{border-color:#777b93;color:#dddde7;background:#232b3b}
.loot-sound-button:focus-visible,.tier-guide-button:focus-visible{outline:3px solid #ffe397;outline-offset:2px}
.drop-banner{position:fixed;inset:auto 50% max(105px,12vh) auto;transform:translateX(50%);width:min(92vw,520px);z-index:55;pointer-events:none;text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px;padding:17px 22px;border:2px solid var(--drop-edge,#c3cbd5);border-radius:12px;background:linear-gradient(150deg,#172338f2,#12172cf7);box-shadow:0 10px 42px #020713c7,0 0 26px var(--drop-glow,#8393a840)}
.drop-banner.hidden{display:none!important}
.drop-banner__rank{font-weight:900;color:var(--drop-color,#f5f5ff);letter-spacing:.09em;font-size:13px}
.drop-banner b{display:block;font-size:clamp(17px,2.3vw,25px);line-height:1.35;color:var(--drop-color,#f5f5ff);overflow-wrap:anywhere;text-shadow:0 1px 4px #050613ee}
.drop-banner small{color:#efebf1;font-weight:650;font-size:12px;line-height:1.45}
.drop-grade-1{--drop-color:#fff;--drop-edge:#c9d2da;--drop-glow:#eeeeee2a}
.drop-grade-2{--drop-color:#98d4ff;--drop-edge:#68baff;--drop-glow:#288bff6b}
.drop-grade-3{--drop-color:#ffe390;--drop-edge:#f4ce5b;--drop-glow:#f3bc476e}
.drop-grade-4{--drop-color:#d7a4ff;--drop-edge:#be8bff;--drop-glow:#9253ff80}
.drop-grade-5{--drop-color:#ffa3a3;--drop-edge:#ff7c79;--drop-glow:#f44c4c9e}
.loot-legend,.tier-legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:9px 0 14px}
.loot-legend span,.tier-legend span{font-weight:900;padding:3px 10px;border:1px solid;border-radius:6px;font-size:12px;background:#1c2840}
.loot-legend span.gear-rank-1,.tier-legend span.gear-rank-1{color:#f9fbff}
.loot-legend span.gear-rank-2,.tier-legend span.gear-rank-2{color:#a9d5ff}
.loot-legend span.gear-rank-3,.tier-legend span.gear-rank-3{color:#ffe58d}
.loot-legend span.gear-rank-4,.tier-legend span.gear-rank-4{color:#dec1ff}
.loot-legend span.gear-rank-5,.tier-legend span.gear-rank-5{color:#ffa3a3}
.loot-legend small{color:#eee2d8;font-size:12px}
.tier-guide-toolbar{display:flex;justify-content:flex-end;margin:4px 0 14px}
.tier-guide-button{font-size:14px;font-weight:900;min-height:44px;background:#243b52;color:#ffedc6;border:1px solid #e3b67c;white-space:normal;text-align:center}
.tier-guide-dialog{width:min(94vw,750px);max-height:88dvh;overflow-y:auto;padding:24px 26px 32px;background:#192036;color:#fff0d8}
.tier-guide h2{color:#ffdaa0;font-size:22px;margin:0 0 12px}
.tier-guide p{color:#eee2e1;font-size:14px;line-height:1.7}
.tier-guide .tier-current{margin:12px 0;color:#fff4e1;padding:10px 12px;background:#263247;border:1px solid #82728f;border-radius:8px}
.tier-guide .tier-current strong{color:#ffe491}
.tier-table-wrap{width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.tier-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;min-width:0}
.tier-table th,.tier-table td{border-bottom:1px solid #535d74;padding:10px 9px;text-align:left}
.tier-table thead th{background:#343c51;color:#fff2c2;font-size:12px;white-space:nowrap}
.tier-table tbody th{color:#ffe29b;font-size:16px}
.tier-table tbody .tier-available{background:#1f403b75}
.tier-table tbody .tier-available td:last-child{color:#94efd2;font-weight:900}
.tier-table tbody .tier-locked{background:#29304668}
.tier-table tbody .tier-locked td:last-child{color:#d4bac4;font-weight:900}
.tier-note{border-left:3px solid #e2bf7b;padding:8px 12px;background:#263045;line-height:1.7}
.tier-guide h3{margin-top:18px;color:#ffe0ae;font-size:16px}
.tier-affix-list{display:grid;gap:7px;padding:0;margin:9px 0 15px;list-style:none}
.tier-affix-list li{padding:10px;border:1px solid #6c6580;border-radius:7px;background:#232d43;display:flex;flex-direction:column;gap:4px;font-size:13px;overflow-wrap:anywhere}
.tier-affix-list b{color:#ffe0ac}
.tier-affix-list span{color:#d9e4ff}
@media(max-width:760px){.loot-sound-button{font-size:15px;padding:5px 8px;min-width:37px}.tier-guide-dialog{padding:18px 13px 25px}.tier-guide-toolbar .btn{width:100%}.drop-banner{bottom:86px;gap:4px;padding:14px}.loot-legend{gap:5px}.loot-legend span{padding:2px 7px}}
@media(prefers-reduced-motion:reduce){.drop-banner{animation:none!important}}

@media(max-width:440px){.tier-table{font-size:12px}.tier-table th,.tier-table td{padding:8px 5px}.tier-table thead th{font-size:11px}.tier-table tbody th{font-size:14px}}
@media(max-width:440px){.tier-guide-dialog{position:relative}.tier-guide-dialog .detail-close{position:absolute;float:none;top:10px;right:12px}.tier-guide h2{padding-top:32px;font-size:20px;line-height:1.35}}