:root{
  --bg:#070a0d;--surface:#0d1116;--surface-2:#11161d;--surface-3:#171d25;--line:rgba(255,255,255,.08);
  --text:#f5f7f9;--muted:#8e98a6;--accent:#ff5a36;--accent-2:#ff7a58;--green:#54d7a3;--shadow:0 26px 70px rgba(0,0,0,.34);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:
radial-gradient(900px 500px at 8% -5%,rgba(255,90,54,.13),transparent 62%),
radial-gradient(900px 500px at 94% 0%,rgba(67,94,122,.12),transparent 60%),
linear-gradient(180deg,#070a0d 0%,#080b0f 100%);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 60%)}
.topbar{position:sticky;top:0;z-index:50;height:70px;border-bottom:1px solid var(--line);background:rgba(6,9,12,.78);backdrop-filter:blur(18px);display:flex;justify-content:space-between;align-items:center;padding:0 max(22px,calc((100vw - 1480px)/2))}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#ff6d46,#c72e1b);display:grid;place-items:center;font-size:19px;font-weight:950;box-shadow:0 12px 30px rgba(255,90,54,.22)}.brand-title{font-size:13px;font-weight:950;letter-spacing:.12em}.brand-sub{font-size:11px;color:var(--muted);margin-top:3px}.top-meta{display:flex;align-items:center;gap:9px;color:#afb7c1;font-size:11px}.divider{width:1px;height:16px;background:var(--line)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(84,215,163,.65)}
.wrap{width:min(1480px,calc(100% - 28px));margin:0 auto;padding:16px 0 60px}.store-nav{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;border:1px solid var(--line);background:rgba(10,13,17,.86);box-shadow:var(--shadow);overflow:hidden}.store-track{display:flex;overflow:auto;scrollbar-width:none}.store-track::-webkit-scrollbar{display:none}.store-tab{flex:0 0 138px;padding:15px 14px 13px;border-right:1px solid var(--line);color:#bac2cb;text-decoration:none;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.006));transition:.18s}.store-tab:hover{background:rgba(255,255,255,.03)}.store-tab.active{background:linear-gradient(180deg,#ff5937,#e74025);color:#fff;box-shadow:inset 0 -3px 0 rgba(255,255,255,.22)}.store-tab-top{display:block;font-size:10px;font-weight:850;letter-spacing:.12em;opacity:.88}.store-tab strong{display:block;font-size:15px;margin-top:4px}.store-tab small{display:block;font-size:10px;margin-top:4px;opacity:.7}.nav-arrow{border:0;background:#0d1116;color:#e8edf1;font-size:30px;cursor:pointer}.nav-arrow:hover{background:#151b22}
.hero{margin-top:15px;padding:26px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01)),rgba(13,17,22,.88);box-shadow:var(--shadow);border-radius:18px}.hero-topline{display:flex;gap:8px;align-items:center}.live-pill,.source-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);padding:7px 10px;border-radius:999px;font-size:10px;font-weight:850;letter-spacing:.08em}.live-pill{background:rgba(84,215,163,.07);color:#bdf2dc;border-color:rgba(84,215,163,.18)}.live-pill i{width:6px;height:6px;border-radius:50%;background:var(--green)}.source-pill{color:#aeb8c2;background:rgba(255,255,255,.02)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr);gap:28px;align-items:end;margin-top:20px}.eyebrow,.kicker{font-size:10px;letter-spacing:.18em;color:#7e8995;font-weight:800}.hero h1{font-size:40px;line-height:1.05;margin:9px 0 10px;letter-spacing:-.025em}.hero p{margin:0;color:var(--muted);line-height:1.65;max-width:850px}.countdown-card{padding:18px 20px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:linear-gradient(180deg,#121821,#0d1218);text-align:right}.countdown-card span{display:block;font-size:10px;letter-spacing:.12em;color:#8994a0;font-weight:800}.countdown-card strong{display:block;font-size:29px;margin:6px 0;letter-spacing:.02em}.countdown-card small{color:#b9c1c9;font-size:11px}
.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.summary-grid article{padding:17px 18px;border:1px solid var(--line);border-radius:14px;background:rgba(13,17,22,.86);box-shadow:var(--shadow)}.summary-grid span{display:block;font-size:10px;color:#7d8792;letter-spacing:.13em}.summary-grid strong{display:block;font-size:25px;margin:7px 0 3px}.summary-grid .small-value{font-size:16px}.summary-grid small{color:#697480;font-size:10px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:26px 0 12px}.section-head h2{margin:5px 0 0;font-size:24px}.controls{display:flex;gap:8px;align-items:center}.search{height:42px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#0c1116}.search span{font-size:18px;color:#87929e}.search input,.controls select{background:transparent;border:0;color:#dce2e8;outline:0;font:inherit}.search input{width:220px}.controls select{height:42px;min-width:132px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#0c1116}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.skin-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#121821,#0d1116);box-shadow:var(--shadow);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.skin-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.16);box-shadow:0 26px 70px rgba(0,0,0,.44)}.skin-image{height:205px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(500px 260px at 50% 25%,rgba(255,89,55,.13),transparent 58%),radial-gradient(360px 240px at 70% 100%,rgba(83,105,128,.15),transparent 60%),#0b1015}.skin-image:after{content:"";position:absolute;inset:auto 0 0;height:55%;background:linear-gradient(to top,rgba(8,11,14,.62),transparent);pointer-events:none}.skin-image img{position:relative;z-index:1;max-width:88%;max-height:82%;object-fit:contain;filter:drop-shadow(0 25px 30px rgba(0,0,0,.5))}.badges{position:absolute;z-index:3;top:10px;left:10px;display:flex;gap:6px;flex-wrap:wrap}.badge{padding:6px 8px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(4,7,9,.6);backdrop-filter:blur(12px);font-size:9px;font-weight:900;letter-spacing:.06em;color:#d9e0e6}.badge.green{border-color:rgba(84,215,163,.22);color:#baf1da}.item-index{position:absolute;right:11px;top:11px;z-index:3;font-size:9px;color:#72808e;background:rgba(3,6,8,.55);border:1px solid var(--line);padding:5px 7px;border-radius:7px}.skin-image.image-missing:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(255,90,54,.25),transparent 35%)}.image-missing{position:relative;z-index:2;text-align:center;color:#88929e}.image-missing span{display:block;font-size:25px;font-weight:950;letter-spacing:.2em}.image-missing small{display:block;margin-top:5px;font-size:10px}
.skin-body{padding:14px 15px 15px}.skin-type,.skin-collection{font-size:10px;color:#798592}.skin-body h3{margin:6px 0 3px;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:13px;margin-top:13px;border-top:1px solid var(--line)}.card-bottom span{display:block;font-size:9px;color:#707b87;letter-spacing:.08em}.card-bottom strong{display:block;margin-top:4px;font-size:18px}.market-pending strong{font-size:12px;color:#7f8993;margin-top:8px}.empty{text-align:center;color:var(--muted);padding:50px}.footer{display:flex;justify-content:space-between;gap:15px;color:#606b76;font-size:10px;margin-top:25px;padding-top:18px;border-top:1px solid var(--line)}
@media(max-width:1160px){.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.countdown-card{text-align:left}.summary-grid{grid-template-columns:repeat(2,1fr)}.section-head{align-items:stretch;flex-direction:column}.controls{flex-wrap:wrap}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.wrap{width:calc(100% - 16px)}.topbar{padding:0 12px}.top-meta{display:none}.hero{padding:20px}.hero h1{font-size:29px}.summary-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.search{flex:1}.search input{width:100%}.footer{flex-direction:column}.store-tab{flex-basis:122px}}


/* FASE 4.7 — filtros y ordenación */
.controls{align-items:stretch;flex-wrap:wrap}
.controls select,.clear-btn,.price-range{height:42px}
.controls select{cursor:pointer}
.price-range{display:flex;align-items:center;gap:6px;padding:0 8px;border:1px solid var(--line);border-radius:10px;background:#0c1116}
.price-range input{width:74px;border:0;outline:0;background:transparent;color:#dce2e8;font:inherit}
.price-range input::placeholder{color:#6f7a85}
.price-range span{color:#65717d;font-size:12px}
.clear-btn{padding:0 13px;border:1px solid var(--line);border-radius:10px;background:#151b22;color:#cdd5dc;font:inherit;font-weight:700;cursor:pointer;transition:.16s}
.clear-btn:hover{background:#202832;border-color:rgba(255,255,255,.14);color:#fff}
.results-bar{display:flex;justify-content:space-between;align-items:center;margin:-2px 0 10px;color:#6f7a86;font-size:10px;letter-spacing:.04em}
.results-bar #resultsCount{color:#aeb8c1;font-weight:800}
@media(max-width:1200px){
  .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:980px){
  .controls{width:100%}
  .controls > *{flex:1}
  .search{min-width:220px}
}
@media(max-width:640px){
  .controls > *{flex:1 1 calc(50% - 6px)}
  .search{flex-basis:100%}
  .price-range{min-width:0}
  .price-range input{width:100%}
  .results-bar{align-items:flex-start;gap:8px;flex-direction:column}
}


/* FASE 4.8 — live background updates */
.live-update-bar{display:flex;align-items:center;gap:8px;margin:18px 0 4px;padding:10px 12px;border:1px solid rgba(90,210,140,.12);border-radius:10px;background:rgba(90,210,140,.035);color:#7d8b97;font-size:11px}
.live-update-bar strong{color:#b9c6cf;font-size:11px}
.live-pulse{width:7px;height:7px;border-radius:50%;background:#58d28a;box-shadow:0 0 0 4px rgba(88,210,138,.08);animation:livePulse 1.8s infinite}
#nextPoll{margin-left:auto;color:#5f6d79}
@keyframes livePulse{0%,100%{opacity:1}50%{opacity:.35}}
.live-metrics{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:9px;border-top:1px solid var(--line);font-size:10px}
.live-metrics span{color:#65727d;font-weight:700;letter-spacing:.05em}
.live-metrics strong{color:#b9c6cf;font-size:12px}


.live-checkline{
  display:flex;
  align-items:center;
  gap:8px;
  margin:-2px 0 16px;
  color:#687580;
  font-size:10px;
  letter-spacing:.02em;
}
.live-checkline .live-pulse{width:6px;height:6px}
.live-checkline strong{color:#aeb9c2;font-weight:800}
.live-checkline .check-sep{color:#47525c}
#syncState{color:#7f8c96}

/* Timestamp in header */
#headerLastUpdated{white-space:nowrap}
@media(max-width:760px){#headerLastUpdated{display:none}}

.skin-card{text-decoration:none;color:inherit;display:block}
.backlink{color:#7d8791;text-decoration:none;margin-right:14px;font-size:12px}
.detail-top{display:flex;justify-content:space-between;align-items:center;margin:16px 0;color:#6f7b85;font-size:11px}.detail-back{color:#aeb8c0;text-decoration:none}.detail-source{opacity:.8}
.detail-hero{display:grid;grid-template-columns:380px minmax(0,1fr);gap:28px;padding:28px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#11161c,#0b0f13);margin-bottom:18px}.detail-image{min-height:320px;border-radius:14px;background:radial-gradient(circle at 50% 35%,rgba(213,255,63,.07),transparent 65%),#0a0e12;display:grid;place-items:center;overflow:hidden}.detail-image img{width:90%;height:90%;object-fit:contain}.detail-copy{display:flex;flex-direction:column;justify-content:center}.detail-copy h1{font-size:46px;line-height:1.02;margin:10px 0 12px;letter-spacing:-.04em}.detail-sub{color:#7f8a95;font-size:14px}.detail-tags{display:flex;gap:8px;margin-top:18px}.detail-actions{display:flex;align-items:center;gap:14px;margin-top:28px}.primary-btn{background:#d5ff3f;color:#0a0d0f;text-decoration:none;border-radius:9px;padding:11px 14px;font-weight:800;font-size:12px}.info-hint{color:#6f7b85;font-size:10px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.metric-grid article{background:#0d1217;border:1px solid var(--line);border-radius:14px;padding:18px}.metric-grid span,.insight-grid span{display:block;color:#65717b;font-size:10px;letter-spacing:.06em}.metric-grid strong{display:block;font-size:24px;margin-top:6px}.metric-grid small{display:block;color:#5e6973;margin-top:5px}.detail-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin-bottom:18px}.panel{border:1px solid var(--line);border-radius:16px;background:#0c1116;padding:18px}.panel-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.panel-head h2{margin:4px 0 0;font-size:20px}.panel-hint{color:#5e6973;font-size:10px}.chart-wrap{height:340px;position:relative}.chart-wrap canvas{width:100%;height:100%}.chart-tip{position:absolute;display:none;pointer-events:none;background:#0a0e12;border:1px solid rgba(213,255,63,.2);border-radius:8px;padding:8px 10px;box-shadow:0 12px 30px rgba(0,0,0,.35);font-size:11px}.chart-tip strong{display:block;color:#d5ff3f}.chart-tip span{display:block;color:#77838d;margin-top:3px}.market-empty,.chart-empty{display:grid;place-items:center;height:100%;color:#66727c;font-size:12px;text-align:center}.markets-list{display:flex;flex-direction:column}.market-row{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}.market-row:last-child{border-bottom:0}.market-row small,.market-values span{display:block;color:#68747e;font-size:10px;margin-top:3px}.market-values{text-align:right}.market-values strong{font-size:18px}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.insight-grid>div{background:#0a0f14;border:1px solid var(--line);border-radius:10px;padding:14px}.insight-grid strong{display:block;margin-top:6px;font-size:18px}.skin-detail{padding-bottom:40px}@media(max-width:900px){.detail-hero{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.detail-copy h1{font-size:34px}}@media(max-width:560px){.metric-grid{grid-template-columns:1fr}.insight-grid{grid-template-columns:1fr}.detail-top{flex-direction:column;align-items:flex-start;gap:8px}.detail-actions{flex-direction:column;align-items:flex-start}}

.market-health{margin-top:16px;padding:18px}
.market-health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.market-health-grid>div{border:1px solid var(--line);background:rgba(255,255,255,.02);border-radius:10px;padding:12px}
.market-health-grid span{display:block;color:#65727d;font-size:9px;letter-spacing:.06em;font-weight:800}
.market-health-grid strong{display:block;margin-top:7px;color:#dce3e8;font-size:18px}
@media(max-width:760px){.market-health-grid{grid-template-columns:repeat(2,1fr)}}

.market-pending strong[data-live-market-price]{font-size:13px}
.market-pending strong[data-live-market-price]:not(:empty){transition:color .15s ease}

/* FASE 5.6 — próxima tienda */
.next-store-bar{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  margin:12px 0 16px;padding:12px 15px;border:1px solid var(--line);
  border-radius:13px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012));
}
.next-store-main,.next-store-countdown{display:flex;align-items:center;gap:11px}
.next-store-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);
  border-radius:9px;color:#9da8b1;background:rgba(255,255,255,.025);font-size:15px}
.next-store-kicker,.next-store-countdown span{display:block;font-size:9px;letter-spacing:.12em;color:#66727d;font-weight:800}
.next-store-main strong{display:block;margin-top:2px;color:#dbe1e5;font-size:12px;font-variant-numeric:tabular-nums}
.next-store-countdown{margin-left:auto;padding-left:18px;border-left:1px solid var(--line);min-width:190px;justify-content:space-between}
.next-store-countdown strong{color:#d9ff56;font-size:15px;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.store-period{margin-top:4px;color:#596672;font-size:10px}
@media(max-width:650px){
  .next-store-bar{align-items:flex-start;flex-direction:column}
  .next-store-countdown{width:100%;border-left:0;border-top:1px solid var(--line);padding:10px 0 0;min-width:0}
}

.chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}
.chart-range{display:flex;gap:5px}
.chart-range button{border:1px solid var(--line);background:rgba(255,255,255,.018);color:#7f8a95;border-radius:8px;padding:6px 9px;font-size:9px;font-weight:800;cursor:pointer}
.chart-range button.active{color:#d9ff56;border-color:rgba(213,255,63,.25);background:rgba(213,255,63,.05)}
.market-state{display:inline-flex;align-items:center;gap:9px;margin-top:16px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.018)}
.market-state .state-dot{width:7px;height:7px;border-radius:50%;background:#7d8791}
.market-state.active .state-dot{background:#57d495;box-shadow:0 0 10px rgba(87,212,149,.35)}
.market-state.locked .state-dot{background:#efc85d;box-shadow:0 0 10px rgba(239,200,93,.28)}
.market-state strong{font-size:10px;color:#d9dfe4}
.market-state small{font-size:10px;color:#737e88}
@media(max-width:560px){.chart-toolbar{align-items:flex-start;flex-direction:column}.chart-range{width:100%}.chart-range button{flex:1}}

/* FINAL homepage image size override */
.skin-image{height:170px !important}
.skin-image img{width:auto !important;height:auto !important;max-width:72% !important;max-height:70% !important}

/* FASE 6 — investor analysis */
.analysis-chip{display:inline-flex;align-items:center;gap:7px;margin-top:8px;padding:5px 7px;border:1px solid var(--line);border-radius:7px;background:rgba(213,255,63,.035)}
.analysis-chip span{color:#66727d;font-size:8px;letter-spacing:.09em;font-weight:900}
.analysis-chip strong{color:#d8ff59;font-size:11px}
.analysis-chip small{color:#86a45c;font-size:9px}
.analysis-chip.muted{background:rgba(255,255,255,.015)}
.analysis-chip.muted small{color:#66727d}
.analysis-panel{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.6fr);gap:14px;margin-bottom:18px}
.analysis-main,.analysis-side{border:1px solid var(--line);border-radius:16px;background:#0c1116;padding:20px}
.analysis-title-row{display:flex;justify-content:space-between;gap:20px;align-items:center}
.analysis-title-row h2{margin:7px 0 4px;font-size:22px}
.analysis-title-row p{margin:0;color:#6d7984;font-size:10px}
.analysis-score{text-align:center;min-width:100px;padding:10px;border:1px solid rgba(213,255,63,.16);border-radius:12px;background:rgba(213,255,63,.035)}
.analysis-score span,.analysis-metrics span{display:block;color:#66727d;font-size:9px;letter-spacing:.08em;font-weight:800}
.analysis-score strong{font-size:36px;line-height:1;color:#d7ff53}
.analysis-score small{color:#66727d;font-size:9px}
.analysis-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}
.analysis-metrics>div{padding:11px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.018)}
.analysis-metrics strong{display:block;margin-top:6px;font-size:18px}
.analysis-signals{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.signal-pill{padding:7px 8px;border:1px solid var(--line);border-radius:8px;color:#87939d;font-size:9px;line-height:1.4}
.analysis-side-title{font-size:10px;letter-spacing:.12em;color:#d9e0e6;font-weight:850}
.analysis-side p{margin:10px 0 0;color:#6c7883;font-size:11px;line-height:1.6}
@media(max-width:850px){.analysis-panel{grid-template-columns:1fr}.analysis-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.analysis-title-row{align-items:flex-start;flex-direction:column}.analysis-score{align-self:flex-start}}

/* Review: compact homepage skin art */
.grid .skin-image{height:175px !important}
.grid .skin-image img{max-width:62% !important;max-height:64% !important}
.grid .skin-card .skin-body{padding-top:13px}

/* Explanatory hover system */
.metric-help{
  display:inline-grid;
  place-items:center;
  width:14px;height:14px;
  margin-left:4px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:50%;
  color:#7f8a95;
  font-size:9px;
  line-height:1;
  font-weight:900;
  cursor:help;
  vertical-align:middle;
  position:relative;
}
.metric-help:hover{color:#d9ff56;border-color:rgba(213,255,63,.35)}
.metric-help[data-tip]::after{
  content:attr(data-tip);
  position:absolute;
  left:50%;
  bottom:calc(100% + 9px);
  transform:translateX(-50%);
  width:230px;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:9px;
  background:#090d11;
  color:#aeb8c1;
  box-shadow:0 18px 40px rgba(0,0,0,.45);
  font-size:10px;
  line-height:1.45;
  font-weight:500;
  letter-spacing:0;
  text-align:left;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  transition:.14s ease;
  z-index:50;
}
.metric-help:hover::after,.metric-help:focus::after{
  opacity:1;
  visibility:visible;
}
.analysis-score,.analysis-metrics>div{position:relative}
.analysis-score .metric-help{margin-left:3px}
.analysis-chip{cursor:help}

.analysis-chip[data-tip]{position:relative}
.analysis-chip[data-tip]::after{
  content:attr(data-tip);
  position:absolute;left:0;top:calc(100% + 8px);
  width:230px;padding:8px 9px;
  border:1px solid rgba(255,255,255,.10);border-radius:8px;
  background:#090d11;color:#aeb8c1;
  box-shadow:0 16px 36px rgba(0,0,0,.45);
  font-size:9px;line-height:1.4;font-weight:500;
  opacity:0;visibility:hidden;pointer-events:none;z-index:60;
  transition:.14s ease
}
.analysis-chip[data-tip]:hover::after,.analysis-chip[data-tip]:focus::after{opacity:1;visibility:visible}

.grid .skin-card{display:flex!important;flex-direction:column!important}
.grid .skin-image{height:160px!important;min-height:160px!important;flex:0 0 160px!important;padding:6px 12px!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.grid .skin-image img{max-width:54%!important;max-height:54%!important;object-fit:contain!important}
.grid .skin-body{flex:1 1 auto!important;min-height:0!important;background:#0d1116!important;position:relative!important;z-index:5!important}
.home-insights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:9px 0 6px}
.home-insight{padding:7px 8px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.015);min-width:0}
.home-insight span{display:block;font-size:7px;letter-spacing:.05em;color:#697580;font-weight:850;white-space:nowrap}
.home-insight strong{display:block;margin-top:3px;font-size:10px;color:#dce2e6;white-space:nowrap}
.home-insight.up strong{color:#9bdc75}.home-insight.down strong{color:#e38a7f}.home-insight.neutral strong{color:#aab3bb}.home-insight.rare strong{color:#d9ff56}
.analysis-chip{margin-top:6px!important}
@media(max-width:1100px){.home-insights{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Final homepage skin art: slightly larger, always contained inside media box */
.grid .skin-card{display:flex!important;flex-direction:column!important}
.grid .skin-image{height:205px!important;min-height:205px!important;flex:0 0 205px!important;padding:8px 12px!important;box-sizing:border-box!important;overflow:hidden!important}
.grid .skin-image img{max-width:70%!important;max-height:70%!important;width:auto!important;height:auto!important;object-fit:contain!important;z-index:1!important}
.grid .skin-image:after{height:42%!important}
.grid .skin-body{position:relative!important;z-index:5!important;background:#0d1116!important}


/* RESPONSIVE DESKTOP PASS — fluid layouts for 1024px through 4K/ultrawide */
.wrap{
  width:min(1800px,calc(100% - 40px));
}
.topbar{
  padding-left:max(20px,calc((100vw - 1800px)/2));
  padding-right:max(20px,calc((100vw - 1800px)/2));
}
.grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.skin-card{
  min-width:0;
}
.skin-body h3{
  min-width:0;
}
.controls{
  min-width:0;
}
.search{
  min-width:220px;
}
.search input{
  min-width:0;
}

/* Large desktops / 1440–1599 */
@media (min-width:1440px){
  .hero{padding:30px}
  .grid{gap:14px}
  .skin-image{min-height:205px}
}

/* Wide desktop / 1600+ */
@media (min-width:1600px){
  .grid{
    grid-template-columns:repeat(5,minmax(0,1fr));
  }
  .summary-grid{
    gap:12px;
  }
  .hero-grid{
    grid-template-columns:minmax(0,1.8fr) minmax(360px,.7fr);
  }
}

/* Standard laptop / small desktop */
@media (min-width:901px) and (max-width:1199px){
  .wrap{width:calc(100% - 28px)}
  .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hero-grid{grid-template-columns:minmax(0,1.45fr) minmax(270px,.7fr);gap:18px}
  .hero h1{font-size:36px}
  .detail-hero{grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);gap:20px}
  .metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* 1024-ish desktop/tablet landscape: prevent horizontal overflow */
@media (min-width:761px) and (max-width:1024px){
  .topbar{padding-left:14px;padding-right:14px}
  .wrap{width:calc(100% - 24px)}
  .brand-sub{display:none}
  .top-meta{font-size:10px}
  .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .skin-image{height:190px!important;min-height:190px!important;flex-basis:190px!important}
  .skin-image img{max-width:68%!important;max-height:68%!important}
  .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero{padding:22px}
  .hero-grid{grid-template-columns:1fr;gap:16px}
  .countdown-card{text-align:left}
  .section-head{align-items:stretch;flex-direction:column}
  .controls{width:100%}
  .controls>*{min-width:0}
  .detail-hero{grid-template-columns:320px minmax(0,1fr);gap:18px;padding:20px}
  .detail-copy h1{font-size:38px}
  .detail-grid{grid-template-columns:1.15fr .85fr}
}

/* Desktop controls: don't let filters force page width */
@media (min-width:761px){
  .section-head .controls{
    justify-content:flex-end;
  }
  .controls .search{
    flex:1 1 220px;
  }
  .controls select{
    flex:0 1 150px;
  }
  .price-range{
    flex:0 1 190px;
  }
}

/* Very wide screens: keep readable line lengths */
@media (min-width:2200px){
  .wrap{width:min(1900px,calc(100% - 64px))}
  .topbar{
    padding-left:max(24px,calc((100vw - 1900px)/2));
    padding-right:max(24px,calc((100vw - 1900px)/2));
  }
  .hero h1{font-size:44px}
  .grid{gap:16px}
}

/* Detail page — fluid at every desktop width */
@media (min-width:901px){
  .detail-hero{
    grid-template-columns:minmax(320px,430px) minmax(0,1fr);
  }
  .detail-image{
    min-height:360px;
  }
}
@media (min-width:1200px){
  .detail-grid{
    grid-template-columns:minmax(0,1.55fr) minmax(360px,.85fr);
  }
}

/* Prevent tooltips and long labels from creating horizontal scroll */
.metric-help[data-tip]::after,
.analysis-chip[data-tip]::after{
  max-width:min(230px,calc(100vw - 30px));
}