/* MARIGOLD LOCKHOUSE — cut-paper poster
   Ground #F3A90D / Ink #1C1A15 / Cream #F1E5C3 #F8F0DC / Ultramarine #2B4BA6 (-> #1D3A8F for small text on yellow)
   No gradients, no neon, hard 5px paper shadow only.
*/

:root{
  --marigold:#F3A90D;
  --ink:#1C1A15;
  --cream:#F1E5C3;
  --cream-light:#F8F0DC;
  --ultramarine:#2B4BA6;
  --ultramarine-dark:#1D3A8F;
  --ink-soft: rgba(28,26,21,0.82);
  --max: 1120px;
  --pad: 24px;
  --radius: 2px;
  --radius-lg: 16px;
  --paper-shadow: 5px 5px 0 var(--ink);
  --glass-bg: rgba(255,255,255,0.08);
  --glass-bg-strong: rgba(255,255,255,0.11);
  --glass-border: rgba(255,255,255,0.15);
  --glass-blur: blur(20px) saturate(1.15);
}

/* Full-screen background MP4 — fixed, cover, dark fallback, behind all content */
.bg-video{
  position:fixed; inset:0;
  width:100vw; height:100vh;
  z-index:-1;
  background-color:#000;
  overflow:hidden;
  pointer-events:none;
}
.bg-video video{
  width:100vw; height:100vh;
  object-fit:cover;
  display:block;
}
/* Content layering — ensure everything sits above video with readable contrast */
.marquee, .poster-hero, .section, .site-footer, #main{
  position:relative; z-index:1;
}
.marquee{box-shadow:0 2px 12px rgba(0,0,0,0.28)}
.poster-title, .section-head__title, .dossier__title, .booking-card__title, .rules-card__title{
  text-shadow:0 1px 0 rgba(0,0,0,0.5), 0 2px 12px rgba(0,0,0,0.55);
}

/* Reset */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background-color:#000;
  background:transparent;
  color:var(--marigold);
  font-family:'Libre Franklin', system-ui, -apple-system, Helvetica, Arial, sans-serif;
  font-size:19px;
  line-height:1.66;
  -webkit-font-smoothing:antialiased;
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
img,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button,input,select,textarea{font:inherit}
.sr-only{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--cream-light);padding:8px 12px;z-index:999;border:2px solid var(--cream-light)}
.skip-link:focus{left:12px;top:12px}

/* Ensure video respects reduced motion: pause is handled via JS, but CSS fallback */
@media(prefers-reduced-motion:reduce){
  .bg-video video{animation:none}
}

/* Keep most card interiors readable — ink on cream, but booking card on glass needs light text */
.dossier, .course-card, .ladder-card, .rules-card, .collage, .stat, .tag, .rules-foot, .carousel-controls .carousel-btn, .carousel-controls .carousel-pause{
  color:var(--ink);
}
.dossier .label, .course-card .label, .ladder-card .label, .rules-card .label{ color:var(--ink); text-shadow:none; }
.dossier__title, .rules-card__title{ color:var(--ink); text-shadow:0 1px 0 rgba(248,240,220,0.6), 0 2px 8px rgba(0,0,0,0.08); }
.ticket__label, .ticket__value, .stat dt, .stat dd, .tag, .collage__caption{ color:var(--ink); }
.section-head__title, .section-head__sub, .poster-title, .poster-lead, .poster-copy .label{ color:var(--marigold); }
/* Booking card is now liquid glass on dark video — needs light text on glass, not ink on cream */
.booking-card, .booking-card .booking-form, .binance-panel{ color:var(--cream-light); }
.booking-card__title{ color:var(--cream-light); text-shadow:0 1px 10px rgba(0,0,0,0.55); }
.booking-card__sub, .booking-card .field__label, .booking-card .field__hint, .booking-card .summary-row, .booking-card .booking-form__note{ color:rgba(248,240,220,0.78); }
.booking-card .ticket__label{ color:rgba(248,240,220,0.65); }
.booking-card .ticket__value{ color:var(--cream-light); }

/* Type */
.mono{font-family:'Space Mono', ui-monospace, monospace}
.label{
  font-family:'Space Mono', monospace;
  font-size:12px; letter-spacing:0.12em; text-transform:uppercase;
  color:var(--marigold);
  text-shadow:0 1px 6px rgba(0,0,0,0.65);
}
.container{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}

