:root{
  --v142-gold:#efc46f;
  --v142-gold-2:#f6d591;
  --v142-panel:#171a35;
  --v142-panel-2:#1f2347;
  --v142-line:rgba(236,191,103,.34);
  --v142-blue:#5ca9ff;
  --v142-red:#ff7f7f;
  --v142-green:#77d4a3;
}
.primary-expedition__actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.return-quick-panel{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:-4px 0 18px;padding:14px 16px;border:1px solid var(--v142-line);border-radius:14px;background:linear-gradient(180deg,rgba(35,40,77,.72),rgba(20,23,45,.88));box-shadow:0 10px 26px rgba(0,0,0,.2)}
.return-quick-panel small,.return-scroll-note{display:block;color:#d1d8ef;margin-top:4px}
.return-start-inline{display:flex;align-items:center;gap:10px;margin:8px 0 10px}
.return-scroll-inline-icon{width:36px;height:36px;image-rendering:pixelated}

.stash-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 16px}
.stash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}
.stash-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.stash-mini-card{display:flex;gap:14px;align-items:center;padding:14px;border-radius:18px;border:1px solid var(--v142-line);background:linear-gradient(180deg,rgba(32,37,72,.9),rgba(17,21,43,.98));box-shadow:0 12px 26px rgba(0,0,0,.22)}
.stash-mini-card__icon{width:84px;height:84px;flex:0 0 84px;display:grid;place-items:center;border-radius:16px;background:radial-gradient(circle at 35% 35%,rgba(255,226,164,.18),rgba(33,39,73,.12) 48%,rgba(0,0,0,.18));border:1px solid rgba(255,255,255,.06)}
.stash-mini-card__icon img{max-width:72px;max-height:72px;image-rendering:pixelated}
.stash-mini-card__body{flex:1;min-width:0}
.stash-mini-card__body h4{margin:0 0 6px;font-size:1.05rem;color:#fff0d0}
.stash-mini-card__body p{margin:0;color:#ccd5f7;font-size:.92rem}
.stash-qty{margin-top:10px;font-weight:800;color:var(--v142-gold-2);font-size:1.15rem}
.stash-mini-card__actions{display:flex;flex-direction:column;gap:8px;align-items:stretch}
.shard-card{position:relative;overflow:hidden}
.shard-card::after,.scroll-card::after{content:'';position:absolute;inset:auto -50px -50px auto;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(255,209,125,.18),transparent 70%);pointer-events:none}

.item-card{border:1px solid rgba(255,255,255,.05);box-shadow:0 12px 28px rgba(0,0,0,.18);transition:transform .14s ease, box-shadow .14s ease,border-color .14s ease;background:linear-gradient(180deg,rgba(28,32,63,.92),rgba(16,18,36,.97))}
.item-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,0,0,.24)}
.item-card.rarity-normal{border-color:rgba(225,225,235,.12)}
.item-card.rarity-magic{border-color:rgba(91,163,255,.35);box-shadow:0 0 0 1px rgba(91,163,255,.08),0 14px 26px rgba(0,0,0,.2)}
.item-card.rarity-rare{border-color:rgba(241,205,101,.42);box-shadow:0 0 0 1px rgba(241,205,101,.08),0 14px 26px rgba(0,0,0,.2)}
.item-card .item-card__icon{background:radial-gradient(circle at 30% 30%,rgba(255,228,161,.14),rgba(56,65,109,.18) 40%,rgba(12,16,34,.5));border:1px solid rgba(255,255,255,.07)}
.item-card__meta{line-height:1.45}
.market-listing{display:flex;gap:14px;align-items:center;padding:14px 16px;margin-bottom:10px;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(27,31,63,.92),rgba(14,17,35,.97));box-shadow:0 12px 28px rgba(0,0,0,.2)}
.market-listing.rarity-magic{border-color:rgba(91,163,255,.35)}
.market-listing.rarity-rare{border-color:rgba(241,205,101,.4)}
.market-listing .market-art{width:72px;height:72px;padding:10px;border-radius:14px;background:radial-gradient(circle at 30% 30%,rgba(255,224,157,.18),rgba(43,50,92,.15) 45%,rgba(0,0,0,.16));border:1px solid rgba(255,255,255,.07);image-rendering:pixelated;object-fit:contain}
.market-listing .price{font-size:1.35rem;color:var(--v142-gold-2);font-weight:800}
.market-grid-details{margin-top:6px}
.market-grid-details summary{cursor:pointer;color:#cfe0ff}

.passive-root-panel{overflow:hidden}
.passive-graph-tools{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.passive-branch-pills{display:flex;gap:8px;flex-wrap:wrap}
.passive-branch-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;border:1px solid color-mix(in srgb, var(--branch-color) 55%, #fff 10%);background:linear-gradient(180deg,color-mix(in srgb, var(--branch-color) 22%, rgba(17,21,43,.92)),rgba(17,21,43,.98));color:#fff4d3;font-size:.92rem}
.passive-branch-pill small{opacity:.8}
.passive-zoom-controls{display:flex;align-items:center;gap:8px}
.passive-graph-scroll{overflow:auto;border-radius:18px;padding:10px;background:linear-gradient(180deg,rgba(16,19,39,.8),rgba(10,12,24,.94));border:1px solid rgba(255,255,255,.05);min-height:540px}
.passive-graph-stage{position:relative;min-width:100%;width:max-content;transition:height .14s ease}
.passive-graph.integrated{position:relative;transform-origin:top center}
.graph-edge{fill:none;stroke:color-mix(in srgb, var(--edge-color, #a48a4d) 50%, rgba(120,126,173,.35));stroke-width:5;opacity:.5;filter:drop-shadow(0 0 6px rgba(0,0,0,.28))}
.graph-edge.lit{stroke:color-mix(in srgb, var(--edge-color, #f0cc82) 75%, #fff 20%);opacity:.95}
.graph-node{min-width:132px;max-width:146px}
.graph-node .graph-node__icon{border-color:color-mix(in srgb, var(--node-color, #d1b784) 48%, rgba(255,255,255,.2));background:radial-gradient(circle at 30% 30%,color-mix(in srgb, var(--node-color, #d1b784) 20%, rgba(52,60,103,.15)),rgba(18,22,44,.96));box-shadow:0 10px 16px rgba(0,0,0,.22)}
.graph-node.available .graph-node__icon{box-shadow:0 0 0 1px color-mix(in srgb, var(--node-color, #d1b784) 48%, rgba(255,255,255,.18)),0 0 24px rgba(236,193,104,.13),0 10px 16px rgba(0,0,0,.22)}
.graph-node.owned .graph-node__icon{background:radial-gradient(circle at 30% 30%,color-mix(in srgb, var(--node-color, #e6bc6c) 48%, rgba(255,255,255,.2)),rgba(31,37,72,.96));box-shadow:0 0 0 1px color-mix(in srgb, var(--node-color, #f0cc82) 65%, rgba(255,255,255,.2)),0 0 26px rgba(240,204,130,.18),0 10px 18px rgba(0,0,0,.24)}
.graph-node__name{line-height:1.24}
.passive-effects{gap:10px}
.passive-effect-chip{background:linear-gradient(180deg,rgba(41,46,86,.94),rgba(16,20,39,.98));border:1px solid rgba(255,255,255,.05);color:#f4f6ff}

@media (max-width:860px){
  .return-quick-panel{flex-direction:column;align-items:flex-start}
  .stash-mini-card{align-items:flex-start}
  .stash-mini-card__actions{width:100%;flex-direction:row;flex-wrap:wrap}
  .market-listing{align-items:flex-start;flex-wrap:wrap}
}

/* 0.14.3 functional passive bridges, stage scaling, and distinct gear quality */
.passive-graph-stage{position:relative;min-width:0;max-width:none;flex:none}
.passive-graph.integrated{position:absolute;left:0;top:0;margin:0;max-width:none}
.graph-edge.bridge-edge{stroke-dasharray:13 9;stroke-width:5;opacity:.7}
.graph-edge.bridge-edge.lit{opacity:1}
.market-coin-icon{width:48px;height:48px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}
.market-listing .market-art{object-fit:contain;filter:drop-shadow(0 2px 5px #000b)}
.stash-tabs>.btn{flex:1;min-width:120px}
.stash-mini-card__icon{overflow:hidden}
.item-card.gear-rank-4,.market-listing.gear-rank-4{border-color:#ba8dff;box-shadow:0 0 18px #863edd30}
.item-card.gear-rank-5,.market-listing.gear-rank-5{border-color:#ff8c76;box-shadow:0 0 20px #ff575333}
.item-card .item-title-button{line-height:1.35;overflow-wrap:anywhere}
@media(max-width:500px){.stash-grid,.stash-mini-grid{grid-template-columns:minmax(0,1fr)}.stash-mini-card{flex-wrap:wrap}.return-scroll-inline-icon{width:34px;height:34px}}

/* Currency grades are separate from equipment quality grades. */
.shard-card.tier-1{border-color:#4d9fe5}
.shard-card.tier-2{border-color:#efbe62;box-shadow:0 8px 28px #bf8e2930}
.shard-card.tier-3{border-color:#b78bff;box-shadow:0 8px 30px #9248ff40}
.shard-card.tier-3 .stash-mini-card__body h4{color:#e3c6ff}
