/* Visual content for the existing eight ground cards. */
#ground { position: relative; isolation: isolate; z-index: 2; background: #fffce8; }
#ground .cp-auction-card { --gr-ink:#062817; --gr-muted:#657d6b; --gr-line:rgb(36 77 54 / .15); --gr-panel:#fffef8; color:var(--gr-ink); }
#ground .cp-auction-card:nth-child(even) { --gr-ink:#fff7ef; --gr-muted:#d9e3d2; --gr-line:rgb(255 240 223 / .22); --gr-panel:rgb(6 40 23 / .18); }
#ground .cp-auction-card-top { align-items:center; }
#ground .cp-auction-card-top > span:first-child { font-size:48px; line-height:1; }
#ground .ground-card-icon { display:flex; margin:0; color:inherit; }
#ground .ground-card-icon > svg { display:block; width:36px; height:36px; }
#ground .cp-auction-card h3 { margin:12px 0 16px; font-size:clamp(22px,2.25vw,32px); line-height:1.12; }
#ground .ground-visual { display:flex; align-items:center; justify-content:center; gap:12px; height:140px; min-width:0; }
#ground .ground-visual * { box-sizing:border-box; }
#ground .ground-visual svg { display:block; flex-shrink:0; }
#ground .ground-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.ground-symbols { position:absolute; width:0; height:0; overflow:hidden; }
#ground .ground-photo { display:block; width:100%; height:100%; min-width:0; overflow:hidden; border-radius:8px; background:#a8b28e; object-fit:cover; object-position:50% 40%; }
#ground .ground-search-preview { display:grid; grid-template-rows:30px 1fr; gap:8px; width:100%; height:100%; }
#ground .ground-search-field { display:flex; align-items:center; gap:9px; padding:7px 11px; border:1px solid var(--gr-line); border-radius:7px; background:var(--gr-panel); color:var(--gr-muted); font-size:11px; line-height:1; }
#ground .ground-search-field svg { width:15px; height:15px; color:#526956; }
#ground .ground-listing { position:relative; min-height:0; overflow:hidden; border:1px solid var(--gr-line); border-radius:8px; }
#ground .ground-listing-caption { display:inline-flex; position:absolute; bottom:8px; left:8px; align-items:center; gap:6px; max-width:calc(100% - 16px); padding:6px 9px; border:1px solid #ffffff80; border-radius:7px; background:#fffcf1ed; color:#244d36; font-size:10px; font-weight:700; }
#ground .ground-listing-caption svg { width:13px; height:13px; color:#0b3d23; }
#ground .ground-gallery { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:8px; width:100%; height:100%; }
#ground .ground-gallery-main,#ground .ground-gallery-secondary { min-width:0; min-height:0; }
#ground .ground-gallery-secondary { display:grid; grid-template-rows:1fr 1fr; gap:8px; }
#ground .ground-gallery-thumb { position:relative; min-height:0; overflow:hidden; border-radius:8px; }
#ground .ground-gallery-count { position:absolute; right:5px; bottom:5px; padding:4px 6px; border-radius:5px; background:#1b121bd9; color:#fff; font-size:9px; line-height:1; font-weight:700; }
#ground .ground-surface { display:grid; flex:1 1 0; grid-template-rows:1fr 25px; height:100%; min-width:0; overflow:hidden; border:1px solid var(--gr-line); border-radius:8px; background:var(--gr-panel); }
#ground .ground-surface.is-selected { border:2px solid #0b3d23; }
#ground .ground-surface-image { position:relative; min-height:0; overflow:hidden; }
#ground .ground-surface .ground-photo { border-radius:0; }
#ground .ground-surface-label { display:grid; place-items:center; color:var(--gr-ink); font-size:10px; line-height:1; font-weight:700; }
#ground .ground-radio { position:absolute; top:7px; right:7px; width:15px; height:15px; border:3px solid #fff; border-radius:50%; background:#a6a1a1; box-shadow:0 1px 4px #1a111933; }
#ground .ground-surface.is-selected .ground-radio { background:#0b3d23; }
#ground .ground-map { position:relative; width:100%; height:140px; overflow:hidden; border:1px solid var(--gr-line); border-radius:9px; background:#eeeae4; }
#ground .ground-map > svg { width:100%; height:100%; }
#ground .ground-map > .ground-map-pin { position:absolute; top:calc(48.75% - 33px); left:calc(80.5% - 14.5px); width:29px; height:33px; fill:#0b3d23; stroke:#fff9ee; }
#ground .ground-map-caption { position:absolute; bottom:15px; right:10px; padding:6px 9px; border:1px solid #fff9ee; border-radius:20px; background:#fffdf3ed; color:#244d36; font-size:10px; line-height:1; font-weight:700; }
#ground .ground-plan { display:grid; grid-template-columns:minmax(0,1fr) 100px; gap:12px; width:100%; height:100%; }
#ground .ground-calendar { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; padding:12px; border:1px solid var(--gr-line); border-radius:9px; background:var(--gr-panel); }
#ground .ground-date-label { display:block; margin:0 0 10px; color:var(--gr-muted); font-size:10px; font-weight:500; }
#ground .ground-dates { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:4px; }
#ground .ground-day { display:flex; flex-direction:column; align-items:center; gap:9px; min-width:0; padding:10px 3px; border:1px solid var(--gr-line); border-radius:7px; background:#f4f0ef; color:#81757b; }
#ground .ground-day small { font-size:8px; line-height:1; }
#ground .ground-day strong { font:700 17px/1 'Manrope',sans-serif; }
#ground .ground-day.is-selected { border-color:#0b3d23; color:#fff8ee; background:linear-gradient(135deg,#0b3d23,#0b3d23); }
#ground .ground-time { display:flex; flex-direction:column; gap:7px; }
#ground .ground-time > svg { width:18px; height:18px; margin-bottom:3px; color:#7e6b74; }
#ground .ground-time-chip { display:flex; align-items:center; gap:5px; padding:7px 8px; border:1px solid var(--gr-line); border-radius:6px; color:#77656e; background:#f2edeb; font-size:9px; line-height:1; font-weight:600; }
#ground .ground-time-chip svg { width:12px; height:12px; }
#ground .ground-time-chip.is-selected { border-color:#0b3d23; color:#fff8ef; background:#0b3d23; }
#ground .ground-owner { display:grid; grid-template-columns:86px minmax(0,1fr) auto; align-items:center; gap:15px; width:100%; padding:11px; border:1px solid var(--gr-line); border-radius:10px; background:var(--gr-panel); }
#ground .ground-owner-photo { width:86px; height:86px; }
#ground .ground-owner-info { min-width:0; }
#ground .ground-owner-info > strong { display:block; margin-bottom:12px; color:var(--gr-ink); font-size:14px; line-height:1.2; font-weight:650; }
#ground .ground-contact { display:inline-flex; align-items:center; justify-content:center; gap:7px; max-width:100%; padding:9px 11px; border:1px solid #fff7ee; border-radius:7px; background:#fff6e9; color:#244d36; font-size:10px; line-height:1.2; font-weight:700; white-space:nowrap; }
#ground .ground-contact svg { width:14px; height:14px; }
#ground .ground-owner-checks { display:flex; flex-direction:column; gap:8px; }
#ground .ground-owner-checks > span { display:flex; align-items:center; gap:6px; padding:9px; border:1px solid var(--gr-line); border-radius:7px; background:rgb(255 239 225 / .05); color:var(--gr-ink); font-size:9px; line-height:1; }
#ground .ground-owner-checks svg { width:13px; height:13px; }
#ground .ground-activity { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:14px; width:100%; height:100%; }
#ground .ground-match { display:flex; flex-direction:column; justify-content:center; min-width:0; gap:14px; }
#ground .ground-match-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:3px; border:1px solid var(--gr-line); border-radius:20px; background:#f0ebea; }
#ground .ground-match-tabs > span { display:grid; place-items:center; min-width:0; padding:6px 3px; border-radius:20px; color:#796a72; font-size:10px; line-height:1; font-weight:600; }
#ground .ground-match-tabs .is-selected { background:#0b3d23; color:#fff6ec; }
#ground .ground-match-versus { display:flex; align-items:center; justify-content:space-evenly; gap:8px; }
#ground .ground-crest { width:39px; height:46px; color:#e7bd6c; }
#ground .ground-match-state { display:flex; flex-direction:column; align-items:center; gap:9px; }
#ground .ground-live { display:flex; align-items:center; gap:5px; padding:5px 7px; border-radius:12px; color:#fff; background:#0b3d23; font-size:9px; line-height:1; font-weight:700; }
#ground .ground-live::before { content:''; width:5px; height:5px; border-radius:50%; background:#fff; }
#ground .ground-match-state > strong { color:var(--gr-muted); font-size:12px; line-height:1; }
#ground .ground-ticket { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,.8fr); align-items:center; gap:13px; width:100%; height:100%; padding:9px; border:1px solid var(--gr-line); border-radius:10px; background:var(--gr-panel); }
#ground .ground-ticket-info { min-width:0; }
#ground .ground-ticket-info > strong { display:block; margin-bottom:17px; font-size:18px; line-height:1; font-weight:650; }
#ground .ground-ticket-meta { display:flex; align-items:flex-start; justify-content:space-between; gap:6px; }
#ground .ground-ticket-meta > span { display:flex; flex-direction:column; align-items:center; gap:7px; }
#ground .ground-ticket-meta svg { width:19px; height:19px; }
#ground .ground-ticket-meta i { display:block; width:20px; height:3px; border-radius:3px; background:rgb(255 243 224 / .4); }
#ground .ground-ticket-team { position:relative; height:100%; min-width:0; overflow:hidden; }
#ground .ground-ticket-share { display:grid; position:absolute; right:0; bottom:5px; place-items:center; width:28px; height:28px; border:1px solid #f4ead8; border-radius:50%; background:#fff8ec; color:#0b3d23; }
#ground .ground-ticket-share svg { width:17px; height:17px; }
@media (max-width:1100px) and (min-width:701px) {
  #ground .ground-plan { grid-template-columns:minmax(0,1fr); }
  #ground .ground-plan > .ground-photo { display:none; }
  #ground .ground-owner { grid-template-columns:56px minmax(0,1fr); gap:8px 12px; padding:10px; }
  #ground .ground-owner-photo { width:56px; height:56px; }
  #ground .ground-owner-info > strong { margin-bottom:7px; font-size:12px; }
  #ground .ground-contact { padding:7px 8px; font-size:9px; }
  #ground .ground-owner-checks { grid-column:1 / -1; flex-direction:row; justify-content:center; gap:8px; }
  #ground .ground-owner-checks > span { padding:7px; }
  #ground .ground-ticket { gap:8px; }
  #ground .ground-ticket-info > strong { font-size:15px; }
  #ground .ground-ticket-meta { gap:4px; }
  #ground .ground-ticket-meta svg { width:16px; height:16px; }
}
@media (max-width:700px) {
  #ground .cp-auction-card-top > span:first-child { font-size:42px; }
  #ground .ground-card-icon > svg { width:30px; height:30px; }
  #ground .cp-auction-card h3 { margin-block:14px 18px; font-size:24px; }
}
@media (max-width:480px) {
  #ground .ground-plan { grid-template-columns:minmax(0,1fr); }
  #ground .ground-plan > .ground-photo { display:none; }
  #ground .ground-owner { grid-template-columns:58px minmax(0,1fr); gap:8px 11px; padding:10px; }
  #ground .ground-owner-photo { width:58px; height:58px; }
  #ground .ground-owner-info > strong { margin-bottom:7px; font-size:13px; }
  #ground .ground-owner-checks { grid-column:1 / -1; flex-direction:row; justify-content:center; gap:8px; }
  #ground .ground-owner-checks > span { padding:7px; }
  #ground .ground-ticket { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px; }
  #ground .ground-ticket-team { display:none; }
  #ground .ground-ticket-info > strong { font-size:17px; }
}
@media (max-width:400px) {
  #ground .cp-auction-card { padding:22px 18px; }
  #ground .cp-auction-card h3 { font-size:22px; }
  #ground .ground-visual { gap:8px; }
  #ground .ground-calendar { gap:7px; padding:9px; }
  #ground .ground-day { padding:9px 2px; }
  #ground .ground-day small { font-size:7px; }
  #ground .ground-day strong { font-size:15px; }
  #ground .ground-time-chip { gap:4px; padding:7px 5px; font-size:8px; }
  #ground .ground-activity { gap:9px; }
  #ground .ground-match-tabs > span { font-size:8px; padding-inline:1px; }
  #ground .ground-match-versus { gap:4px; }
  #ground .ground-crest { width:28px; height:35px; }
  #ground .ground-live { padding:4px 5px; font-size:8px; }
  #ground .ground-ticket { padding:7px; gap:8px; }
  #ground .ground-ticket-meta svg { width:17px; height:17px; }
}