/* Pack EV calculator (page-specific). Builds on /assets/pages.css and /grading-calculator/calc.css. */
.ev-result { border:1px solid var(--line-2); border-radius:12px; background:var(--bg); padding:18px; display:flex; flex-direction:column; gap:10px; min-width:0; }
.ev-k { font:500 11px var(--mono); letter-spacing:.1em; text-transform:uppercase; color:var(--muted); margin:0; }
.ev-big { font:700 44px/1 var(--mono); color:var(--text); margin:0; font-variant-numeric:tabular-nums; }
.ev-sub { font-size:13px; color:var(--muted); margin:0; }
.ev-rows { display:flex; flex-direction:column; border-top:1px solid var(--line); margin-top:6px; }
.ev-rows div { display:flex; justify-content:space-between; gap:12px; padding:9px 0; border-bottom:1px solid var(--line); font-size:14px; color:var(--soft); }
.ev-rows b { font:600 15px var(--mono); color:var(--text); font-variant-numeric:tabular-nums; text-align:right; }
.ev-rows .ev-line b.up { color:var(--pass); }
.ev-rows .ev-line b.down { color:var(--fail, #f87171); }
.ev-verdict { font-size:14px; line-height:1.5; color:var(--text); margin:4px 0 0; }
.ev-odds { display:flex; flex-direction:column; gap:4px; font-size:13px; color:var(--soft); }
.ev-odds p { margin:0; }
.ev-odds b { font-family:var(--mono); color:var(--text); }
.ev-table td, .ev-table th { white-space:nowrap; }
.ev-table td small { color:var(--muted); }
.ev-table .n { text-align:right; font-variant-numeric:tabular-nums; }
.ev-bar { display:inline-block; vertical-align:middle; width:120px; height:8px; border-radius:4px; background:var(--line); margin-right:10px; overflow:hidden; }
.ev-bar i { display:block; height:100%; background:var(--outer, #f59e0b); border-radius:4px; }
.ev-c { font:600 13px var(--mono); }

/* 2026-11-06 redesign */
.ev-stage { width:min(460px,100%); }
.ev-photo { position:relative; z-index:1; display:block; width:100%; height:auto; border-radius:24px; transform:rotate(2deg); box-shadow:0 40px 80px -30px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.06); }
.ev-stage .rx-chip.a { left:-6%; top:12%; } .ev-stage .rx-chip.b { right:-5%; bottom:16%; }
.ev-stage .rx-chip strong { font:800 22px var(--mono); letter-spacing:-.03em; }
.ev-stage .rx-chip strong.down { color:var(--bad); } .ev-stage .rx-chip strong.up { color:var(--pass); }
.ev-result { gap:14px; background:none; border:0; padding:0; }
.ev-compare { display:grid; gap:10px; background:var(--bg); border-radius:16px; padding:16px; }
.ev-cmp { display:grid; grid-template-columns:130px 1fr 84px; align-items:center; gap:12px; font-size:14px; color:var(--soft); }
.ev-cmp .t { height:14px; background:var(--surface-2); border-radius:999px; overflow:hidden; }
.ev-cmp .t i { display:block; height:100%; border-radius:999px; background:var(--muted); }
.ev-cmp.ev .t i { background:var(--accent); } .ev-cmp.ev span, .ev-cmp.ev b { color:var(--text); font-weight:700; }
.ev-cmp b { font:700 14px var(--mono); text-align:right; white-space:nowrap; color:var(--text); }
.ev-head { display:flex; justify-content:space-between; align-items:flex-end; gap:12px; flex-wrap:wrap; }
.ev-big { font-size:36px; }
.ev-odds { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.ev-odds div { background:var(--bg); border-radius:14px; padding:12px 14px; }
.ev-odds b { display:block; font:800 24px var(--mono); color:var(--accent-2); }
.ev-odds span { font-size:13px; color:var(--muted); }
.ev-tiers { display:grid; gap:10px; max-width:860px; margin:30px auto 0; }
.ev-tier { display:grid; grid-template-columns:minmax(0,260px) 1fr 80px; align-items:center; gap:16px; background:var(--surface); border:1px solid var(--line); border-radius:16px; padding:14px 18px; }
.ev-tier .l strong { display:block; font-size:16px; color:var(--text); }
.ev-tier .l span { font-size:13px; color:var(--muted); }
.ev-tier .t { height:16px; background:var(--surface-2); border-radius:999px; overflow:hidden; }
.ev-tier .t i { display:block; height:100%; border-radius:999px; background:linear-gradient(90deg,var(--accent),var(--accent-2)); }
.ev-tier.bulk .t i { background:var(--muted); }
.ev-tier b { font:700 16px var(--mono); text-align:right; color:var(--text); }
.ev-chase { display:grid; grid-template-columns:repeat(6,1fr); gap:14px; margin-top:30px; }
.ev-card { display:flex; flex-direction:column; gap:4px; color:var(--text); text-decoration:none; transition:transform .15s; }
.ev-card:hover { transform:translateY(-5px); }
.ev-card img, .ev-ph { width:100%; aspect-ratio:360/502; height:auto; border-radius:10px; box-shadow:0 18px 30px -18px rgba(0,0,0,.8); }
.ev-ph { box-sizing:border-box; display:flex; flex-direction:column; justify-content:flex-end; padding:12px; background:linear-gradient(160deg,#1d2a52,#0b1330 60%),var(--surface); border:2px solid rgba(232,185,49,.45); }
.ev-ph small { font:700 9.5px/1.3 var(--sans); letter-spacing:.06em; text-transform:uppercase; color:var(--accent); }
.ev-ph strong { font-size:15px; line-height:1.2; margin-top:4px; }
.ev-ph span { font:600 11px var(--mono); color:var(--muted); margin-top:4px; }
.ev-card .price { font:800 18px var(--mono); margin-top:6px; color:var(--accent-2); }
.ev-card .nm { font-size:13.5px; font-weight:600; line-height:1.25; }
.ev-card .od { font-size:12px; color:var(--muted); }
@media (max-width:900px) { .ev-chase { grid-template-columns:repeat(3,1fr); } }
@media (max-width:560px) {
  .ev-stage { width:88%; } .ev-stage .rx-chip.a { left:-4%; } .ev-stage .rx-chip.b { right:-3%; } .ev-stage .rx-chip strong { font-size:18px; }
  .ev-cmp { grid-template-columns:96px 1fr 74px; gap:8px; font-size:12.5px; }
  .ev-odds { grid-template-columns:1fr; }
  .ev-tier { grid-template-columns:1fr 70px; gap:6px 12px; padding:12px 14px; } .ev-tier .l { grid-column:1/-1; } .ev-tier b { font-size:14px; }
  .ev-chase { gap:10px; }
}
