.loot-window{position:absolute;left:50%;top:clamp(8px,10vh,76px);transform:translateX(-50%);box-sizing:border-box;width:min(330px,calc(100vw - 16px));max-height:calc(100dvh - clamp(8px,10vh,76px) - 12px);min-height:0;display:flex;flex-direction:column;gap:4px;overflow:hidden;pointer-events:auto;z-index:52;padding:8px;color:#edf1e9;background:#102329f5;border:1px solid #c8ad70;border-radius:7px;box-shadow:0 12px 45px #000a}
.loot-window[hidden]{display:none!important}
.loot-heading{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:8px;min-height:28px}
.loot-heading h2{flex:1;min-width:0;margin:0;font:600 15px/1.4 system-ui,"Segoe UI",sans-serif;color:#ebd49f;cursor:move;touch-action:none;user-select:none}
.loot-window .loot-close{font-size:21px;line-height:1;padding:3px 8px!important;min-height:28px}
.loot-status{flex:0 0 auto;margin:0;font-size:11px;line-height:1.35;color:#c7d2cb;min-height:15px;max-height:44px;overflow:auto}
.loot-list{flex:0 1 245px;height:245px;min-height:0;max-height:245px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;border:1px solid #b9a56c44;background:#07151a99}
.loot-row{position:relative;box-sizing:border-box;display:flex;align-items:center;gap:8px;height:49px;min-height:49px;padding:5px 7px;background:#0a181d99;border-bottom:1px solid #b9a56c33}
.loot-row:last-child{border-bottom:0}
.loot-row[aria-disabled="true"]{opacity:.65}
.loot-icon{display:grid;place-items:start;flex:0 0 36px;width:36px;height:36px;overflow:hidden;background:#061318;border:1px solid #b9a56c55;box-sizing:content-box}
.loot-row .skill-icon{display:block;flex-shrink:0;background-repeat:no-repeat;transform-origin:0 0}
.loot-description{flex:1;min-width:0;overflow-wrap:anywhere}
.loot-description b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;line-height:1.4}
.loot-description small{display:block;margin-top:1px;font-size:11px;line-height:1.15;color:#d4dfd6}
.loot-description small[hidden]{display:none}
.loot-money{display:grid;place-items:center;width:36px;height:36px;color:#dcc16d;font-size:23px;text-shadow:0 1px 5px #000}
.loot-window button{flex-shrink:0;cursor:pointer;color:#f0dfb8;background:#203a40;border:1px solid #c2a66b88;border-radius:4px;padding:7px 13px;font:inherit;font-size:12px}
.loot-window button:focus-visible{outline:2px solid #f0d491;outline-offset:3px}
.loot-window button:disabled{cursor:wait;opacity:.45}
.loot-unavailable{max-width:78px;color:#a7b6b1;font-size:9px;line-height:1.3;text-align:right}
.loot-window .loot-cover{position:absolute;inset:0;z-index:1;width:100%;height:100%;padding:0!important;background:transparent!important;border:0!important;border-radius:0;color:transparent;font-size:0;cursor:pointer}
.loot-window .loot-cover:focus-visible{outline:2px solid #f0d491;outline-offset:-2px}
.loot-row:has(.loot-cover:hover:not(:disabled)){background:#25433a}
.loot-footer{flex:0 0 auto;border-top:1px solid #b9a56c55;padding-top:4px}

.loot-window .loot-take-all{width:100%;min-height:34px;margin:0;font-weight:600;background:#365349;border-color:#d6bb7c;color:#fff0c6}
@media(pointer:coarse){.loot-window .loot-take-all{min-height:44px}.loot-window .loot-close{min-width:40px;min-height:36px}}
@media(max-height:320px){.loot-window{top:8px;max-height:calc(100dvh - 16px)}}