/* Marquee — ink black bar, Anton all caps */
.marquee{
  background:var(--ink);
  color:var(--cream-light);
  border-bottom:4px solid var(--ink);
}
.marquee-inner{
  display:flex;align-items:center;justify-content:space-between;
  gap:16px; min-height:56px; flex-wrap:wrap; padding:10px var(--pad);
}
.marquee__venue{
  font-family:'Anton', sans-serif;
  font-size:26px; letter-spacing:0.04em; line-height:1;
  text-transform:uppercase;
  color:var(--cream-light);
}
.marquee__meta{
  font-family:'Space Mono', monospace;
  font-size:11px; letter-spacing:0.14em; text-transform:uppercase;
  color:var(--cream); opacity:0.9;
}
.marquee__nav{display:flex;gap:18px;align-items:center;margin-left:auto}
.marquee__link{
  font-family:'Space Mono', monospace;
  font-size:12px; letter-spacing:0.08em; text-transform:uppercase;
  color:var(--cream-light);
  padding:6px 0; border-bottom:2px solid transparent;
  transition:color 150ms ease, border-color 150ms ease;
}
.marquee__link:hover{color:var(--cream);border-color:var(--cream)}
.marquee__link--cta{
  background:var(--ultramarine); color:var(--cream-light);
  padding:6px 14px; border:1px solid var(--ultramarine);
  border-radius:var(--radius);
}
.marquee__link--cta:hover{background:var(--cream-light);color:var(--ink);border-color:var(--cream-light)}
@media(max-width:760px){
  .marquee__meta{display:none}
  .marquee-inner{justify-content:space-between}
}

/* Poster hero */
.poster-hero{padding:28px var(--pad) 0}
.poster-grid{
  display:grid; gap:24px;
  align-items:start;
}
@media(min-width:980px){.poster-grid{grid-template-columns:1.15fr 0.90fr}}
.poster-copy .label{opacity:0.85}
.poster-title{
  font-family:'Anton', sans-serif;
  font-size:54px; line-height:0.92; letter-spacing:0.02em; text-transform:uppercase;
  color:var(--marigold);
  margin:10px 0 14px;
  text-shadow:0 2px 0 rgba(0,0,0,0.7), 0 4px 18px rgba(0,0,0,0.6);
}
@media(min-width:700px){.poster-title{font-size:68px}}
@media(min-width:1100px){.poster-title{font-size:78px}}
.poster-lead{
  font-size:19px; line-height:1.66; max-width:36ch;
  border-left:3px solid var(--marigold); padding-left:14px;
  color:var(--marigold);
  text-shadow:0 1px 6px rgba(0,0,0,0.65);
}
.collage{
  display:flex; gap:18px; align-items:end; flex-wrap:wrap;
  margin-top:18px; padding:14px;
  background:var(--cream-light);
  border:1px solid var(--ink);
  border-radius:var(--radius);
  box-shadow: var(--paper-shadow);
}
.collage__keyhole{flex:0 0 auto}
.collage__doors{flex:1 1 220px}
.collage__figure{flex:0 0 auto}
.collage__caption{
  width:100%; font-family:'Space Mono', monospace;
  font-size:11px; letter-spacing:0.06em; color:var(--ink); opacity:0.7;
  border-top:1px dashed var(--ink); padding-top:8px; margin-top:4px;
}
.hero-video{
  width:100%;
  margin-top:12px;
  border:1px solid var(--ink);
  border-radius:var(--radius);
  box-shadow: var(--paper-shadow);
  overflow:hidden;
  background:var(--ink);
  pointer-events:none;
  user-select:none;
}
.hero-video video{
  width:100%; height:auto; display:block;
  aspect-ratio:16/9;
  object-fit:cover;
  pointer-events:none;
}

/* Booking card — cream */
.booking-card{
  background:var(--cream);
  border:1px solid var(--ink);
  border-radius:var(--radius);
  box-shadow: var(--paper-shadow);
  overflow:hidden;
  align-self:start;
}
@media(min-width:980px){
  .booking-card{
    margin-top:84px; /* drop down to align with video under doors banner */
  }
}
.booking-card__head{padding:16px 16px 12px; border-bottom:1px solid var(--ink); background:var(--cream-light)}
.booking-card__title{
  font-family:'Anton', sans-serif;
  font-size:22px; letter-spacing:0.04em; text-transform:uppercase; line-height:1;
}
.booking-card__sub{font-family:'Space Mono', monospace; font-size:11px; letter-spacing:0.06em; color:var(--ink); opacity:0.75; margin-top:4px}

