/* Expedition workshop v17. Static artwork, finite interaction motion and
   local catalog pages. Every purchase is still owned by the commerce hub. */
body #detail-dialog[data-shop-quality="v17"] {
  --shop-ink:#f7efdc;
  --shop-muted:#aabdbd;
  --shop-gold:#e6c27a;
  --shop-line:rgba(207,179,113,.27);
  --shop-teal:#72d5c2;
  background:#0c1b21;
  border:1px solid #83704d;
  border-image:none;
  color:var(--shop-ink);
  box-shadow:0 22px 100px #000b,inset 0 0 0 4px #0f252b;
}
body #detail-dialog[data-shop-quality="v17"] .dialog-header {
  background:linear-gradient(110deg,#1a3034,#102028);
  border-bottom:1px solid var(--shop-line);
}
body #detail-dialog[data-shop-quality="v17"] .dialog-header h2 { color:var(--shop-ink); letter-spacing:.04em; }
body #detail-dialog[data-shop-quality="v17"] .dialog-body {
  padding:14px 18px;
  background:radial-gradient(ellipse at 20% 0%,#203c3d77,transparent 66%),#0c1b21;
  scrollbar-gutter:auto;
  overflow-x:hidden;
}
body #detail-dialog[data-shop-quality="v17"] .dialog-fixed-actions {
  background:#12282c;
  border-top:1px solid var(--shop-line);
  padding:10px 18px;
}
body #detail-dialog[data-shop-quality="v17"] :is(.shop-v17,.shop-v17-content) { min-width:0; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17 { display:flex; flex-direction:column; gap:12px; min-height:100%; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-content { display:flex; flex-direction:column; gap:12px; flex:1; }
body #detail-dialog[data-shop-quality="v17"] :is(.shop-v17,.shop-v17-fixed-actions) button {
  border-image:none;
  background-image:none;
  text-shadow:none;
  box-sizing:border-box;
  min-width:44px;
  min-height:44px;
  margin:0;
  font:inherit;
  color:var(--shop-ink);
  line-height:1.35;
  border:1px solid var(--shop-line);
  border-radius:5px;
  background:#183238;
  box-shadow:none;
  cursor:pointer;
  transition:background-color .16s ease,border-color .16s ease,transform .16s ease;
}
body #detail-dialog[data-shop-quality="v17"] :is(.shop-v17,.shop-v17-fixed-actions) button:hover:not(:disabled) { border-color:var(--shop-gold); background-color:#23454a; }
body #detail-dialog[data-shop-quality="v17"] :is(.shop-v17,.shop-v17-fixed-actions) button:active:not(:disabled) { transform:translateY(1px); }
body #detail-dialog[data-shop-quality="v17"] :is(.shop-v17,.shop-v17-fixed-actions) button:focus-visible { outline:3px solid #8eebd6; outline-offset:3px; }
body #detail-dialog[data-shop-quality="v17"] :is(.shop-v17,.shop-v17-fixed-actions) button:disabled { opacity:.43; cursor:default; filter:none; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-top { display:flex; align-items:center; justify-content:space-between; gap:12px; flex:none; }
.shop-v17-wallet { display:flex; align-items:center; gap:12px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-material { width:28px; height:28px; object-fit:contain; flex:none; }
.shop-v17-wallet>.shop-v17-material { width:42px; height:42px; }
.shop-v17-wallet>span { display:grid; gap:0; font-size:12px; color:var(--shop-muted); line-height:1.3; }
.shop-v17-wallet strong { color:var(--shop-ink); font-size:25px; letter-spacing:.02em; font-variant-numeric:tabular-nums; line-height:1.3; }
.shop-v17-tabs { display:flex; gap:4px; padding:4px; border:1px solid var(--shop-line); background:#0d1d23; border-radius:6px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-tabs button { min-height:44px; padding:8px 22px; border:1px solid transparent; background:transparent; color:var(--shop-muted); font-size:15px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-tabs button[aria-pressed="true"] { color:#182628; background:#dfc186; border-color:#f0d69a; box-shadow:inset 0 0 0 1px #fce0aa40; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-banner {
  flex:none;
  min-height:104px;
  padding:18px 26px;
  display:flex;
  align-items:center;
  border:1px solid var(--shop-line);
  border-radius:7px;
  background:linear-gradient(90deg,#122525fa 0%,#152729dc 35%,#1b30294d 73%),url('/resource/ui/shop-v17/runtime/shop-workshop-banner-v17.webp') center 55%/cover;
  overflow:hidden;
}
.shop-v17-banner>div { max-width:60%; }
.shop-v17-kicker { display:block; color:var(--shop-gold); font-size:11px; letter-spacing:.08em; line-height:1.4; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-banner h3 { font-size:24px; margin:4px 0 6px; color:var(--shop-ink); line-height:1.35; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-banner p { font-size:13px; margin:0; color:#c2cdc5; line-height:1.5; }
.shop-v17-catalog-tools { display:flex; justify-content:space-between; align-items:center; gap:12px; min-height:44px; flex:none; }
.shop-v17-filters { display:flex; gap:4px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-filters button { padding:8px 15px; background:transparent; font-size:14px; color:#aebcbc; border-color:transparent; border-radius:3px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-filters button[aria-pressed="true"] { color:var(--shop-gold); border-color:var(--shop-line); background:#8f784013; }
.shop-v17-storage,.shop-v17-category-note { font-size:12px; color:var(--shop-muted); margin:0; text-align:right; }
.shop-v17-category-note { text-align:left; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
body #detail-dialog[data-shop-quality="v17"] button.shop-v17-card {
  display:grid;
  grid-template-rows:auto minmax(100px,1fr) auto auto;
  gap:6px;
  min-width:0;
  min-height:254px;
  padding:12px 14px;
  text-align:left;
  background:radial-gradient(ellipse at 50% 36%,#36585760,transparent 70%),linear-gradient(145deg,#223a3d,#12272d 80%);
  border:1px solid #536361;
  border-radius:7px;
  position:relative;
  isolation:isolate;
}
body #detail-dialog[data-shop-quality="v17"] button.shop-v17-card:hover:not(:disabled) { background-color:#274547; border-color:#d1b370; box-shadow:0 5px 20px #0003,inset 0 0 0 1px #deb67a22; }
.shop-v17-card-badge { display:block; width:fit-content; max-width:100%; padding:2px 6px; font-size:11px; line-height:1.35; color:#c5d2c8; border:1px solid #52665c88; background:#162a25ab; border-radius:3px; }
.shop-v17-card-sold-out .shop-v17-card-badge { border-color:#826045; color:#deac80; }
.shop-v17-art { display:flex; position:relative; align-items:center; justify-content:center; min-width:0; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-art>img { width:100%; height:100%; max-width:160px; max-height:142px; object-fit:contain; filter:drop-shadow(0 8px 10px #0005); }
.shop-v17-art>picture { display:block; width:100%; height:100%; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-portrait :is(img,picture) { max-width:160px; max-height:142px; width:100%; height:100%; object-fit:contain; }
.shop-v17-shard-mark { position:absolute; bottom:3px; right:calc(50% - 58px); color:#94e0cf; font-size:20px; text-shadow:0 1px 5px #09252b; background:#122a31; border:1px solid #6cb7ab; border-radius:50%; width:30px; height:30px; display:flex; align-items:center; justify-content:center; }
.shop-v17-card-copy { display:grid; gap:4px; min-width:0; }
.shop-v17-card-copy strong { font-size:17px; color:var(--shop-ink); line-height:1.3; overflow-wrap:anywhere; }
.shop-v17-card-copy small { display:block; font-size:12px; color:#a9bebb; line-height:1.35; }
.shop-v17-card-copy small b { color:#97dccc; font-weight:600; }
.shop-v17-card-bottom { display:flex; align-items:center; justify-content:space-between; gap:6px; padding-top:6px; border-top:1px solid #73816c2b; }
.shop-v17-price { display:inline-flex; align-items:center; justify-content:flex-end; gap:6px; white-space:nowrap; }
.shop-v17-price b { font-size:20px; font-variant-numeric:tabular-nums; color:var(--shop-gold); line-height:1.2; }
.shop-v17-inspect-mark { color:#87a8a3; font-size:21px; }
.shop-v17-pagination { display:flex; align-items:center; justify-content:center; gap:16px; margin-top:auto; padding-top:2px; min-height:44px; flex:none; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-pagination button { display:flex; gap:8px; align-items:center; justify-content:center; padding:8px 12px; background:transparent; font-size:13px; }
.shop-v17-pagination button>span:first-child:last-child { font-size:24px; }
.shop-v17-pagination>span { color:var(--shop-muted); font-size:13px; min-width:44px; text-align:center; font-variant-numeric:tabular-nums; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-button { padding:10px 16px; font-size:15px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-button.shop-v17-primary { background:linear-gradient(#e8ca8b,#c8a564); color:#152626; border-color:#f3d796; font-weight:700; box-shadow:inset 0 1px 0 #fff5; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-button.shop-v17-primary:hover:not(:disabled) { background:linear-gradient(#f2d79b,#d8b77a); color:#152626; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-fixed-actions { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.5fr); gap:10px; margin-top:0; }
.shop-v17-fixed-actions>button:only-child { grid-column:1/-1; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-detail { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:28px; min-height:320px; align-items:center; flex:1; padding:18px 28px; border:1px solid var(--shop-line); border-radius:8px; background:radial-gradient(ellipse at 22% 44%,#365c5555,transparent 72%),#152b2e; }
.shop-v17-display { display:grid; place-items:center; position:relative; min-height:280px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-display-art { height:300px; width:100%; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-display-art :is(img,picture) { height:100%; max-height:300px; width:100%; max-width:340px; object-fit:contain; }
.shop-v17-display-line { position:absolute; bottom:10px; left:12%; right:12%; height:1px; background:linear-gradient(90deg,transparent,#dac78699,transparent); }
.shop-v17-item-info { min-width:0; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-item-info h3 { font-size:28px; margin:6px 0 10px; line-height:1.25; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-description { color:#bac8c2; font-size:14px; line-height:1.6; margin:0 0 18px; }
.shop-v17-effect { font-size:18px; color:#c0d8cd; margin:8px 0 18px; }
.shop-v17-effect b { color:var(--shop-teal); }
.shop-v17-facts { display:grid; gap:8px; font-size:13px; margin:12px 0 16px; }
.shop-v17-facts>div { display:grid; grid-template-columns:88px minmax(0,1fr); gap:10px; }
.shop-v17-facts dt { color:var(--shop-muted); }.shop-v17-facts dd { margin:0; color:#dedfce; }
.shop-v17-item-price { display:flex; align-items:center; justify-content:space-between; border-block:1px solid var(--shop-line); padding:12px 0; }
.shop-v17-item-price>span { font-size:13px; color:var(--shop-muted); }
.shop-v17-item-price .shop-v17-price b { font-size:28px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-farm-note { margin:12px 0 0; font-size:12px; color:#a7bfb8; line-height:1.5; }
.shop-v17-progress { margin:12px 0; display:grid; gap:8px; }
.shop-v17-progress>div { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:13px; }
.shop-v17-progress b { color:var(--shop-teal); }
.shop-v17-progress progress { appearance:none; width:100%; height:6px; border:0; border-radius:4px; background:#0b2024; overflow:hidden; }
.shop-v17-progress progress::-webkit-progress-bar { background:#0b2024; border-radius:4px; }
.shop-v17-progress progress::-webkit-progress-value { background:linear-gradient(90deg,#459b8c,#a0e5ce); border-radius:4px; }
.shop-v17-progress progress::-moz-progress-bar { background:linear-gradient(90deg,#459b8c,#a0e5ce); border-radius:4px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-shard-owned { color:#acd3c6; font-size:13px; margin:12px 0; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-review { width:min(100%,620px); margin:0 auto; display:flex; flex-direction:column; gap:16px; }
.shop-v17-review>header h3 { font-size:20px; margin:5px 0 0; }
.shop-v17-order-item { display:flex; gap:16px; align-items:center; padding:14px 18px; border:1px solid var(--shop-line); border-radius:6px; background:#1b3439; }
.shop-v17-order-item>.shop-v17-art { flex:none; width:72px; height:80px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-order-item .shop-v17-art :is(img,picture) { max-height:80px; max-width:72px; object-fit:contain; }
.shop-v17-order-item>div { flex:1; display:grid; gap:4px; min-width:0; }
.shop-v17-order-item strong { font-size:18px; line-height:1.35; }
.shop-v17-order-item :is(span:not(.shop-v17-art,.shop-v17-shard-mark),small) { font-size:12px; color:var(--shop-muted); }
.shop-v17-order-item>b { color:var(--shop-gold); font-size:22px; }
.shop-v17-quantity { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.shop-v17-quantity>span { font-size:14px; color:#cbd3c8; }
.shop-v17-quantity>div { display:flex; gap:12px; align-items:center; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-quantity button { width:48px; height:48px; font-size:24px; line-height:1; }
.shop-v17-quantity output { min-width:24px; text-align:center; font-size:20px; font-weight:700; font-variant-numeric:tabular-nums; }
.shop-v17-cost { display:grid; gap:0; padding:6px 16px; margin:0; background:#102329; border:1px solid var(--shop-line); border-radius:5px; }
.shop-v17-cost>div { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:42px; }
.shop-v17-cost dt { font-size:13px; color:var(--shop-muted); }.shop-v17-cost dd { margin:0; display:flex; align-items:center; font-size:19px; }
.shop-v17-cost dd.shop-v17-cost-spend { color:#cca574; }
.shop-v17-cost .shop-v17-cost-spend b { color:#cca574; }
.shop-v17-cost>div.shop-v17-cost-after { border-top:1px solid var(--shop-line); min-height:50px; }
.shop-v17-cost-after :is(dt,b) { color:#8dd6c1; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-delivery-note { margin:0; font-size:13px; line-height:1.5; color:#c1cbc0; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-notice { margin:0; padding:10px 14px; color:#edc994; background:#5a442733; border:1px solid #b1874f66; border-radius:5px; font-size:13px; line-height:1.5; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-error { color:#ffd2c4; background:#773c3033; border-color:#b7765c88; }
.shop-v17-loading,.shop-v17-empty,.shop-v17-pending { display:grid; justify-items:center; align-content:center; text-align:center; gap:16px; flex:1; min-height:250px; max-width:620px; width:100%; margin:auto; }
.shop-v17-loading>span,.shop-v17-pending-symbol { color:var(--shop-gold); font-size:52px; }
.shop-v17-pending p { font-size:14px; margin:0; color:#c1ceca; }
.shop-v17-pending .shop-v17-order-item { width:100%; text-align:left; box-sizing:border-box; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-success { display:grid; justify-items:center; align-content:center; gap:8px; max-width:620px; width:100%; margin:auto; padding:12px 0; text-align:center; }
.shop-v17-success-seal { display:grid; place-items:center; width:38px; height:38px; border:1px solid #85d2b9; border-radius:50%; color:#92e0c7; background:#264c4155; font-size:23px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-success h3 { font-size:22px; margin:0 0 4px; }
.shop-v17-success-art { position:relative; display:grid; place-items:center; width:200px; height:170px; background:radial-gradient(ellipse,#c8ac6038,transparent 67%); isolation:isolate; }
.shop-v17-success-art>.shop-v17-art { width:180px; height:158px; }
.shop-v17-success-ray { position:absolute; inset:0; border:1px solid #d7c38244; transform:rotate(45deg) scale(.6); z-index:-1; }
.shop-v17-success-name { font-size:22px; line-height:1.35; }.shop-v17-success-name b { color:var(--shop-gold); }
.shop-v17-success>p { font-size:13px; color:var(--shop-muted); margin:0 0 10px; }
.shop-v17-success>.shop-v17-cost { width:100%; box-sizing:border-box; text-align:left; }
.shop-v17-transaction { width:100%; text-align:left; font-size:12px; color:var(--shop-muted); }
.shop-v17-transaction summary { cursor:pointer; min-height:44px; display:flex; align-items:center; justify-content:center; color:var(--shop-muted); text-decoration:underline; text-underline-offset:4px; }
.shop-v17-transaction code { display:block; text-align:center; overflow-wrap:anywhere; user-select:text; padding:8px; color:#d2d2c5; }
.shop-v17-sr { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.shop-v17-success[data-reveal="true"] .shop-v17-success-art { animation:shop-v17-arrive .6s cubic-bezier(.16,1,.3,1) both; }
.shop-v17-success[data-reveal="true"] .shop-v17-success-ray { animation:shop-v17-seal .8s ease-out both; }
.shop-v17-success[data-reveal="true"] .shop-v17-success-seal { animation:shop-v17-check .35s ease-out both; }
@keyframes shop-v17-arrive { from { opacity:0; transform:translateY(16px) scale(.88); } to { opacity:1; transform:none; } }
@keyframes shop-v17-seal { from { opacity:0; transform:rotate(30deg) scale(.4); } 60% { opacity:.7; } to { opacity:.25; transform:rotate(45deg) scale(.8); } }
@keyframes shop-v17-check { from { opacity:0; transform:scale(.7); } to { opacity:1; transform:none; } }
@media (max-width:1100px) {
  body #detail-dialog[data-shop-quality="v17"] .shop-v17-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  body #detail-dialog[data-shop-quality="v17"] button.shop-v17-card { min-height:218px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v17-banner h3 { font-size:22px; }
}
@media (max-width:700px) {
  body #detail-dialog[data-shop-quality="v17"] .dialog-body { padding:12px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v17-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v17-top { gap:8px; }
  .shop-v17-wallet { gap:6px; }.shop-v17-wallet strong { font-size:23px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v17-tabs button { padding:8px 13px; font-size:14px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v17-banner { padding:16px; min-height:80px; }
  .shop-v17-banner>div { max-width:77%; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v17-banner h3 { font-size:18px; margin:4px 0; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v17-banner p { font-size:12px; }
  body #detail-dialog[data-shop-quality="v17"] button.shop-v17-card { min-height:195px; padding:9px 10px; grid-template-rows:auto minmax(72px,1fr) auto auto; gap:5px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v17-card .shop-v17-art :is(img,picture) { max-height:100px; max-width:110px; }
  .shop-v17-card-copy strong { font-size:15px; }.shop-v17-card-copy small { font-size:11px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v17-filters button { padding:8px 10px; font-size:13px; }
  .shop-v17-storage { font-size:11px; max-width:110px; }
  .shop-v17-pagination { gap:8px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v17-pagination button { padding:8px; font-size:12px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v17-detail { grid-template-columns:minmax(0,1fr); gap:8px; padding:16px 18px; min-height:0; }
  .shop-v17-display { min-height:140px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v17-display-art { height:155px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v17-display-art :is(img,picture) { max-height:155px; max-width:220px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v17-item-info h3 { font-size:23px; margin:5px 0 8px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v17-description { font-size:13px; margin-bottom:10px; }
  .shop-v17-effect { font-size:17px; margin:8px 0 12px; }
  .shop-v17-facts { margin:10px 0; gap:6px; }
  .shop-v17-order-item { gap:10px; padding:10px; }
  .shop-v17-order-item>.shop-v17-art { width:56px; height:64px; }
  .shop-v17-order-item strong { font-size:16px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v17-review { gap:12px; }
  .shop-v17-review>header h3 { font-size:17px; }
  .shop-v17-success-art { width:150px; height:138px; }.shop-v17-success-art>.shop-v17-art { width:136px; height:128px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v17-success h3 { font-size:18px; }
  .shop-v17-success-name { font-size:19px; }
}
body #detail-dialog[data-shop-quality="v17"] .shop-v17[data-compact="true"] .shop-v17-banner { display:none; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17[data-compact="true"] { gap:8px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17[data-compact="true"] .shop-v17-content { gap:8px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17[data-compact="true"] button.shop-v17-card { min-height:155px; grid-template-rows:auto minmax(48px,1fr) auto auto; gap:4px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17[data-compact="true"] .shop-v17-card .shop-v17-art :is(img,picture) { max-height:76px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17[data-short="true"] .shop-v17-grid { gap:8px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17[data-short="true"] button.shop-v17-card { display:grid; grid-template-columns:64px minmax(0,1fr); grid-template-rows:auto auto auto; min-height:98px; gap:3px 8px; padding:8px; }
.shop-v17[data-short="true"] .shop-v17-card-badge { grid-column:2; font-size:10px; }
.shop-v17[data-short="true"] .shop-v17-card>.shop-v17-art { grid-column:1; grid-row:1/4; height:76px; }
.shop-v17[data-short="true"] .shop-v17-card-copy { grid-column:2; gap:2px; }
.shop-v17[data-short="true"] .shop-v17-card-copy strong { font-size:13px; }.shop-v17[data-short="true"] .shop-v17-card-copy small { font-size:10px; }
.shop-v17[data-short="true"] .shop-v17-card-bottom { grid-column:2; padding-top:2px; border-top:0; }.shop-v17[data-short="true"] .shop-v17-price b { font-size:17px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17[data-short="true"] .shop-v17-material { width:22px; height:22px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17[data-short="true"] .shop-v17-wallet>span { font-size:10px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17[data-short="true"] .shop-v17-wallet strong { font-size:19px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17[data-short="true"] .shop-v17-detail { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:16px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17[data-short="true"] .shop-v17-display { min-height:160px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17[data-short="true"] .shop-v17-display-art { height:175px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17[data-short="true"] .shop-v17-display-art :is(img,picture) { max-height:175px; }
@media (max-width:380px) {
  .shop-v17-card-copy strong { font-size:14px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v17-tabs button { padding:8px 10px; font-size:13px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v17-wallet>span { font-size:10px; }
  .shop-v17-storage { font-size:10px; max-width:80px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v17 .shop-v17-material { width:25px; height:25px; }
  .shop-v17-wallet { gap:4px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v17-button { font-size:13px; padding:9px 8px; }
  .shop-v17-cost { padding:5px 10px; }.shop-v17-cost dt { font-size:12px; }
  .shop-v17-cost .shop-v17-price b { font-size:18px; }
}
@media (prefers-reduced-motion:reduce) {
  body #detail-dialog[data-shop-quality="v17"] :is(.shop-v17,.shop-v17-fixed-actions) button { transition:none; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v17-success[data-reveal="true"] :is(.shop-v17-success-art,.shop-v17-success-ray,.shop-v17-success-seal) { animation:none; }
}
body[data-reduced-motion="true"] #detail-dialog[data-shop-quality="v17"] :is(.shop-v17,.shop-v17-fixed-actions) button,
body.reduce-motion #detail-dialog[data-shop-quality="v17"] :is(.shop-v17,.shop-v17-fixed-actions) button { transition:none; }
body[data-reduced-motion="true"] #detail-dialog[data-shop-quality="v17"] .shop-v17-success[data-reveal="true"] :is(.shop-v17-success-art,.shop-v17-success-ray,.shop-v17-success-seal),
body.reduce-motion #detail-dialog[data-shop-quality="v17"] .shop-v17-success[data-reveal="true"] :is(.shop-v17-success-art,.shop-v17-success-ray,.shop-v17-success-seal) { animation:none; }

body.motion-reduced #detail-dialog[data-shop-quality="v17"] :is(.shop-v17,.shop-v17-fixed-actions) button { transition:none; }
body.motion-reduced #detail-dialog[data-shop-quality="v17"] .shop-v17-success[data-reveal="true"] :is(.shop-v17-success-art,.shop-v17-success-ray,.shop-v17-success-seal) { animation:none; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-art>img { box-sizing:border-box; padding:5px; }

body.motion-reduced #detail-dialog[data-shop-quality="v17"] :is(.shop-v17,.shop-v17-fixed-actions) button:active:not(:disabled) { transform:none; }
@media (prefers-reduced-motion:reduce) { body #detail-dialog[data-shop-quality="v17"] :is(.shop-v17,.shop-v17-fixed-actions) button:active:not(:disabled) { transform:none; } }
body #detail-dialog:not([open])[data-shop-quality="v17"] .shop-v17-success *,
body #detail-dialog[data-shop-quality="v17"] .shop-v17[data-effects-paused="true"] .shop-v17-success * { animation-play-state:paused!important; }

/* The preceding v15/v16 skin deliberately uses !important on every native
   button. Reset that skin only within the workshop, then apply its own paint. */
body #detail-dialog[data-shop-quality="v17"] {
  border:1px solid #83704d!important;
  border-image:none!important;
  background-color:#0c1b21!important;
  background-image:none!important;
}
body #detail-dialog[data-shop-quality="v17"] :is(.shop-v17,.shop-v17-fixed-actions) button {
  border:1px solid var(--shop-line)!important;
  border-image:none!important;
  background-image:none!important;
  background-color:#183238!important;
  color:var(--shop-ink)!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
body #detail-dialog[data-shop-quality="v17"] :is(.shop-v17,.shop-v17-fixed-actions) button::before,
body #detail-dialog[data-shop-quality="v17"] :is(.shop-v17,.shop-v17-fixed-actions) button::after { display:none!important; }
body #detail-dialog[data-shop-quality="v17"] :is(.shop-v17,.shop-v17-fixed-actions) button:hover:not(:disabled) { border-color:var(--shop-gold)!important; background-color:#23454a!important; }
body #detail-dialog[data-shop-quality="v17"] :is(.shop-v17,.shop-v17-fixed-actions) button:disabled { opacity:.43!important; color:#b5bcb4!important; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-tabs button { border-color:transparent!important; background-color:transparent!important; color:var(--shop-muted)!important; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-tabs button[aria-pressed="true"] { color:#182628!important; background-color:#dfc186!important; border-color:#f0d69a!important; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-filters button,
body #detail-dialog[data-shop-quality="v17"] .shop-v17-quick-filters button { background-color:transparent!important; border-color:transparent!important; color:#aebcbc!important; }
body #detail-dialog[data-shop-quality="v17"] :is(.shop-v17-filters,.shop-v17-quick-filters) button[aria-pressed="true"] { color:var(--shop-gold)!important; border-color:var(--shop-line)!important; background-color:#8f784013!important; }
body #detail-dialog[data-shop-quality="v17"] button.shop-v17-card {
  background-image:radial-gradient(ellipse at 50% 36%,#36585760,transparent 70%),linear-gradient(145deg,#223a3d,#12272d 80%)!important;
  background-color:#162e32!important;
  border-color:#536361!important;
  grid-template-rows:auto 108px auto auto;
  min-height:0;
}
body #detail-dialog[data-shop-quality="v17"] .shop-v17-card>.shop-v17-art { height:108px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-button.shop-v17-primary {
  background-image:linear-gradient(#e8ca8b,#c8a564)!important;
  background-color:#d1ae71!important;
  color:#152626!important;
  border-color:#f3d796!important;
}
body #detail-dialog[data-shop-quality="v17"] .shop-v17-button.shop-v17-primary:hover:not(:disabled) { background-image:linear-gradient(#f2d79b,#d8b77a)!important; color:#152626!important; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-fixed-actions {
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  align-items:center;
  width:100%;
}
body #detail-dialog[data-shop-quality="v17"] .shop-v17-fixed-actions>button { flex:1 1 0; min-width:0; width:auto; min-height:48px; padding:9px 10px; }
body #detail-dialog[data-shop-quality="v17"] #dialog-thumb-close {
  flex:0 0 44px!important;
  width:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  min-height:44px!important;
  height:44px!important;
  padding:0!important;
  align-self:center;
}
body #detail-dialog[data-shop-quality="v17"] .shop-v17-catalog-actions>span { flex:0 0 44px; font-size:13px; text-align:center; font-variant-numeric:tabular-nums; color:var(--shop-muted); }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-pagination { margin:0; padding:0; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-catalog-actions button { background-color:transparent!important; font-size:13px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17-quick-filters { display:none; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17[data-compact="true"] .shop-v17-banner { display:flex; min-height:54px; padding:12px 18px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17[data-compact="true"] .shop-v17-banner p { display:none; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17[data-compact="true"] .shop-v17-banner h3 { font-size:20px; margin:4px 0 0; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17[data-compact="true"] button.shop-v17-card { grid-template-rows:auto 98px auto auto; min-height:0; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17[data-compact="true"] .shop-v17-card>.shop-v17-art { height:98px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17[data-compact="true"] .shop-v17-card .shop-v17-art :is(img,picture) { max-height:98px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17[data-short="true"] .shop-v17-banner { display:none; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17[data-short="true"][data-shop-stage="catalog"] .shop-v17-catalog-tools { display:none; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17[data-short="true"] .shop-v17-quick-filters { display:flex; gap:3px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17[data-short="true"] .shop-v17-quick-filters button { padding:4px 8px; font-size:12px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17[data-short="true"] button.shop-v17-card { grid-template-rows:auto auto auto; min-height:88px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17[data-short="true"] .shop-v17-card>.shop-v17-art { height:70px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v17[data-short="true"] .shop-v17-card-copy strong { font-size:13px; }
@media (max-width:700px) {
  body #detail-dialog[data-shop-quality="v17"] button.shop-v17-card { grid-template-rows:auto 72px auto auto; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v17-card>.shop-v17-art { height:72px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v17[data-compact="true"] .shop-v17-banner { display:none; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v17[data-compact="true"] button.shop-v17-card { grid-template-rows:auto 76px auto auto; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v17[data-compact="true"] .shop-v17-card>.shop-v17-art { height:76px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v17[data-short="true"] button.shop-v17-card { grid-template-rows:auto auto auto; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v17[data-short="true"] .shop-v17-top { gap:6px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v17[data-short="true"] .shop-v17-wallet { gap:4px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v17[data-short="true"] .shop-v17-wallet>span { max-width:75px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v17[data-short="true"] .shop-v17-tabs button { padding:5px 10px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v17-fixed-actions>button { font-size:13px; padding:8px 6px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v17-catalog-actions>span { flex-basis:36px; font-size:12px; }
}