/* Approved shop D art. Background and individual PNGs, never a flattened UI. */
.currency-crystal{display:inline-block;flex:none;width:13px;height:26px;background:url("../assets/ui/shop/v1/currency-crystal.png") 49.84423676012461% 47.0954356846473% / 377.521613832853% 167.13091922005572% no-repeat;vertical-align:middle}
body.immersive-game #journey-wallet #expedition-gold,body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] #shop-wallet{display:flex;align-items:center;justify-content:center;gap:9px}
body.immersive-game #journey-wallet #expedition-gold::before,body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] #shop-wallet::before{content:"";display:inline-block;width:13px;height:26px;background:url("../assets/ui/shop/v1/currency-crystal.png") 49.84423676012461% 47.0954356846473% / 377.521613832853% 167.13091922005572% no-repeat;flex:none}
body [data-card-skin] .roster-price .roster-stat-icon{width:9px;height:18px;background:url("../assets/ui/shop/v1/currency-crystal.png") 49.84423676012461% 47.0954356846473% / 377.521613832853% 167.13091922005572% no-repeat}
body .roster-price .roster-stat-icon svg{display:none}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop]{--shop-team-width:min(1348px,calc(100vw - 512px),calc((100dvh - 218px) * 1340 / 1056));--shop-content-width:calc(var(--shop-team-width) + 448px);--shop-product-block-height:calc(46px + var(--shop-row-width) * 352 / 1404);background:#282b24 url("../assets/ui/shop/v1/background-alchemy.png") center/cover no-repeat;color:#f2dfb9;--text:#f2dfb9;--muted:#d0c3a7;--panel-ink:#183849;box-shadow:none}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop]::backdrop{background:#20251f}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop]>.ui-panel-body{grid-template-columns:200px minmax(0,1fr) 200px}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .shop-sidebar,body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .roster-inspect{background:url("../assets/ui/shop/v1/sidebar-panel.png") 50.191570881226056% 50.943396226415096% / 149.06015037593986% 105.64730953649442% no-repeat;color:#183849;--text:#183849;--muted:#53646a;--panel-ink:#183849;border:0;box-sizing:border-box;padding:30px 18px;position:relative}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .shop-sidebar{gap:14px;padding-bottom:88px}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] [data-card-skin] .roster-card-hud{bottom:0;padding-bottom:clamp(11px,15cqi,18px)}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .ui-panel-title{flex:none;display:grid;place-items:center;width:174px;max-width:100%;height:58px;margin:0;padding:0;font:900 25px/1.2 "PMingLiU",serif;letter-spacing:4px;color:#f2dfb9;background:url("../assets/ui/common/title-plaque-v3.png") center/100% 182% no-repeat}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] #expedition-close{flex:none;box-sizing:border-box;width:48px;height:47px;padding:0;margin:2px 0 0;border:0;border-radius:0;background:url("../assets/ui/shop/v1/exit-button.png") 49.91364421416235% 48.561151079136685% / 182.8326180257511% 182.4925816023739% no-repeat;color:transparent;font-size:0;box-shadow:none;text-shadow:none}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] #expedition-close:is(:hover,:focus-visible){filter:brightness(1.08)}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .shop-tabs{width:164px;max-width:100%;gap:12px}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] #shop-wallet{color:#183849;font:700 20px/1.4 "PMingLiU",serif;white-space:nowrap;margin:0}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .shop-controls{max-width:100%}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .shop-reroll-label{display:flex;align-items:center;justify-content:center;gap:6px;position:relative;z-index:1}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .shop-reroll-label .currency-crystal{width:11px;height:22px}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .roster-inspect{padding:64px 21px 36px;display:flex;flex-direction:column;overflow:hidden;scrollbar-color:#6b7c7c #ead8b3}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .shop-inspect-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .roster-inspect::before{content:"角色介紹";display:block;flex:none;text-align:center;font:700 22px/1.5 "PMingLiU",serif;letter-spacing:2px;margin-bottom:22px}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] #roster-selected{display:block;line-height:1.7;color:#183849}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] #roster-selected:has(.shop-inspect-stars){display:flex;align-items:center;gap:8px;font-size:18px}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .shop-inspect-stars{display:flex;align-items:center;flex-wrap:wrap;gap:2px;max-width:60px}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .shop-inspect-stars img{width:11px;height:13px;object-fit:contain}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .shop-basic-stats{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 6px;margin:10px 0 20px;font-size:12px}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .shop-basic-stats[hidden]{display:none}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .shop-basic-stats :is(dt,dd){margin:0;padding:6px 0;line-height:1.6;border-bottom:1px solid #17344926;overflow-wrap:anywhere}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .shop-basic-stats dt{display:flex;align-items:center;gap:6px;min-width:0;color:#53646a}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .shop-basic-stats dd{text-align:right;color:#183849}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .shop-basic-stats .detail-stat-icon{order:-1;width:18px;height:18px;flex:none;object-fit:contain;filter:brightness(0) saturate(100%) invert(18%) sepia(36%) saturate(711%) hue-rotate(161deg) brightness(91%) contrast(94%)}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .shop-basic-stats .detail-category-label{position:absolute;width:1px;height:1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .shop-basic-stats .detail-category-value{grid-column:1/-1;text-align:left;border:0;padding:4px 0;display:flex;align-items:center;gap:6px}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .shop-basic-stats .detail-category-end{position:relative;margin-bottom:9px;padding-bottom:17px}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .roster-effects-title{color:#183849}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .roster-heading{gap:8px;padding:8px 0;color:#f2dfb9}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .roster-heading h3{font:700 16px/1.5 "PMingLiU",serif;color:#f2dfb9;letter-spacing:2px}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] #roster-top-section .roster-heading{display:none}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .roster-heading::after{display:none}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .law-price{display:flex;align-items:center;gap:4px}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .law-price .currency-crystal{width:9px;height:18px}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] button.law-card{background:#102331;color:#f2dfb9;border:1px solid #bfae88;border-radius:3px;--panel-ink:#f2dfb9}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] button.law-card:not(:disabled):hover{background:#1e3a49}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] button.law-card:disabled{opacity:.78}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .law-card-name,body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .law-card .law-price{color:#f2dfb9}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .law-card-stats{color:#d3c7ae}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .law-target-zone{background:#10233180;border:1px dashed #cbb99188}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] #law-target-name{color:#f2dfb9}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] button:focus-visible{outline:2px solid #75c0d2;outline-offset:3px}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] :is(.shop-tabs button,#shop-reroll){--button-height:44px;--cap-width:calc(var(--button-height) * .78);box-sizing:border-box;position:relative;isolation:isolate;height:var(--button-height);min-height:var(--button-height);border:0;border-radius:0;padding:0 var(--cap-width);color:#183849;font:700 17px/1.3 "PMingLiU",serif;box-shadow:none;text-shadow:none;background-color:transparent;background-origin:content-box;background-clip:content-box;width:164px;max-width:100%}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] :is(.shop-tabs button,#shop-reroll)::before,body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] :is(.shop-tabs button,#shop-reroll)::after{content:"";position:absolute;top:0;bottom:0;width:var(--cap-width);pointer-events:none;z-index:-1}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] :is(.shop-tabs button,#shop-reroll)::before{left:0}body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] :is(.shop-tabs button,#shop-reroll)::after{right:0}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] :is(.shop-tabs button,#shop-reroll):hover{filter:brightness(1.06)}body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] :is(.shop-tabs button,#shop-reroll):disabled{filter:saturate(.55);opacity:.55}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] :is(.shop-tabs button,#shop-reroll){background-image:url("../assets/ui/shop/v1/button-paper.png");background-position:50.069634003676676% 50.12048192771085%;background-size:152.03339227223978% calc(var(--button-height) * 2.2425149700598803);background-repeat:no-repeat}body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] :is(.shop-tabs button,#shop-reroll)::before{background:url("../assets/ui/shop/v1/button-paper.png") 5.387813744911509% 50.12048192771085%/805.3124520190389% calc(var(--button-height) * 2.2425149700598803) no-repeat}body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] :is(.shop-tabs button,#shop-reroll)::after{background:url("../assets/ui/shop/v1/button-paper.png") 94.66660861614821% 50.12048192771085%/805.3124520190389% calc(var(--button-height) * 2.2425149700598803) no-repeat}body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] :is(.shop-tabs button,#shop-reroll)[aria-selected=true]{background-image:url("../assets/ui/shop/v1/button-navy.png");background-position:49.73978211088752% 49.51830443159923%;background-size:140.98225457854625% calc(var(--button-height) * 2.894160583941606);background-repeat:no-repeat}body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] :is(.shop-tabs button,#shop-reroll)[aria-selected=true]::before{background:url("../assets/ui/shop/v1/button-navy.png") 4.125972146862001% 49.51830443159923%/927.8495227400336% calc(var(--button-height) * 2.894160583941606) no-repeat}body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] :is(.shop-tabs button,#shop-reroll)[aria-selected=true]::after{background:url("../assets/ui/shop/v1/button-navy.png") 95.7044673539519% 49.51830443159923%/927.8495227400336% calc(var(--button-height) * 2.894160583941606) no-repeat}body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] :is(.shop-tabs button,#shop-reroll)[aria-selected=true]{color:#f2dfb9}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] #roster-sell-zone{
 --art-height:54px;--cap-width:calc(var(--art-height) * 100 / 269);
 position:sticky;box-sizing:border-box;width:100%;margin:0 0 6px;height:var(--art-height);min-height:var(--art-height);
 color:#f2dfb9;font:700 15px/1.6 "Microsoft JhengHei",sans-serif;letter-spacing:2px;
 display:grid;place-items:center;padding:0 var(--cap-width);
 border:0;border-radius:0;outline:0;box-shadow:none;
 background:transparent url("../assets/ui/preparation/v1/sell-zone.png") 50% 50.1099%/113.243% calc(var(--art-height) * 724 / 269) no-repeat;
 background-origin:content-box;background-clip:content-box;
}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] #roster-sell-zone::before,
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] #roster-sell-zone::after{
 content:"";position:absolute;pointer-events:none;top:0;bottom:0;width:var(--cap-width);
 background:transparent url("../assets/ui/preparation/v1/sell-zone.png") 1.3031% 50.1099%/calc(var(--art-height) * 2172 / 269) calc(var(--art-height) * 724 / 269) no-repeat;
}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] #roster-sell-zone::before{left:0}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] #roster-sell-zone::after{right:0;background-position:98.6969% 50.1099%}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .roster-heading{gap:8px}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .roster-heading::after{display:none}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .roster-heading>.raster-divider{--divider-height:14px;display:flex;position:relative;flex:1;order:1;min-width:50px;height:var(--divider-height);padding:0;background:none}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .roster-heading>.raster-divider-left{order:-1;flex:0 0 22px;min-width:22px}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .raster-divider>i{display:block;height:100%;flex:none;pointer-events:none;background:transparent url("../assets/ui/preparation/v1/divider-v2.png") var(--piece-x) 49.8466%/var(--piece-scale) calc(var(--divider-height) * 731 / 79) no-repeat}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .raster-divider>i.divider-line{flex:1;min-width:0}
/* The title consumes space on the left. Measure the leading stroke so the
   central spark stays at the BOARD midpoint, not the remaining line midpoint. */
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .roster-heading>.raster-divider:not(.raster-divider-left)>i.divider-line:nth-child(2){flex:0 0 var(--divider-leading-width,0px)}


