/* Shared bag uses the same window, header and tabs as the hero collection. */
.bag-panel-screen .bag-window{max-height:820px}
#bag-close{position:absolute;right:13px;top:7px}
.bag-content{display:flex;flex-direction:column;flex:1;min-height:0;padding:16px 14px 0}
.bag-summary{display:flex;justify-content:space-between;gap:12px;color:#c6cce5;font-size:9px;letter-spacing:.5px;padding:0 5px 11px;font-weight:600}
.bag-summary>span:last-child{color:#aeb6d1;font-size:8px}
.bag-items-well{position:relative;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#a0aaca #3e415c;border:2px solid #919abb;border-radius:7px;background:#3c3e59;box-shadow:inset 0 1px 7px #20243d77;padding:19px 18px}
.bag-item-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px 15px;align-content:start}
.bag-item{position:relative;min-width:0;aspect-ratio:1;padding:5px;border:2px solid #b7c3cc;border-radius:1px;background:radial-gradient(ellipse at 50% 75%,#364343,#142024 70%);box-shadow:0 2px 3px #1d2137,inset 0 0 0 1px #404f61;color:#fff;cursor:pointer}
.bag-item img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(1px 3px 2px #030608aa);pointer-events:none}
.bag-item.rare{border-color:#90bdef;background:radial-gradient(ellipse at 50% 70%,#3c537b,#152134 75%)}
.bag-item.epic{border-color:#c1a6ee;background:radial-gradient(ellipse at 50% 70%,#5b467a,#241c35 75%)}
.bag-item-count{position:absolute;right:3px;bottom:0;font-size:13px;font-weight:900;line-height:1.3;text-shadow:0 2px 1px #0c1020,1px 0 1px #0c1020,-1px 0 1px #0c1020}
.bag-item-rarity{position:absolute;left:2px;bottom:0;font-size:14px;color:#abe362;text-shadow:0 1px #2c482f,0 0 3px #101324}.bag-item.rare .bag-item-rarity{color:#67c9ff}.bag-item.epic .bag-item-rarity{color:#dc8eff}
.bag-rarity-filters{display:flex;flex:none;justify-content:center;gap:27px;padding:22px 8px 15px}
.bag-rarity{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:49px;padding:0;border:0;background:none;color:#bcc4df;cursor:pointer}
.bag-rarity>span{display:grid;place-items:center;width:43px;height:43px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:linear-gradient(#e5edf3,#8cabc0);color:#edf5ff;text-shadow:0 2px #7490a3;box-shadow:inset 0 0 0 3px #d2dcec;font-size:35px;line-height:1}
.bag-rarity.starter>span{background:linear-gradient(#c3ff9b,#28c74b);color:#89f884;text-shadow:0 2px #189d40;box-shadow:inset 0 0 0 3px #83c898}
.bag-rarity.rare>span{background:linear-gradient(#88e5ff,#147fec);color:#6dd5ff;text-shadow:0 2px #187aca;box-shadow:inset 0 0 0 3px #8cbee8}
.bag-rarity.epic>span{background:linear-gradient(#eba8ff,#9142e9);color:#d38bff;text-shadow:0 2px #7740bb;box-shadow:inset 0 0 0 3px #b8a1e2}
.bag-rarity small{font-size:9px;font-weight:700}.bag-rarity[aria-pressed=true]{color:#fff1aa;filter:drop-shadow(0 0 5px #ffdf8177)}.bag-rarity[aria-pressed=true]:after{content:'';position:absolute;bottom:-6px;width:20px;height:2px;border-radius:2px;background:#f7d986}
.bag-tabs{margin-inline:9px;gap:3px}.bag-tabs button{font-size:12px;padding-inline:6px}
.bag-fragment-label{position:absolute;inset:2px 1px auto;font-size:8px;text-align:center;color:#fff3c0;text-shadow:0 1px 2px #161629;background:#24213988;line-height:1.5}.bag-use-item{display:block;margin:22px auto 0}.bag-use-item:disabled{opacity:.5;cursor:default;filter:grayscale(.7)}
.bag-pagination{display:flex;flex:none;justify-content:center;align-items:center;gap:23px;padding-top:10px;font-size:11px;color:#d5dcf3}.bag-pagination button{width:29px;height:27px;line-height:20px;font-size:24px;border:1px solid #9aa8cf;border-radius:4px;background:#474d6d;color:#fff;cursor:pointer}.bag-pagination button:disabled{opacity:.4}
.bag-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;color:#b1b8d3}.bag-empty>span{font-size:46px;color:#777d9e}.bag-empty p{font-size:12px;line-height:1.8;font-weight:500;max-width:300px}.bag-empty button{color:#ffe098;font-size:11px}
body[data-screen=bag] #item-dialog{padding:0;width:min(550px,calc(100% - 26px));max-height:82dvh;border:3px solid #a8b4de;border-bottom-color:#80bedb;border-radius:12px 12px 7px 7px;background:linear-gradient(120deg,#626580,#51556e);color:#fff;box-shadow:0 0 0 2px #3b405a,0 20px 70px #070a18aa}
body[data-screen=bag] #item-dialog::backdrop{background:#16172c99;backdrop-filter:blur(2px)}
body[data-screen=bag] #item-dialog header{position:sticky;top:0;z-index:1;padding:10px 14px;min-height:58px;border-bottom:3px solid #3b4264;background:linear-gradient(#98a6d0,#6b77a3);box-shadow:inset 0 2px #d0deff77}
body[data-screen=bag] #item-dialog h2{margin:0 8px;font:800 20px Inter,Arial,sans-serif;text-shadow:0 2px 1px #38405d;flex:1}
body[data-screen=bag] #item-dialog .dialog-close{flex:none;border:2px solid #914d73;border-radius:6px;background:linear-gradient(#f387aa,#d3396b);box-shadow:inset 0 2px #ffb7c9,0 2px #3c334e;color:#fff;font:bold 31px Arial}
body[data-screen=bag] #item-info{padding:25px 24px 28px;min-height:365px}
body[data-screen=bag] #item-info>img{width:94px;height:94px;object-fit:contain;margin:4px auto 15px;padding:8px;border:2px solid #b6c1d4;background:radial-gradient(#3e4c59,#202938);box-shadow:0 3px 8px #2c314e}
body[data-screen=bag] #item-info p{color:#d9ddef;font-size:12px;line-height:1.7}body[data-screen=bag] #item-info h3{color:#7fffad;text-shadow:0 2px #2f6555;margin:22px 0;font-size:21px}body[data-screen=bag] #item-info h4{color:#ecebfc;font-size:12px;margin:24px 0 3px}body[data-screen=bag] #item-info .bag-item-help{padding-top:14px;border-top:1px solid #aab1d13d;margin-top:22px;font-size:11px;color:#afb9db}
@media(max-width:600px){#bag-close{top:5px;right:9px}.bag-content{padding:12px 9px 0}.bag-summary{font-size:8px;padding-bottom:9px}.bag-summary>span:last-child{font-size:7px}.bag-items-well{padding:14px 12px}.bag-item-grid{gap:12px 9px}.bag-item{padding:3px}.bag-item-count{font-size:11px;right:2px}.bag-item-rarity{font-size:10px;left:1px}.bag-rarity-filters{gap:19px;padding:19px 3px 14px}.bag-rarity>span{width:37px;height:37px;font-size:30px}.bag-rarity small{font-size:8px}.bag-rarity{min-width:43px}.bag-tabs{margin-inline:2px}.bag-tabs button{font-size:10px;padding:6px 3px}.bag-empty p{font-size:11px}body[data-screen=bag] #item-dialog h2{font-size:17px}body[data-screen=bag] #item-info{padding:20px 16px;min-height:310px}}
@media(prefers-reduced-motion:no-preference){.bag-item{transition:filter .15s,transform .15s}.bag-item:hover{filter:brightness(1.2);transform:translateY(-2px)}}
.bag-rarity-filters{gap:clamp(4px,2vw,14px);justify-content:space-between}.bag-rarity{min-width:0;flex:1}.bag-rarity.legendary>span{background:linear-gradient(#fff2a1,#dda411);color:#ffe793}.bag-rarity.ancient>span{background:linear-gradient(#ffcf80,#e76624);color:#ffc47a}.bag-rarity.mystic>span{background:linear-gradient(#ffa2c1,#c92553);color:#ff98b5}.bag-item.starter{border-color:#74d68e}.bag-item-rarity{color:#ffe675!important;letter-spacing:-2px}
@media(max-width:420px){.bag-rarity>span{width:31px;height:31px;font-size:26px}.bag-rarity small{font-size:7px}.bag-rarity-filters{gap:3px}}