/* ============================================================================
   REDESIGN LAYER — Myriad Refining (衍) · Arena Shop & Rewards (兌) · Arena.
   Styles ONLY the scoped hook classes added to those three views. Every color
   resolves through the game's themed variables (theme.css), so all 10 themes +
   neon + paper tone carry through. Loaded after styles.css + theme.css.
   ========================================================================== */

/* ---------------------------------- MYRIAD: stats strip ---------------------------------- */
.myr-strip{margin-bottom:16px;border-color:var(--line-strong);
  background:linear-gradient(170deg,var(--bg2),var(--panel))}
.myr-strip .body{padding:15px 22px}
.myr-stat{display:flex;flex-direction:column;gap:3px;line-height:1.15}
.myr-stat > b{font-family:var(--mono);font-weight:700;font-size:22px;line-height:1}
.myr-prof{min-width:230px}
.myr-profbar{display:block;height:7px;border:1px solid var(--line);background:var(--inset);margin:5px 0 3px;overflow:hidden}
.myr-profbar > i{display:block;height:100%;background:linear-gradient(90deg,var(--brass),var(--stone))}

/* ---------------------------------- MYRIAD: altar ---------------------------------- */
.myr-altar-h{letter-spacing:.06em}
.ref-card.myr-altar{background:linear-gradient(170deg,var(--bg2),var(--panel))}
.ref-card.myr-altar.can{box-shadow:0 0 26px -8px rgba(199,154,69,0.4)}
.myr-dial{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line-soft);
  border-bottom:1px solid var(--line-soft);padding:13px 2px;margin:10px 0}
.myr-pct{font-family:var(--mono);font-weight:700;font-size:40px;line-height:1}
.myr-pct i{font-style:normal;font-size:17px;color:var(--muted);margin-left:1px}
.myr-dialmeta{display:flex;flex-direction:column;gap:5px;min-width:0}
.myr-note{font-family:var(--mono);font-size:11px;letter-spacing:.02em}
.myr-budget{display:flex;height:8px;width:172px;border:1px solid var(--line);overflow:hidden}
.myr-budget > i{display:block;height:100%}
.myr-budget > i.d{background:linear-gradient(90deg,var(--blood-deep),var(--blood-bright))}
.myr-budget > i.s{background:linear-gradient(90deg,var(--brass),var(--stone))}

/* ---------------------------------- ARENA SHOP: merit strip ---------------------------------- */
.ash-strip{margin-bottom:18px;border-color:rgba(199,154,69,0.4);
  background:linear-gradient(170deg,rgba(199,154,69,0.06),var(--panel))}
.ash-strip .body{padding:15px 24px}
.ash-bigstat > b{font-size:24px !important;line-height:1}

/* ---------------------------------- ARENA SHOP: supply / core cards ---------------------------------- */
.ash-card{position:relative;border:1px solid color-mix(in srgb, var(--ash-accent) 26%, var(--line));
  border-top:2px solid var(--ash-accent);overflow:hidden;transition:.16s ease}
.ash-card:hover{border-color:var(--ash-accent)}
.ash-card.sold{opacity:.5}
.ash-card .body{display:flex;flex-direction:column;gap:8px;min-height:148px}
.ash-glyph{position:absolute;right:13px;top:11px;font-family:var(--cjk);font-weight:600;font-size:30px;
  line-height:1;opacity:.5;pointer-events:none}
.ash-name{padding-right:38px}
.ash-name .gp-name{font-family:var(--serif);font-weight:600;font-size:16px;color:var(--bone);letter-spacing:.02em}
.ash-meta{margin:0}
.ash-meta b{color:var(--brass)}
.ash-price{display:flex;align-items:baseline;gap:6px;border-top:1px solid var(--line-soft);
  padding-top:9px;margin-top:auto}
.ash-price > b{font-family:var(--mono);font-weight:700;font-size:19px}
.ash-price span{letter-spacing:.14em;text-transform:uppercase}

/* ---------------------------------- ARENA SHOP: claim cards ---------------------------------- */
.ash-claim{background:linear-gradient(170deg,var(--bg2),var(--panel))}
.ash-claim .gp-name{font-family:var(--serif);font-weight:600;font-size:18px;letter-spacing:.03em}

/* ---------------------------------- ARENA SHOP: bracket table ---------------------------------- */
.ash-table{border-collapse:collapse;font-family:var(--mono);font-size:12px;width:100%;max-width:460px;
  border:1px solid var(--line);background:var(--bg2)}
.ash-table td{text-align:right;padding:6px 16px;border-bottom:1px solid var(--line-soft);color:var(--bone-dim)}
.ash-table td:first-child{text-align:left;font-family:var(--serif);font-size:14px;color:var(--bone)}
.ash-table .ash-thead td{font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);
  border-bottom:1px solid var(--line);padding-top:8px;padding-bottom:8px}
.ash-table .num{color:var(--brass)}
.ash-table tr.ash-cur td{background:rgba(199,154,69,0.12);color:var(--bone)}
.ash-table tr.ash-cur td:first-child{color:var(--brass);font-weight:600}

/* ---------------------------------- ARENA: sub-tab toggle ---------------------------------- */
.arena-subtabs button{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.12em;padding:9px 18px}