body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] #roster-sell-zone{--art-height:40px;position:relative;grid-area:1 / 2 / 2 / 3;margin:0 0 6px;cursor:default}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] #roster-sell-zone.drop-hover{filter:brightness(1.2);background:transparent url("../assets/ui/preparation/v1/sell-zone.png") 50% 50.1099%/113.243% calc(var(--art-height) * 724 / 269) no-repeat!important}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .raster-divider{filter:brightness(0) invert(89%) sepia(22%) saturate(365%) hue-rotate(342deg) brightness(104%) contrast(92%)}
@media(max-width:900px){
 body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop]{--shop-product-block-height:calc(46px + var(--shop-row-width) * 352 / 1404)}
 body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop]>.ui-panel-body{grid-template-columns:100px minmax(0,1fr);grid-template-rows:auto auto 150px auto auto}
 body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .shop-sidebar{padding:18px 6px 64px;gap:12px}
 body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .ui-panel-title{width:90px;height:40px;font-size:18px;letter-spacing:2px}
 body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] #expedition-close{width:42px;height:41px;padding:0;font-size:0}
 body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .shop-tabs{width:88px}
 body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] :is(.shop-tabs button,#shop-reroll){--button-height:38px;font-size:13px;padding:0 10px}
 body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] #shop-reroll{width:88px;padding:0 7px;font-size:11px}
 body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .shop-reroll-label{gap:3px}
 body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .shop-reroll-label .currency-crystal{width:8px;height:16px}
 body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] #shop-wallet{font-size:16px;gap:6px}
 body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .roster-inspect{padding:24px 8px 14px;border:14px solid transparent;background:none;border-image:url("../assets/ui/shop/v1/sidebar-panel.png") 210 175 220 175 fill / 14px / 0 stretch}
 body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .roster-inspect::before{font-size:17px;margin-bottom:8px}
}

