.panel-layer.floating-only { display:block; padding:0; background:transparent; pointer-events:none; }
.panel-layer.floating-only > section { pointer-events:auto; }
.inventory-panel { position:absolute; top:min(70px,max(0px,calc(100dvh - 613px))); right:12px; width:268px; height:481px; padding:0; border:0; overflow:visible; background:url('/ui/inventory-window.png?v=5f09e8cc95c591fd') no-repeat; color:white; font:11px/20px Arial,sans-serif; text-shadow:1px 1px #000; }
.inventory-panel .inventory-grid { position:absolute; left:27px; top:17px; width:215px; margin:0; }
.inventory-panel .inventory-slot { background:none; width:43px; height:43px; padding:2px; }
.inventory-panel .bag-currency>div { position:absolute; left:115px; width:85px; height:22px; border:0; padding:0; display:block; }
.inventory-panel .bag-currency dd { margin:0; padding:0 4px; color:white; text-align:left; font:11px/22px Arial,sans-serif; }
.bag-silver { top:374px; }.bag-silver::before { content:''; position:absolute; right:89px; top:1px; width:44px; height:23px; background:url('/ui/inventory/money.png?v=2edafc88873699ff') center/contain no-repeat; }
.bag-cps,.bag-bound-cps { background:url('/ui/inventory-window.png?v=5f09e8cc95c591fd') -115px -374px no-repeat; }.bag-cps { top:400px; }.bag-bound-cps { top:426px; }
.inventory-panel .bag-currency dt { position:absolute; right:calc(100% + 6px); top:0; width:80px; color:#f0dfae; text-align:right; font:11px/22px Arial,sans-serif; white-space:nowrap; }
.inventory-panel button.inventory-help,.inventory-panel button.inventory-close { position:absolute; top:452px; width:63px; height:20px; border:0; padding:0; background-color:transparent; background-repeat:no-repeat; background-position:center; cursor:pointer; }
.inventory-help { left:41px; background-image:url('/ui/status/help.png?v=b08075dd07bbd4b4'); }.inventory-help:hover { background-image:url('/ui/status/help-pressed.png?v=d1470cb1878a527c'); }
.inventory-close { left:169px; background-image:url('/ui/status/close.png?v=b32c4db3390b18bf'); }.inventory-close:hover { background-image:url('/ui/status/close-pressed.png?v=ec1cd2aef53df342'); }
.item-tooltip { position:absolute; z-index:12; width:max-content; min-width:min(260px,calc(100% - 12px)); max-width:min(330px,calc(100% - 12px)); padding:4px 8px 4px 64px; border:1px solid #a9b4bd; background:#14222bb3; color:#fff; font:12px/18px 'Courier New',monospace; text-shadow:1px 1px #000; pointer-events:none; box-shadow:1px 2px 4px #0008; }
.tooltip-item-icon { position:absolute; left:5px; top:8px; width:52px; height:52px; object-fit:contain; }
.item-tooltip .magic { color:#18a6ff; }.item-tooltip .item-description,.item-tooltip .item-effect { white-space:normal; }.item-tooltip-hint { margin-top:4px; color:#c8bd9e; }
.item-tooltip .quality-super,.item-tooltip .enchant { color:#ffff00; }.item-tooltip .quality-refined { color:#5e87ca; }.item-tooltip .quality-unique { color:#00ff00; }.item-tooltip .quality-elite { color:#e804fd; }.item-tooltip .bonus { color:#ff00ff; }.item-tooltip .gem { color:#00ff80; }.item-tooltip .damage { color:#ff8000; }.item-tooltip .requirement-unmet { color:#ff3030; }.missing-item-icon { position:absolute; inset:0; display:grid; place-items:center; font:bold 21px Georgia,serif; color:#ebd59b; }
.classic-chat button { opacity:1; cursor:pointer; }.classic-chat button:disabled { opacity:.5; cursor:wait; }.classic-chat input { color:white; }
.chat-log { position:absolute; z-index:6; left:12px; bottom:142px; width:min(480px,calc(100% - 24px)); max-height:130px; overflow:auto; padding:4px 6px; color:white; background:linear-gradient(90deg,#0009,#0000); font:12px/18px Arial,sans-serif; text-shadow:1px 1px #000,-1px -1px #000; pointer-events:auto; }
.chat-log:empty { visibility:hidden; }
.chat-line.system { color:#ffdf7a; }.chat-line.error { color:#ffa79b; }
.inventory-slot { display:block; position:relative; padding:2px; border:0; color:#fff; cursor:pointer; }
.inventory-slot img,.paperdoll-slot img { display:block; width:100%; height:100%; object-fit:contain; pointer-events:none; }
.inventory-slot .item-slot-icon,.paperdoll-slot .item-slot-icon { position:relative; z-index:1; }
[data-light='YellowLight'] { --quality-frames:url('/ui/quality/YellowLight.png?v=19c54ede4da96103'); }[data-light='RoyalBlueLight'] { --quality-frames:url('/ui/quality/RoyalBlueLight.png?v=dadd578f478f26f4'); }[data-light='BlueLight'] { --quality-frames:url('/ui/quality/BlueLight.png?v=88931e8a28ea2b5b'); }[data-light='RedLight'] { --quality-frames:url('/ui/quality/RedLight.png?v=b9c4b442da954ba2'); }[data-light='FireLight'] { --quality-frames:url('/ui/quality/FireLight.png?v=1530e2eb33cab914'); }
.item-slot-effect { position:absolute; inset:3px; z-index:0; overflow:hidden; pointer-events:none; }
.item-slot-effect::before { content:''; position:absolute; left:0; top:0; width:800%; height:100%; background:var(--quality-frames) left top/100% 100% no-repeat; animation:item-quality-frames .8s steps(8,end) infinite; }
@keyframes item-quality-frames { to { transform:translateX(-100%); } }
@media(prefers-reduced-motion:reduce) { .item-slot-effect::before { animation:none; } }
.inventory-slot:disabled { cursor:default; opacity:1; }.inventory-slot.selected { outline:1px solid #f2df96; outline-offset:-3px; }
#carried-item { position:fixed; z-index:2147483646; left:0; top:0; width:43px; height:43px; pointer-events:none; user-select:none; }
#carried-item .item-slot-icon { position:relative; width:100%; height:100%; object-fit:contain; }
.inventory-slot[data-carried] > * { visibility:hidden; }
.character-window .paperdoll-slot { padding:0; background:none; border:1px solid transparent; }
.character-window .paperdoll-slot:enabled:hover { border-color:#e8d58c99; }.character-window .paperdoll-slot:disabled { opacity:1; }
.item-instructions { color:#b8ccd0; font-size:10px; line-height:1.5; margin:10px 0 0; }
.floating-only .parchment-panel { margin:0; }

.inventory-confirm{position:absolute;inset:0;z-index:40;display:grid;place-items:center;background:#0009;color:#e9e2ce}
.inventory-confirm[hidden]{display:none!important}
.inventory-confirm section{width:min(420px,calc(100% - 24px));box-sizing:border-box;padding:22px;background:#152127 url(/ui/mobile/popbg.png?v=3add4e59f44b5c98) center/100% 100%;border:1px solid #bca56b88;border-radius:4px;box-shadow:0 10px 40px #000c;font-family:inherit;font-size:14px;line-height:1.5}
.inventory-confirm h2{margin:0 0 12px;color:#e7ce8c;font:22px Georgia,serif}.inventory-confirm p{margin:0 0 20px;line-height:1.5}.inventory-confirm section>div{display:flex;gap:12px;justify-content:flex-end}
.inventory-confirm button{min-width:110px;min-height:40px;border:0;padding:7px 12px;background:url(/ui/mobile/btnY.png?v=be065432cc957cb3) center/100% 100%;color:#392a12;font:600 14px Georgia,serif;cursor:pointer}.inventory-confirm button:focus-visible{outline:2px solid #f0d78c;outline-offset:2px}
/* The CloudSaint's Jar souls (current/goal) along the bottom of its slot. */
.item-slot-counter { position:absolute; left:0; right:0; bottom:2px; text-align:center; font:700 9px/1 system-ui; color:#fff; text-shadow:0 1px 1px #000,0 0 3px #000; pointer-events:none; }
/* A stack's size, or an arrow pack's arrows, at the bottom-right of its slot (bag-stacks.js slotAmount). */
.item-slot-amount { position:absolute; right:3px; bottom:2px; z-index:2; font:700 9px/1 system-ui; color:#fff; text-shadow:0 1px 1px #000,0 0 3px #000,1px 0 1px #000,-1px 0 1px #000; pointer-events:none; }