/* ---------------------------------- shared filter bar (Myriad inputs · Arena cores) ---------------------------------- */
.myr-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin:0 0 16px;
  padding-bottom:14px;border-bottom:1px solid var(--line)}
.myr-filters .searchbox{min-width:190px}
.myr-fgroup{display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px}
.myr-flbl{font-family:var(--mono);font-size:8px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-right:3px}
.myr-fgroup .mini{display:inline-flex;align-items:center;gap:4px}
.myr-fgroup .mini span{font-family:var(--cjk);font-size:12px}
.myr-fclear{margin-left:auto;color:var(--blood-text);border-color:var(--blood-dim)}

/* ---------------------------------- shared Gu grid (Gu Refinery + Myriad inputs) ---------------------------------- */
.gu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:10px}
.gu-tile{display:flex;flex-direction:column;gap:6px;min-width:0;cursor:pointer;
  border:1px solid var(--line);border-left:3px solid var(--line);background:var(--bg2);padding:11px 13px;
  transition:border-color .14s,background .14s,transform .12s}
.gu-tile:hover{border-color:var(--line-strong);background:var(--bg3);transform:translateY(-1px)}
.gu-tile.sel{border-color:var(--blood-bright);background:linear-gradient(160deg,rgba(var(--blood-rgb),0.10),var(--bg2));
  box-shadow:0 0 0 1px rgba(var(--blood-rgb),0.20) inset}
.gu-tile .gt-top{display:flex;align-items:center;gap:7px}
.gu-tile .gt-top .ref-can{margin-left:auto}
.gu-tile .gt-name{font-family:var(--serif);font-weight:600;font-size:14px;color:var(--bone);line-height:1.2;
  display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.gu-tile .gt-eff{font-family:var(--mono);font-size:10.5px;line-height:1.45;color:var(--bone-dim);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.gu-tile .gt-path{font-family:var(--cjk);font-size:11px;letter-spacing:.02em;margin-top:auto;opacity:.9}
.gu-tile .gt-acts{display:flex;gap:6px;margin-top:2px}
.gu-tile .gt-acts button{flex:1;font-size:10px;padding:5px 6px}

/* ---------------------------------- Myriad / Arena-Shop section toolbar (chips + grid·list toggle) ---------------------------------- */
.myr-midbar{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;margin:0 0 14px}
.myr-midbar .ref-tiers{margin:0}
.myr-midbar .viewtoggle{margin:0}
.myr-midbar .myr-fclear{margin-left:0}

/* ---------------------------------- Arena Shop · Refining Cores: rail + content (mirrors Market) ---------------------------------- */
.ash-cores-split{display:grid;grid-template-columns:205px 1fr;gap:20px;align-items:start;margin-top:6px}
.ash-cores-main{min-width:0}
.ash-coregrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:12px}
.ash-corelist{display:flex;flex-direction:column;gap:6px}
.ash-corerow{display:flex;align-items:center;gap:12px;min-width:0;background:var(--bg2);padding:9px 13px;
  border:1px solid color-mix(in srgb, var(--ash-accent) 24%, var(--line));border-left:3px solid var(--ash-accent)}
.ash-corerow.sold{opacity:.5}
.ash-corerow .acr-seal{font-family:var(--cjk);font-size:16px;flex:none;width:20px;text-align:center;color:var(--ash-accent)}
.ash-corerow .acr-name{font-family:var(--serif);font-weight:600;font-size:14px;color:var(--bone);flex:1;min-width:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ash-corerow .acr-left{font-family:var(--mono);font-size:10px;color:var(--muted);white-space:nowrap}
.ash-corerow .acr-price{font-family:var(--mono);font-weight:700;font-size:15px;color:var(--brass);white-space:nowrap}
.ash-corerow button{flex:none}
@media (max-width:900px){
  .ash-cores-split{grid-template-columns:1fr}
  .ash-cores-split .wk-rail{position:static}
}

/* ---------------------------------- Market grid view (mirrors Inventory tiles) ---------------------------------- */
.mkt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:9px;margin-bottom:4px}
.mkt-tile{display:flex;flex-direction:column;gap:7px;min-width:0;cursor:pointer;
  border:1px solid var(--line);border-left:3px solid var(--line);background:var(--bg2);padding:10px 12px;
  transition:border-color .14s,background .14s,transform .12s}
.mkt-tile:hover{border-color:var(--line-strong);background:var(--bg3);transform:translateY(-1px)}
.mkt-tile.sel{border-color:var(--blood-bright);background:linear-gradient(160deg,rgba(var(--blood-rgb),0.10),var(--bg2));
  box-shadow:0 0 0 1px rgba(var(--blood-rgb),0.20) inset}
.mkt-tile.poor{opacity:.55}
.mkt-tile .mt-name{font-family:var(--serif);font-weight:600;font-size:13.5px;color:var(--bone);line-height:1.2;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mkt-tile .mt-foot{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin-top:auto}
.mkt-tile .mt-cost{font-family:var(--mono);font-weight:700;font-size:13px;color:var(--stone)}

/* ---------------------------------- Arena ladder: two side-by-side bracket tables (compact) ---------------------------------- */
.ash-bracket-row{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:flex-start}
.ash-bracket-row .ash-table{flex:1 1 320px;max-width:none;margin:0}