/* Work refined v3: original rasters, live data, responsive reserved regions. */
body.bag-v3.playing #hud-items.bc-tray{padding:4px 8px;border-image:url('assets/bag-v3/bag-panel.webp') 36 fill / 9px / 0 stretch;background:none;overflow:visible;box-shadow:none}
body.bag-v3.playing.mobile-ui #hud-items.bc-tray[hidden],body.bag-v3 #hud-items[hidden],body.bag-v3 #bc-tools[hidden],body.bag-v3 #bc-bag-pages[hidden]{display:none!important}
body.bag-v3 #hud-items summary{height:40px;min-height:40px;display:flex;align-items:center;justify-content:flex-end;gap:0}
body.bag-v3 .v3-bag-label{margin-right:auto;font-size:11px;white-space:nowrap}.v3-bag-label b{font-size:10px}
body.bag-v3 #hud-item-summary{position:static}
body.bag-v3 .v3-quantity{display:flex;align-items:center;gap:8px;font-size:12px}body.bag-v3 .v3-quantity input{width:80px;min-width:44px;height:44px;font:inherit;color:#e5eee8;background:#102c3a;border:1px solid #69848d;border-radius:4px}
body.bag-v3 #equipment-workspace[data-mode=confirm] .bc-formula{padding:0}
body.bag-v3 .v3-quiet{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;background:none;border-image:none;box-shadow:none;position:relative;color:#c3dfe0;touch-action:manipulation}
body.bag-v3 .v3-quiet img{width:44px;height:44px;pointer-events:none}
body.bag-v3 #hud-items #item-inventory{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:4px 8px;width:148px;height:92px;max-height:none;margin:4px 0;padding:0;overflow:hidden;touch-action:none}
body.bag-v3 #hud-items .bc-slot,body.bag-v3 #equipment-workspace .bc-slot{width:44px;height:44px;min-width:44px;min-height:44px;padding:5px;background:var(--slot-art) center/100% 100% no-repeat;border:0;border-image:none;border-radius:0;position:relative;box-shadow:none}
body.bag-v3 .bc-slot img.item-pixel{width:28px;height:28px;object-fit:contain;image-rendering:pixelated}
body.bag-v3 .bc-slot.selected:after,body.bag-v3 .v3-cell:focus-visible:after{content:'';position:absolute;inset:0;background:url('assets/bag-v3/frame-focus.webp') center/100% 100%;pointer-events:none}
body.bag-v3 .bc-badge{position:absolute;right:0;bottom:-1px;min-width:22px;height:17px;font-size:10px;line-height:17px;text-align:center;background:url('assets/bag-v3/count-badge.webp') center/100% 100%;border:0;pointer-events:none}
body.bag-v3 #equipment-workspace{padding:8px 12px;gap:4px;border-image:url('assets/bag-v3/bag-panel.webp') 36 fill / 9px / 0 stretch;overflow:visible}
body.bag-v3 #equipment-workspace[data-mode=codex]{border-image-source:url('assets/bag-v3/codex-shell.webp');border-image-slice:28 fill;display:block;padding:4px 12px}
body.bag-v3 #equipment-workspace[data-mode=codex] #bc-heading{height:40px;min-height:40px;display:flex;justify-content:space-between}
body.bag-v3 #equipment-workspace[data-mode=codex] #bc-content{overflow:visible;padding:0;position:relative;height:calc(100% - 40px)}
body.bag-v3 #equipment-workspace[data-mode=codex] #bc-actions{display:none}
body.bag-v3 #equipment-workspace .bc-button{border-image:url('assets/bag-v3/button.webp') 24 fill / 8px / 0 stretch}
body.bag-v3 #equipment-workspace .bc-button:has(.bc-action-art){border-image:none}
body.bag-v3 #equipment-workspace .bc-button:disabled{border-image-source:url('assets/bag-v3/button-disabled.webp')}
body.bag-v3 #equipment-workspace .bc-button[data-bc-action=confirm]{border-image-source:url('assets/bag-v3/button-primary.webp')}
body.bag-v3 #equipment-workspace .bc-unit-slots{display:flex;gap:8px;justify-content:flex-start}
body.bag-v3 .v3-grid{display:grid;grid-template-columns:repeat(4,44px);grid-template-rows:repeat(4,44px);gap:12px;width:212px;height:212px;touch-action:none}
body.bag-v3 .v3-cell,body.bag-v3 .v3-material{width:44px;height:44px;min-width:44px;min-height:44px;position:relative;display:grid;place-items:center;padding:4px;border:0;border-radius:0;background:url('assets/bag-v3/result-cell.webp') center/100% 100%;color:#9bb7bf;box-shadow:none;touch-action:none}
body.bag-v3 .v3-material{background-image:url('assets/bag-v3/material-ring.webp')}
body.bag-v3 .v3-cell img,body.bag-v3 .v3-material img{width:28px;height:28px;object-fit:contain;image-rendering:pixelated;pointer-events:none}
body.bag-v3 .v3-missing img{opacity:.5}
body.bag-v3 .v3-ready:after{content:'';position:absolute;inset:0;background:url('assets/bag-v3/frame-ready.webp') center/100% 100%;pointer-events:none}
body.bag-v3 .v3-mode{background-image:url('assets/bag-v3/mode-trigger.webp');color:#a2d6cc;font-size:11px;align-items:start;padding-top:10px}
body.bag-v3 .v3-next{position:absolute;right:48px;top:0}.v3-next small{position:absolute;bottom:1px;left:0;width:100%;font-size:9px}
body.bag-v3 #v3-menu{position:absolute;z-index:4;left:0;top:48px;width:172px;padding:6px;border:0;border-image:url('assets/bag-v3/menu-surface.webp') 22 fill / 8px / 0 stretch;display:grid;grid-template-rows:repeat(3,44px);gap:0}
body.bag-v3 #v3-menu[hidden]{display:none}
body.bag-v3 #v3-menu button{height:44px;min-height:44px;min-width:44px;border:0;background:none;color:#e4f4eb;text-align:left;font-size:12px;padding:0 12px}
body.bag-v3 #v3-menu button.active{border-image:url('assets/bag-v3/menu-row-active.webp') 14 fill / 7px / 0 stretch}
body.bag-v3 #v3-info{position:absolute;top:226px;left:0;right:0;height:64px;overflow:auto;overscroll-behavior:contain;font-size:11px;line-height:1.35;padding:6px 8px;border-image:url('assets/bag-v3/info-strip.webp') 20 fill / 7px / 0 stretch}
body.bag-v3 #v3-info strong{display:block;color:#ffe09c}body.bag-v3 #v3-info span{display:block}body.bag-v3 #v3-info small{display:block;font-size:10px}
body.bag-v3 #equipment-workspace:not(.v3-has-info) #v3-info{display:none}
body.bag-v3 #v3-bag-info{position:absolute;height:52px;overflow:auto;z-index:2;font-size:10px;line-height:1.4;padding:6px;border-image:url('assets/bag-v3/info-strip.webp') 20 fill / 7px / 0 stretch}body.bag-v3 #v3-bag-info b,body.bag-v3 #v3-bag-info span{display:block}
body.bag-v3 .v3-grid.triple{display:block;position:relative}.v3-triple-mode{height:44px}.v3-triples{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;justify-items:center}.v3-mini{display:flex;gap:2px;align-items:center;justify-content:center;margin-top:4px}.v3-mini img{width:22px;height:22px;object-fit:contain;image-rendering:pixelated}.v3-mini span{font-size:10px;color:#9bb7bf}
body.bag-v3 .bc-complete .v3-crafted{animation:v3-complete .38s ease-out}@keyframes v3-complete{50%{filter:brightness(1.5)}}
body.bag-v3.mobile-ui #hud-items.bc-tray[data-expanded=true]{padding:4px!important;border-image-source:url('assets/bag-v3/bag-panel.webp');display:flex!important}
body.bag-v3.mobile-ui #hud-items.bc-tray summary{order:2;height:44px;min-height:44px;width:auto}
body.bag-v3.mobile-ui .v3-bag-label{display:none}
body.bag-v3.mobile-ui #hud-items.bc-tray #item-inventory{order:1;grid-template-columns:repeat(4,44px);grid-template-rows:44px;gap:4px;width:188px;height:44px;max-height:44px;margin:0 4px 0 0}
body.bag-v3.mobile-ui #equipment-workspace{padding:4px 6px}
body.bag-v3.mobile-ui #equipment-workspace[data-mode=codex]{padding:4px}
body.bag-v3.mobile-ui #equipment-workspace[data-mode=codex] #bc-heading{height:0;min-height:0}
body.bag-v3.mobile-ui #equipment-workspace[data-mode=codex] #bc-heading strong{display:none}
body.bag-v3.mobile-ui .v3-grid{gap:4px;width:188px;height:188px}
body.bag-v3.mobile-ui .v3-close{position:absolute;left:208px;top:0}
body.bag-v3.mobile-ui .v3-next{left:208px;top:48px;right:auto}
body.bag-v3.mobile-ui #v3-info{display:block!important;top:192px;height:28px;font-size:9px;line-height:12px;padding:1px 4px;border:0;background:#102c3a;scrollbar-width:thin}
body.bag-v3.mobile-ui #v3-info strong{font-size:10px}body.bag-v3.mobile-ui #v3-info small{font-size:9px}
body.bag-v3.mobile-ui .v3-triples{gap:4px}body.bag-v3.mobile-ui .v3-mini img{width:18px;height:18px}.v3-cell:focus-visible{outline:2px solid #a5eee0;outline-offset:1px}
body.bag-v3 .v3-triples>div>.v3-cell{margin-inline:auto}
body.bag-v3:not(.mobile-ui) .v3-mini img{width:26px;height:26px}
body.bag-v3.playing.mobile-ui #hud-items.bc-tray[data-expanded=false]{display:none!important}
/* Work's frame remains the surface; these backing colors cover cold loads and
   transparent texture edges without exposing game icons behind the menu. */
body.bag-v3 #equipment-workspace,body.bag-v3 #v3-menu,body.bag-v3 #v3-bag-info{background-color:#152f40;border-radius:8px}
body.bag-v3 #equipment-workspace[data-mode=codex] #bc-content{height:calc(100% - 40px)}
body.bag-v3.mobile-ui #equipment-workspace[data-mode=codex] #bc-content{height:100%}
body.bag-v3[data-bag-art=loading] #bc-content,body.bag-v3[data-bag-art=error] #bc-content,
body.bag-v3[data-bag-art=loading] #bc-actions,body.bag-v3[data-bag-art=error] #bc-actions,
body.bag-v3[data-bag-art=loading] #item-inventory,body.bag-v3[data-bag-art=error] #item-inventory{visibility:hidden}
body.bag-v3[data-bag-art=loading] #equipment-workspace:after,body.bag-v3[data-bag-art=error] #equipment-workspace:after{content:'장비 이미지 불러오는 중…';position:absolute;inset:44px 12px auto;font-size:12px;line-height:1.6;color:#c3dfe0;pointer-events:none}
body.bag-v3[data-bag-art=error] #equipment-workspace:after{content:'이미지를 불러오지 못했습니다. 도감을 닫고 다시 열어 주세요.'}
body.bag-v3:not([data-bag-art=ready]) .v3-quiet img{visibility:hidden}
body.bag-v3:not([data-bag-art=ready]) .v3-close:after{content:'닫기'}
body.bag-v3:not([data-bag-art=ready]) #bc-bag-toggle:after,body.bag-v3:not([data-bag-art=ready]) #v3-dock-toggle:after{content:'도감';font-size:11px}
@media(prefers-reduced-motion:reduce){body.bag-v3 .bc-complete .v3-ready{animation:none}}

body.bag-v3 #hud-items summary button[hidden]{display:none!important}