body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .law-panel-skin{position:absolute;inset:0;display:grid;grid-template-columns:8px minmax(0,1fr) 8px;grid-template-rows:8px minmax(0,1fr) 8px;pointer-events:none;z-index:-1}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] button.law-card{--law-art-size:clamp(40px,calc((var(--shop-product-block-height) - 10px) / 2 - 32px),64px);position:relative;isolation:isolate;grid-template-columns:var(--law-art-size) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:7px 12px;padding:14px 18px;background:none;color:#183849;border:0;border-radius:0;--panel-ink:#183849}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] button.law-card:not(:disabled):hover{background:none;filter:brightness(1.04)}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .law-card-header{grid-area:1 / 2 / 2 / 3;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-width:0}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .law-card-name{flex:1;min-width:0;color:#183849;font-size:16px;line-height:1.4;max-height:none;overflow:visible;overflow-wrap:anywhere}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .law-card .law-price{color:#183849;font-size:14px;line-height:1.6;flex:none;margin:0;overflow:visible}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .law-card-copy{grid-area:2 / 2 / 3 / 3;align-self:stretch;height:100%;max-height:100%;min-height:0;min-width:0;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain;padding-right:3px}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .law-card .law-description{display:block;font-size:14px;line-height:1.7;overflow:visible;max-height:none}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .law-card-stats{display:block;color:#53646a;font-size:12px;line-height:1.6;overflow:visible;max-height:none;margin-top:8px}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .law-card .law-product-art{grid-area:1 / 1 / 3 / 2;position:relative;box-sizing:border-box;align-self:start;width:var(--law-art-size);height:var(--law-art-size);min-height:0;max-height:none;border:0;background:none;padding:7px;display:grid;place-items:center}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] button.law-card[data-sold=true]{grid-template-columns:1fr;grid-template-rows:1fr;place-items:center}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .law-sold-label{grid-area:1/1/-1/-1;align-self:center;justify-self:center;font-size:18px;line-height:1.5;color:#53646a}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .law-product-art::after{content:"";position:absolute;inset:0;background:url("../assets/ui/shop/laws-v1/law-icon-frame.png") 50% 50% / 153.3007334963325% 158.33333333333331% no-repeat;pointer-events:none}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .law-product-art .law-product-image{width:100%;height:100%;object-fit:contain;min-height:0}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .law-art-placeholder{font-size:9px;line-height:1.4;text-align:center}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] #law-shop-panel .law-target-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] #law-target-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:100%;padding:0;border:0;background:none;overflow:visible}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] #law-target-art{position:relative;isolation:isolate;width:min(calc((var(--shop-product-block-height) - 28px) * .8),100%);height:auto;aspect-ratio:4/5;flex:none;display:block;padding:0;box-sizing:border-box;background:#102331}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] #law-target-art::after{content:"";position:absolute;inset:0;z-index:4;border:0;background:url("../assets/ui/character-details/v1/portrait-frame-v1.png") center/100% 100% no-repeat;pointer-events:none}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .law-target-placeholder{position:absolute;inset:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#d9c8a6;font-size:12px;text-align:center}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .law-target-placeholder img{width:28px;height:28px;object-fit:contain}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .law-recipient-card{position:relative;display:block;width:100%;height:100%;background:#112331}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .law-recipient-card .character-image:not([hidden]){display:block;width:100%;height:100%;object-fit:cover;object-position:center}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] #law-target-name{position:relative;isolation:isolate;box-sizing:border-box;display:grid;place-items:center;width:min(calc((var(--shop-product-block-height) - 28px) * .8),100%);height:28px;min-height:28px;padding:3px 8px;color:#183849;font:700 12px/1.5 "PMingLiU",serif;text-align:center;flex:none}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] #law-target-name:empty{display:none}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] #roster-laws:empty{display:none}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .shop-equipped-title{font:700 17px/1.5 "PMingLiU",serif;border-top:1px solid #18384955;padding-top:12px;margin:18px 0 12px}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .shop-equipped-law{display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px;margin-bottom:18px}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .shop-equipped-law .law-product-art{position:relative;width:36px;height:36px;padding:4px;border:0;background:none;box-sizing:border-box;display:grid;place-items:center;align-self:start}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .shop-equipped-text{min-width:0;overflow-wrap:anywhere}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .shop-equipped-text strong{font-size:13px;color:#183849}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .shop-equipped-text p{white-space:pre-wrap;font-size:12px;line-height:1.8;margin:5px 0 0;color:#183849}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .shop-equipped-text .shop-equipped-attributes{color:#53646a}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .law-panel-skin>i:nth-child(1){background:url("../assets/ui/shop/laws-v1/law-option-panel.png") 3.8461538461538463% 19.305019305019304% / 1612.727272727273% 806.3636363636365% no-repeat}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .law-panel-skin>i:nth-child(2){background:url("../assets/ui/shop/laws-v1/law-option-panel.png") 50% 19.305019305019304% / 124.4039270687237% 806.3636363636365% no-repeat}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .law-panel-skin>i:nth-child(3){background:url("../assets/ui/shop/laws-v1/law-option-panel.png") 96.15384615384616% 19.305019305019304% / 1612.727272727273% 806.3636363636365% no-repeat}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .law-panel-skin>i:nth-child(4){background:url("../assets/ui/shop/laws-v1/law-option-panel.png") 3.8461538461538463% 49.90403071017274% / 1612.727272727273% 242.34972677595627% no-repeat}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .law-panel-skin>i:nth-child(5){background:url("../assets/ui/shop/laws-v1/law-option-panel.png") 50% 49.90403071017274% / 124.4039270687237% 242.34972677595627% no-repeat}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .law-panel-skin>i:nth-child(6){background:url("../assets/ui/shop/laws-v1/law-option-panel.png") 96.15384615384616% 49.90403071017274% / 1612.727272727273% 242.34972677595627% no-repeat}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .law-panel-skin>i:nth-child(7){background:url("../assets/ui/shop/laws-v1/law-option-panel.png") 3.8461538461538463% 80.56628056628057% / 1612.727272727273% 806.3636363636365% no-repeat}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .law-panel-skin>i:nth-child(8){background:url("../assets/ui/shop/laws-v1/law-option-panel.png") 50% 80.56628056628057% / 124.4039270687237% 806.3636363636365% no-repeat}
body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] .law-panel-skin>i:nth-child(9){background:url("../assets/ui/shop/laws-v1/law-option-panel.png") 96.15384615384616% 80.56628056628057% / 1612.727272727273% 806.3636363636365% no-repeat}
@media(max-width:900px){
 body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] #law-shop-panel:not([hidden]){grid-template-columns:220px calc(var(--law-slot-width) * 3) 220px;overflow-x:auto;overflow-y:hidden;overscroll-behavior:contain}
 body.immersive-game dialog.ui-panel#expedition-dialog[data-mode=shop] button.law-card{--law-art-size:48px}
}