/* Ticket stub — perforated */
.ticket{
  display:grid; grid-template-columns:1fr auto 1fr auto 0.9fr;
  gap:0; align-items:stretch;
  background:var(--cream-light);
  border-bottom:1px dashed var(--ink);
}
.ticket__segment{padding:10px 12px; display:grid; gap:2px; align-content:center}
.ticket__perf{
  width:1px; background:transparent;
  border-left:2px dashed var(--ink); opacity:0.9;
}
.ticket__label{
  font-family:'Space Mono', monospace;
  font-size:10px; letter-spacing:0.12em; text-transform:uppercase; color:var(--ink); opacity:0.7;
}
.ticket__value{
  font-family:'Space Mono', monospace;
  font-size:13px; font-weight:700; line-height:1.2; color:var(--ink);
}
.ticket__segment--small .ticket__value{font-size:12px}
@media(max-width:560px){.ticket{grid-template-columns:1fr} .ticket__perf{display:none} .ticket__segment{border-bottom:1px dashed var(--ink)} .ticket__segment:last-child{border-bottom:none}}

/* Booking form */
.booking-form{padding:14px 16px 16px; display:grid; gap:12px; background:var(--cream)}
.field{display:grid; gap:5px}
.field__label{
  font-family:'Space Mono', monospace;
  font-size:11px; letter-spacing:0.10em; text-transform:uppercase; color:var(--ink);
}
.field__input{
  width:100%; background:var(--cream-light); color:var(--ink);
  border:1px solid var(--ink); padding:10px 12px; font-size:15px; border-radius:var(--radius);
}
.field__input:focus{outline:2px solid var(--ultramarine); outline-offset:1px}
.field__hint{font-family:'Space Mono', monospace; font-size:11px; color:var(--ink); opacity:0.65}
.field-row{display:grid; gap:12px; grid-template-columns:1fr 1fr}
@media(max-width:560px){.field-row{grid-template-columns:1fr}}

