/* Zambrero Development · the site card and the comparison (update 26).
   Shared by the Research tab and the map; .scx carries the colours so the
   card and comparison look the same wherever they are dropped in. */
.scx{--chalk:#F2E7DA;--chalk2:rgba(242,231,218,.72);--chalk3:rgba(242,231,218,.5);--chalk4:rgba(242,231,218,.3);
  --line:rgba(242,231,218,.13);--line2:rgba(242,231,218,.22);--deck:rgba(16,22,28,.62);--deck2:rgba(14,20,25,.94);--lift:rgba(242,231,218,.06);
  --hi:#4DF0A0;--good:#4ED6A1;--ok:#C5D86B;--mid:#F2B84B;--low:#F07A63;--ease:cubic-bezier(.2,.8,.2,1);--cond:'Geist',-apple-system,sans-serif}
html[data-theme=light] .scx{--chalk:#08281B;--chalk2:rgba(8,40,27,.76);--chalk3:rgba(8,40,27,.56);--chalk4:rgba(8,40,27,.34);
  --line:rgba(8,40,27,.14);--line2:rgba(8,40,27,.24);--deck:rgba(255,252,246,.72);--deck2:rgba(255,252,246,.94);--lift:rgba(8,40,27,.05);
  --hi:#0E8A4F;--good:#167A55;--ok:#5E8F1F;--mid:#A86A10;--low:#B9412C}
.scx .rp-box{padding:18px 20px;border-radius:16px;background:var(--deck);border:1px solid var(--line)}
/* ── The site card ────────────────────────────────────────────────────
   A Zambrero card for a place: grade colour, the rating, the shape of the
   catchment and six measures. Sized by --w; everything inside is in
   container units so the 168px list card and the 330px main card are the
   same drawing. Grades use the brand's own colours, not metals. */
.fut{--w:330px;width:var(--w);aspect-ratio:.7;position:relative;perspective:1400px;container-type:inline-size;flex:none;
  --bg1:#F2E7DA;--bg2:#E0CDB7;--ink:#08281B;--ink2:rgba(8,40,27,.62);--acc:#0E7A55;--edge:rgba(8,40,27,.18);--glow:rgba(242,231,218,.25)}
.fut.t-elite{--bg1:#0F4A33;--bg2:#062418;--ink:#F2E7DA;--ink2:rgba(242,231,218,.66);--acc:#4DF0A0;--edge:rgba(217,190,156,.55);--glow:rgba(77,240,160,.32)}
.fut.t-gold{--bg1:#1F6447;--bg2:#103827;--ink:#F2E7DA;--ink2:rgba(242,231,218,.68);--acc:#D9BE9C;--edge:rgba(242,231,218,.22);--glow:rgba(77,240,160,.18)}
.fut.t-silver{--bg1:#F4EBDF;--bg2:#E0CDB7;--ink:#08281B;--ink2:rgba(8,40,27,.6);--acc:#0E7A55;--edge:rgba(8,40,27,.16);--glow:rgba(242,231,218,.2)}
.fut.t-bronze{--bg1:#DCC2A2;--bg2:#B98B66;--ink:#2B1A0D;--ink2:rgba(43,26,13,.62);--acc:#7A3B1E;--edge:rgba(43,26,13,.2);--glow:rgba(217,190,156,.2)}
.fut.t-bench{--bg1:#2B3A42;--bg2:#141E24;--ink:#F2E7DA;--ink2:rgba(242,231,218,.62);--acc:#9FC3D6;--edge:rgba(159,195,214,.35);--glow:rgba(99,200,255,.15)}
.fut-in{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .75s var(--ease);
  transform:rotateX(var(--rx,0deg)) rotateY(calc(var(--ry,0deg) + var(--flip,0deg)))}
.fut.flipped{--flip:180deg}
.fut-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:5.5cqw;overflow:hidden;
  background:radial-gradient(120% 70% at 20% 0%,var(--bg1),var(--bg2) 75%);color:var(--ink);box-shadow:inset 0 0 0 .5cqw var(--edge)}
.fut-face::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.16) 48%,transparent 60%);background-size:250% 100%;background-position:var(--sheen,130%) 0}
.fut-back{transform:rotateY(180deg)}
.fut-line{display:none}
/* front */
.fut-top{position:absolute;left:7cqw;right:7cqw;top:6.5cqw;display:flex;justify-content:space-between;align-items:center}
.fut-z{width:8cqw;height:8cqw;background:var(--ink);-webkit-mask:url(/brand/z-cream.png) center/contain no-repeat;mask:url(/brand/z-cream.png) center/contain no-repeat;opacity:.9}
.fut-grade{font:650 4.4cqw/1 'Geist',sans-serif;padding:1.4cqw 2.6cqw;border-radius:9cqw;background:color-mix(in srgb,var(--acc) 22%,transparent);color:var(--ink);box-shadow:inset 0 0 0 .35cqw color-mix(in srgb,var(--acc) 55%,transparent)}
.fut-ovr{position:absolute;left:7cqw;top:17cqw;font:750 24cqw/.8 'Geist',sans-serif;letter-spacing:-.06em;font-variant-numeric:tabular-nums}
.fut-meta{position:absolute;left:7cqw;top:40cqw;width:30cqw;display:grid;gap:1.4cqw;font:550 4.2cqw/1.15 'Geist',sans-serif;color:var(--ink2)}
.fut-meta b{font-weight:650;color:var(--ink)}
.fut-meta .res{margin-top:1.4cqw;color:var(--ink)}
.fut-meta .res b{color:var(--acc)}
.fut-art{position:absolute;right:4cqw;top:14cqw;width:58cqw;height:58cqw;color:var(--ink)}
.fut-art svg{width:100%;height:100%;overflow:visible}
.fut-name{position:absolute;left:7cqw;right:7cqw;top:79cqw;font:700 8.4cqw/1.05 'Geist',sans-serif;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fut-name.long{font-size:7cqw}
.fut-rule{position:absolute;left:7cqw;right:7cqw;top:91cqw;height:.4cqw;background:var(--edge)}
.fut-stats{position:absolute;left:7cqw;right:7cqw;top:94.5cqw;display:grid;grid-template-columns:repeat(3,1fr);row-gap:3cqw;column-gap:3cqw}
.fut-stats div{display:flex;flex-direction:column;gap:.8cqw}
.fut-stats b{font:700 7.6cqw/1 'Geist',sans-serif;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.fut-stats i{font:550 3.7cqw/1 'Geist',sans-serif;font-style:normal;color:var(--ink2)}
.fut-stats .lo b{opacity:.55}
.fut-foot{position:absolute;left:7cqw;right:7cqw;bottom:5.5cqw;font:500 3.6cqw/1.2 'Geist',sans-serif;color:var(--ink2)}
/* back */
.fut-back .fb{position:absolute;inset:6.5cqw 7cqw 7cqw;display:flex;flex-direction:column;gap:2.6cqw}
.fb-h{display:flex;justify-content:space-between;align-items:center}
.fb-h b{font:700 6cqw/1 'Geist',sans-serif;letter-spacing:-.02em}
.fb-h span{font:550 4cqw/1 'Geist',sans-serif;color:var(--ink2)}
.fb-radar{width:60cqw;height:60cqw;margin:0 auto;color:var(--ink)}
.fb-radar svg{width:100%;height:100%;overflow:visible}
.fb-v{font:650 5.4cqw/1.15 'Geist',sans-serif;letter-spacing:-.015em}
.fb-range{display:flex;justify-content:space-between;font:700 5cqw/1.1 'Geist',sans-serif;border-top:.4cqw solid var(--edge);padding-top:2.4cqw;font-variant-numeric:tabular-nums}
.fb-range em{display:block;font-style:normal;font-weight:500;font-size:3.5cqw;color:var(--ink2);margin-top:.6cqw}
.fb-list{font:550 4cqw/1.3 'Geist',sans-serif;display:grid;gap:1cqw}
.fb-list span{display:flex;gap:1.6cqw}
.fb-list i{font-style:normal;font-weight:750;width:3.4cqw;flex:none;color:var(--acc)}
/* cover: shown only while a card is dealt */
.fut-cover{position:absolute;inset:0;z-index:3;display:none;place-items:center;border-radius:inherit;background:radial-gradient(120% 80% at 50% 20%,#0F4A33,#041810 80%)}
.fut-cover::before{content:'';width:34cqw;height:34cqw;background:#F2E7DA;-webkit-mask:url(/brand/z-cream.png) center/contain no-repeat;mask:url(/brand/z-cream.png) center/contain no-repeat;opacity:.92}
.fut.dealing .fut-cover{display:grid}
.fut.hero{--w:330px;cursor:pointer;filter:drop-shadow(0 26px 34px rgba(0,0,0,.35)) drop-shadow(0 0 22px var(--glow))}
.fut.hero.tilting .fut-in{transition:transform .12s linear}
.fut.mini{--w:168px;cursor:pointer;transition:transform .25s var(--ease),filter .25s}
.fut.mini:hover{transform:translateY(-4px);filter:drop-shadow(0 12px 18px rgba(0,0,0,.3))}
.fut.mini .fut-face::after,.fut.tiny .fut-face::after{display:none}
.fut.mid{--w:240px}
.fut.mini .fut-meta span:nth-child(2),.fut.mini .fut-foot{display:none}
.fut.mini .fut-meta{font-size:6cqw;top:41cqw}
.fut.mini .fut-stats i{font-size:5cqw}
.fut.mini .fut-stats b{font-size:9cqw}
.fut.mini .fut-name{font-size:9.6cqw;top:78cqw}
.fut.mini .fut-name.long{font-size:8cqw}
.fut.mini .fut-grade{font-size:5.4cqw}
.fut.tiny{--w:110px;pointer-events:none}
.radar-grid{fill:none;stroke:currentColor;stroke-opacity:.2;stroke-width:.6}
.radar-axis{stroke:currentColor;stroke-opacity:.15;stroke-width:.5}
.radar-shape{fill:var(--acc,currentColor);fill-opacity:.28;stroke:var(--acc,currentColor);stroke-width:1.5;stroke-linejoin:round}
.radar-bench{fill:none;stroke:currentColor;stroke-opacity:.65;stroke-width:1;stroke-dasharray:2.5 2}
.radar-lab{font:600 7px/1 'Geist',sans-serif;fill:currentColor;fill-opacity:.75}
.radar-rings{fill:none;stroke:currentColor;stroke-opacity:.07}

/* Versus */
.sc-vs{display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:start}
.vs-side{display:flex;flex-direction:column;align-items:center;gap:10px}
.vs-side h3{margin:0;font:800 24px/1 var(--cond);text-transform:none;text-align:center;max-width:300px}
.vs-side p{margin:0;font-size:12.5px;color:var(--chalk3);text-align:center;max-width:280px}
.vs-mid{padding-top:8px}
.vs-row{display:grid;grid-template-columns:52px 1fr 92px 1fr 52px;gap:10px;align-items:center;padding:9px 0}
.vs-row b{font:800 30px/1 var(--cond);font-variant-numeric:tabular-nums;text-align:center}
.vs-row b.win{color:var(--hi)}
.vs-row span{text-align:center;font:700 16px/1.05 var(--cond);color:var(--chalk2)}
.vs-row span small{display:block;font:500 11px/1.2 'Geist',sans-serif;color:var(--chalk4);margin-top:2px}
.vs-bar{height:8px;border-radius:4px;background:var(--line);position:relative;overflow:hidden}
.vs-bar i{position:absolute;top:0;bottom:0;border-radius:4px;background:var(--chalk3)}
.vs-bar.l i{right:0}.vs-bar.r i{left:0}
.vs-bar i.win{background:var(--hi)}
.vs-row.ovr{border-bottom:1px solid var(--line2);padding-bottom:16px;margin-bottom:6px}
.vs-row.ovr b{font-size:46px}
.vs-why{grid-column:1/-1;margin-top:10px}
.vs-why h3{margin:0 0 6px;font:700 24px/1 var(--cond)}
.vs-why > p{margin:0 0 14px;color:var(--chalk3);font-size:13.5px;max-width:90ch}
.vs-line{display:grid;grid-template-columns:1fr 140px 140px;gap:14px;padding:11px 0;border-top:1px solid var(--line);font-size:14px;align-items:baseline}
.vs-line em{font-style:normal;text-align:right;font-variant-numeric:tabular-nums;color:var(--chalk2)}
.vs-line em.win{color:var(--hi);font-weight:600}
.vs-line small{display:block;color:var(--chalk3);font-size:12.5px;margin-top:3px;line-height:1.4}
.vs-head{display:grid;grid-template-columns:1fr 140px 140px;gap:14px;font-size:12.5px;color:var(--chalk3);padding-bottom:6px}
.vs-head span{text-align:right}


/* A card with a design render (update 27): the render fills the top, the
   rating sits on it, the catchment shape moves to the back. */
.fut-photo{position:absolute;left:0;right:0;top:0;height:76cqw;background-size:cover;background-position:center;border-radius:5.5cqw 5.5cqw 0 0}
.fut-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,12,.62) 0%,rgba(5,8,12,.18) 34%,rgba(0,0,0,0) 52%,var(--bg2) 99%)}
.fut.has-art .fut-art{display:none}
.fut.has-art .fut-ovr,.fut.has-art .fut-meta,.fut.has-art .fut-meta b{color:#F2E7DA;text-shadow:0 1px 10px rgba(0,0,0,.55)}
.fut.has-art .fut-z{background:#F2E7DA}
.fut.has-art .fut-grade{color:#F2E7DA;background:rgba(5,8,12,.42);box-shadow:inset 0 0 0 .35cqw rgba(242,231,218,.45)}
.fut.has-art .fut-meta .res b{color:#4DF0A0}