.booking-summary{
  display:grid; gap:6px; padding:10px 12px;
  border:1px solid var(--ink); background:var(--cream-light); border-radius:var(--radius);
}
.summary-row{display:flex; justify-content:space-between; gap:12px; font-family:'Space Mono', monospace; font-size:12px}
.summary-row dt{opacity:0.75}
.summary-row dd{font-weight:700}
.summary-row--total{border-top:1px solid var(--ink); padding-top:6px; margin-top:2px; font-size:13px}

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  height:44px; padding:0 18px;
  font-family:'Space Mono', monospace; font-size:13px; letter-spacing:0.06em; text-transform:uppercase; font-weight:700;
  border:1px solid var(--ink); border-radius:var(--radius);
  cursor:pointer; transition:background 150ms ease, color 150ms ease, border-color 150ms ease, transform 150ms ease, box-shadow 150ms ease;
}
.btn--primary{background:var(--ultramarine); border-color:var(--ultramarine); color:var(--cream-light)}
.btn--primary:hover{background:var(--ink); border-color:var(--ink); color:var(--cream-light); transform:translateY(-1px)}
.btn--primary:active{transform:translateY(0)}
.btn--full{width:100%}
.btn--binance{
  background:#F3BA2F; border-color:var(--ink); color:var(--ink);
  box-shadow: 3px 3px 0 var(--ink);
}
.btn--binance:hover{background:var(--ink); color:#F3BA2F; border-color:var(--ink); transform:translateY(-1px); box-shadow: 4px 4px 0 var(--ink)}
.btn--binance:active{transform:translateY(0); box-shadow: 2px 2px 0 var(--ink)}
.btn__binance-icon{display:grid; place-items:center}
.booking-form__note{font-family:'Space Mono', monospace; font-size:11px; line-height:1.5; color:var(--ink); opacity:0.7}
.form-status{font-family:'Space Mono', monospace; font-size:12px; min-height:16px; color:var(--ink)}
.form-status.is-success{color:var(--ultramarine)}
.form-status.is-error{color:#7A0B0B}
.binance-panel{
  margin-top:10px; padding:12px;
  background:var(--cream-light); border:1px solid var(--ink); border-radius:var(--radius);
  display:grid; gap:10px;
}
.binance-panel[hidden]{display:none}
.binance-panel__head{display:flex; justify-content:space-between; align-items:center; gap:8px}
.binance-panel__qr{display:grid; place-items:center; padding:10px; background:var(--cream); border:1px dashed var(--ink); border-radius:var(--radius)}

/* Links — ultramarine, darkened on yellow */
.link{
  font-family:'Space Mono', monospace;
  font-size:12px; letter-spacing:0.06em; text-transform:uppercase; font-weight:700;
  color:var(--ultramarine-dark);
  text-decoration:underline; text-underline-offset:3px;
  transition:color 150ms ease, background 150ms ease;
}
.link:hover{color:var(--ink); background:var(--cream-light)}
.link--small{font-size:11px}
.link--on-dark{color:var(--cream-light); text-decoration-color:var(--cream)}
.link--on-dark:hover{color:var(--white); background:var(--ink)}

/* Section head — on video, so yellow for readability */
.section{padding:28px 0}
.section-head{margin-bottom:14px; padding-bottom:10px; border-bottom:1px solid var(--marigold)}
.section-head__title{
  font-family:'Anton', sans-serif;
  font-size:26px; letter-spacing:0.03em; text-transform:uppercase; line-height:1;
  color:var(--marigold);
  text-shadow:0 1px 6px rgba(0,0,0,0.65);
}
.section-head__sub{font-size:19px; line-height:1.66; color:var(--marigold); margin-top:4px; max-width:60ch; opacity:0.92; text-shadow:0 1px 6px rgba(0,0,0,0.55)}

/* Dossier — door panel + body */
.dossier{
  display:grid; gap:0;
  border:1px solid var(--ink); background:var(--cream-light);
  border-radius:var(--radius); overflow:hidden;
  box-shadow: var(--paper-shadow);
  margin-bottom:16px;
}
@media(min-width:780px){.dossier{grid-template-columns:180px 1fr}}
.dossier__door{
  background:var(--ink); color:var(--cream-light);
  padding:18px 14px; display:grid; gap:14px; align-content:start; justify-items:center;
  position:relative;
}
.door__number{
  font-family:'Anton', sans-serif;
  font-size:48px; line-height:1; letter-spacing:0.02em; color:var(--cream);
}
.door__keyhole{
  width:36px; height:46px; display:grid; place-items:center; gap:0;
}
.keyhole__circle{width:20px; height:20px; border-radius:50%; background:var(--marigold); border:2px solid var(--cream-light)}
.keyhole__slot{width:8px; height:16px; background:var(--marigold); border:1px solid var(--cream-light); margin-top:-4px; border-radius:1px}
.door__plate{
  font-family:'Space Mono', monospace;
  font-size:10px; letter-spacing:0.18em; text-transform:uppercase;
  border:1px solid var(--cream); padding:4px 8px; color:var(--cream);
}
.dossier__body{padding:16px; background:var(--cream-light)}
.dossier__title{
  font-family:'Anton', sans-serif;
  font-size:20px; letter-spacing:0.03em; text-transform:uppercase; line-height:1;
}
.dossier__objective{font-size:19px; line-height:1.66; margin-top:6px; max-width:52ch}
.dossier__stats{
  display:flex; flex-wrap:wrap; gap:10px; margin-top:12px;
  border-top:1px dashed var(--ink); padding-top:10px;
}
.stat{
  display:grid; gap:1px; min-width:120px;
  border:1px solid var(--ink); background:var(--cream); padding:8px 10px; border-radius:var(--radius);
}
.stat dt{
  font-family:'Space Mono', monospace;
  font-size:10px; letter-spacing:0.10em; text-transform:uppercase; opacity:0.75;
}
.stat dd{
  font-family:'Space Mono', monospace;
  font-size:13px; font-weight:700;
}
.dossier__foot{display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin-top:12px}
.tag{
  font-family:'Space Mono', monospace;
  font-size:11px; letter-spacing:0.06em;
  border:1px solid var(--ink); padding:4px 8px; background:var(--cream); border-radius:var(--radius);
}
.dossier__legal{
  font-family:'Space Mono', monospace;
  font-size:11px; line-height:1.5; opacity:0.75; margin-top:8px;
}

/* Carousel — single dossier visible, 4s glide */
.carousel{position:relative}
.carousel-viewport{position:relative;min-height:260px;overflow:hidden}
@media(min-width:780px){.carousel-viewport{min-height:220px}}
.carousel-card{
  position:absolute; inset:0;
  opacity:0; transform:translateX(28px) scale(0.98);
  pointer-events:none;
  transition:opacity 720ms cubic-bezier(0.32,0.72,0,1), transform 720ms cubic-bezier(0.32,0.72,0,1);
  will-change:transform, opacity;
}
.carousel-card.is-active{opacity:1;transform:translateX(0) scale(1);pointer-events:auto;position:relative}
.carousel-card.is-exiting{opacity:0;transform:translateX(-28px) scale(0.98);pointer-events:none}
@media(prefers-reduced-motion:reduce){.carousel-card{transition:none;transform:none}}
.carousel-controls{
  display:flex;align-items:center;gap:10px;justify-content:center;
  margin-top:14px; flex-wrap:wrap;
}
.carousel-btn, .carousel-pause{
  width:36px;height:36px;display:grid;place-items:center;
  background:var(--cream-light);border:1px solid var(--ink);border-radius:var(--radius);
  font-family:'Space Mono',monospace;font-weight:700;
  cursor:pointer;transition:background 150ms, color 150ms, transform 150ms;
}
.carousel-btn:hover, .carousel-pause:hover{background:var(--ink);color:var(--cream-light);transform:translateY(-1px)}
.carousel-dots{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center}
.carousel-dot{
  width:8px;height:8px;border-radius:50%;background:transparent;border:1px solid var(--ink);
  cursor:pointer;transition:background 150ms, transform 150ms;
}
.carousel-dot.is-active{background:var(--ink);transform:scale(1.25)}
.carousel-dot:hover{background:var(--ink);opacity:0.7}
.carousel-hint{
  font-family:'Space Mono',monospace;font-size:11px;opacity:0.6;text-align:center;margin-top:8px;
}

/* Pricing ladder */
.ladder-card{
  background:var(--cream-light);
  border:1px solid var(--ink);
  border-radius:var(--radius);
  box-shadow: var(--paper-shadow);
  overflow:hidden;
}
.ladder{width:100%; border-collapse:collapse; font-size:15px}
.ladder caption{padding:8px}
.ladder th, .ladder td{
  padding:10px 12px; text-align:left; border-bottom:1px solid var(--ink);
  font-size:15px;
}
.ladder thead th{
  font-family:'Space Mono', monospace;
  font-size:11px; letter-spacing:0.10em; text-transform:uppercase;
  background:var(--ink); color:var(--cream-light);
}
.ladder tbody th{font-family:'Space Mono', monospace; font-size:13px; font-weight:700; background:var(--cream)}
.ladder td{font-family:'Space Mono', monospace; font-size:13px}
.ladder .mono{font-weight:700}
.meter{
  display:flex; align-items:center; gap:8px;
  font-family:'Space Mono', monospace; font-size:11px;
}
.meter__fill{
  flex:1; height:14px; background:var(--cream); border:1px solid var(--ink); border-radius:var(--radius);
  position:relative; overflow:hidden;
  --cols:12;
}
.meter__fill::after{
  content:""; position:absolute; inset:0;
  width:calc((var(--fill) / var(--cols)) * 100%);
  background:var(--ultramarine);
}
.meter__label{white-space:nowrap; opacity:0.75}
.ladder__note{
  font-family:'Space Mono', monospace;
  font-size:11px; line-height:1.5; padding:10px 12px;
  border-top:1px solid var(--ink); background:var(--cream);
}
.ladder__note + .ladder__note{border-top:1px dashed var(--ink)}

/* Rules */
.rules-grid{display:grid; gap:16px; grid-template-columns:1fr}
@media(min-width:860px){.rules-grid{grid-template-columns:1fr 1fr}}
.rules-card{
  background:var(--cream-light);
  border:1px solid var(--ink);
  border-radius:var(--radius);
  box-shadow: var(--paper-shadow);
  padding:16px;
}
.rules-card__title{
  font-family:'Anton', sans-serif;
  font-size:16px; letter-spacing:0.04em; text-transform:uppercase;
  border-bottom:2px solid var(--ink); padding-bottom:6px;
}
.rules-list{display:grid; gap:12px; margin-top:12px}
.rule dt{
  font-family:'Space Mono', monospace;
  font-size:11px; letter-spacing:0.10em; text-transform:uppercase; font-weight:700;
}
.rule dd{font-size:19px; line-height:1.66; margin-top:2px}
.rules-foot{
  margin-top:12px; padding:12px;
  border:1px solid var(--ink); background:var(--cream-light); border-radius:var(--radius);
  font-family:'Space Mono', monospace; font-size:12px; line-height:1.6;
}
.rules-foot p + p{margin-top:4px}

/* Liquid glass — all cards (overrides paper) — keep booking card readable */
.collage,
.dossier,
.ladder-card,
.rules-card,
.carousel-card.dossier{
  background:var(--glass-bg) !important;
  -webkit-backdrop-filter:var(--glass-blur);
  backdrop-filter:var(--glass-blur);
  border:1px solid var(--glass-border) !important;
  border-radius:var(--radius-lg) !important;
  box-shadow:0 8px 32px rgba(0,0,0,0.38), 0 0 0 1px rgba(255,255,255,0.06) inset, 0 0 24px rgba(243,169,13,0.06) !important;
  color:var(--cream-light);
}
.booking-card{
  background:var(--glass-bg) !important;
  -webkit-backdrop-filter:var(--glass-blur);
  backdrop-filter:var(--glass-blur);
  border:1px solid var(--glass-border) !important;
  border-radius:var(--radius-lg) !important;
  box-shadow:0 12px 40px rgba(0,0,0,0.48), 0 0 0 1px rgba(255,255,255,0.08) inset, 0 0 32px rgba(243,169,13,0.10) !important;
  color:var(--cream-light);
}
.ticket,
.field__input,
.binance-panel__qr,
.booking-summary,
.stat,
.tag{
  background:rgba(255,255,255,0.07) !important;
  -webkit-backdrop-filter:blur(14px) saturate(1.1);
  backdrop-filter:blur(14px) saturate(1.1);
  border:1px solid var(--glass-border) !important;
  border-radius:10px;
}
.booking-form{ background:transparent !important; }
.field__input{ color:var(--cream-light); }
.field__input::placeholder{ color:rgba(248,240,220,0.60); }
.field__input:focus{ border-color:rgba(255,255,255,0.28) !important; box-shadow:0 0 0 3px rgba(243,169,13,0.18); outline:none; }
.booking-card__head, .dossier__body, .rules-foot{ background:transparent !important; }
.booking-card__title{ color:var(--cream-light); text-shadow:0 1px 10px rgba(0,0,0,0.55); }
.dossier__title, .rules-card__title{ color:var(--cream-light); text-shadow:0 1px 10px rgba(0,0,0,0.55); }
.section-head__title{ color:var(--marigold); }
.dossier__objective, .ladder th, .ladder td, .rule dd, .poster-lead{ color:var(--cream-light); }
.section-head__sub{ color:var(--marigold); }
.stat dt, .field__label, .ticket__label{ color:rgba(248,240,220,0.70); }
.stat dd, .ticket__value, .summary-row dd{ color:var(--cream-light); }
.stat dd, .summary-row dd{ font-weight:700; }
.collage__caption, .field__hint, .booking-form__note, .carousel-hint, .ladder__note{ color:rgba(248,240,220,0.78); }
.door__plate{ border-color:rgba(248,240,220,0.7); color:var(--cream-light); }
.binance-panel{ background:rgba(255,255,255,0.09) !important; }
#walletAddress{ background:rgba(0,0,0,0.32) !important; color:var(--cream-light) !important; border-color:rgba(255,255,255,0.18) !important; }
@supports not ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))){
  .collage, .booking-card, .dossier, .ladder-card, .rules-card, .binance-panel{ background:rgba(28,26,21,0.68) !important; }
}
@media(max-width:640px){
  .collage, .booking-card, .dossier, .ladder-card, .rules-card{ -webkit-backdrop-filter:blur(14px) saturate(1.1); backdrop-filter:blur(14px) saturate(1.1); }
}

/* Footer — keep ink but add glass sheen */
.site-footer{
  margin-top:24px; background:var(--ink); color:var(--cream-light);
  border-top:4px solid var(--ink);
}
.footer-inner{padding:16px var(--pad); display:grid; gap:8px}
.footer__venue{
  font-family:'Anton', sans-serif;
  font-size:14px; letter-spacing:0.06em; text-transform:uppercase;
}
.footer__legal{
  font-family:'Space Mono', monospace;
  font-size:11px; line-height:1.6; opacity:0.85;
}