/* HIGH CASINO palette, shared visually with h_site/assets/high-ui/shell.css.
   Kept separate from the board's layout, motion, and gameplay styles. */
html { background: #000; }
.marble-noscript { color: #f4f4f4; }

#marble-event {
  --marble-bg: #000;
  --marble-surface: #141517;
  --marble-surface-raised: #202226;
  --marble-border: #363b45;
  --marble-red: #ed001a;
  --marble-red-button: #c60013;
  --marble-red-hover: #d90019;
  --marble-accent: #ff929d;
  --marble-text: #f4f4f4;
  --marble-muted: #b5b7bc;
  --marble-gold: var(--marble-accent);
  --marble-cream: var(--marble-text);
  --marble-cyan: var(--marble-accent);
  --marble-ink: var(--marble-bg);
  background: var(--marble-bg);
  color: var(--marble-text);
}

#marble-event .marble-atmosphere {
  filter: grayscale(1) brightness(.65);
  opacity: .65;
}
#marble-event::before {
  background: radial-gradient(ellipse at 78% 15%, #a500202e, transparent 48%),
    linear-gradient(90deg, #000c, #0002 70%),
    linear-gradient(0deg, #000 4%, #000d 42%, #0002 85%);
}
#marble-event::after {
  background-image: radial-gradient(1px 1px at 12% 21%, #ff929d 50%, transparent 100%),
    radial-gradient(1px 1px at 79% 36%, #d7d7d7 50%, transparent 100%),
    radial-gradient(1px 1px at 63% 12%, #ff929d 50%, transparent 100%);
  opacity: .3;
}
#marble-event button:focus-visible,
#marble-event .marble-login-form input:focus-visible,
#marble-event .marble-prize-scroll:focus-visible { outline-color: #fff; }

/* Account and hero */
#marble-event .marble-account-bar {
  background: #090909;
  border-color: #53111a;
  color: var(--marble-muted);
}
#marble-event .marble-account-bar i,
#marble-event #marbleNickname,
#marble-event .marble-compass { color: var(--marble-accent); }
#marble-event #marbleLogout {
  background: var(--marble-surface);
  border-color: var(--marble-border);
  color: var(--marble-text);
}
#marble-event #marbleLogout:hover { border-color: var(--marble-accent); }
#marble-event .marble-world-label { color: var(--marble-text); }
#marble-event .marble-brand { display: block; flex: 0 1 215px; min-width: 0; }
#marble-event .marble-brand img { display: block; width: 100%; height: auto; }
#marble-event .marble-topline > .marble-guide-toggle { flex-shrink: 0; }
@media (max-width: 480px) {
  #marble-event .marble-brand { flex-basis: 155px; }
}
#marble-event .marble-guide-toggle {
  background: #151517d9;
  border-color: #6e2631;
  color: var(--marble-text);
}
#marble-event .marble-guide-toggle:hover { background: #3a1119; }
#marble-event .marble-season { color: var(--marble-accent); }
#marble-event .marble-main-title {
  background: none;
  color: #fff;
  filter: drop-shadow(0 3px 0 #505054) drop-shadow(0 8px 16px #0009);
}
#marble-event .marble-main-title>span { color: var(--marble-accent); }
#marble-event .marble-tagline { color: var(--marble-text); }
#marble-event .marble-intro,
#marble-event .marble-period { color: var(--marble-muted); }
#marble-event .marble-payout { color: var(--marble-accent); }
#marble-event .marble-flight-note { color: #d5c7ca; }

/* Login and event information */
#marble-event .marble-login-card {
  border-color: var(--marble-border);
  border-top: 2px solid var(--marble-red);
  background: #141517f5;
  box-shadow: 0 16px 48px #0008;
}
#marble-event .marble-login-eyebrow { color: var(--marble-accent); }
#marble-event .marble-login-copy h2,
#marble-event .marble-login-form label { color: var(--marble-text); }
#marble-event .marble-login-copy p,
#marble-event .marble-login-copy small,
#marble-event #marbleLoginMessage { color: var(--marble-muted); }
#marble-event .marble-login-form input {
  background: #08090a;
  border-color: #565a62;
  color: var(--marble-text);
  caret-color: var(--marble-accent);
}
#marble-event .marble-login-form input::placeholder { color: #a3a6ad; }
#marble-event #marbleLoginSubmit {
  border-color: var(--marble-red-button);
  background: var(--marble-red-button);
  color: #fff;
}
#marble-event #marbleLoginSubmit:hover:not(:disabled) { background: var(--marble-red-hover); }
#marble-event #marbleLoginMessage.is-error { color: #ffacb5; }
#marble-event #marbleLoginRetry { border-color: #6e2631; color: var(--marble-accent); }
#marble-event .marble-guide { border-color: var(--marble-border); background: #141517fa; }
#marble-event .marble-guide b { color: var(--marble-accent); }
#marble-event .marble-guide strong { color: var(--marble-text); }
#marble-event .marble-guide p { color: var(--marble-muted); }
#marble-event .marble-guide .marble-guide-memo { border-color: var(--marble-border); }

/* Player information and board */
#marble-event .marble-stat {
  border-color: var(--marble-border);
  border-top-color: #62666d;
  background: linear-gradient(135deg, #292b2f, #141517);
  box-shadow: inset 0 1px 0 #ffffff0a, 0 5px 18px #0005;
}
#marble-event .marble-stat>div>span,
#marble-event .marble-stat small { color: var(--marble-muted); }
#marble-event .marble-stat strong { color: #fff; }
#marble-event .marble-stat-icon { color: var(--marble-accent); text-shadow: none; }
#marble-event .marble-ticket-icon { border-color: var(--marble-accent); background: #ed001a33; }
#marble-event .marble-board-frame {
  border-color: #a41c2c;
  background: linear-gradient(140deg, #6b2631, #242427 24%, #9b2434 55%, #242427 82%, #6b2631);
  box-shadow: 0 8px 0 #111, 0 10px 0 #50212a, 0 22px 35px #000a;
}
#marble-event .marble-board {
  border-color: #090909;
  background: radial-gradient(ellipse at 50% 30%, #353036, #17171a 56%, #09090b);
}
#marble-event .marble-ocean-grid {
  background-image: linear-gradient(#ffffff09 1px, transparent 1px),
    linear-gradient(90deg, #ffffff09 1px, transparent 1px),
    radial-gradient(ellipse at 50% 62%, #ed001a12, transparent 62%);
}
#marble-event .marble-island { filter: saturate(.35) drop-shadow(0 9px 15px #0009); }
#marble-event .marble-island-orbit {
  border-color: #ff7d8d69;
  box-shadow: 0 0 20px #ed001a26, inset 0 0 20px #ed001a14;
}
#marble-event .marble-island-orbit::after { color: #ffc3ca; text-shadow: 0 0 15px #ed001a; }
#marble-event .marble-center-caption,
#marble-event .marble-center-caption i { color: #e0dce0; }
#marble-event .marble-center-caption span { color: var(--marble-accent); }
#marble-event .marble-tile-inner {
  border-color: #66636a;
  background: linear-gradient(145deg, #343136, #19191d 55%, #262329);
  box-shadow: inset 0 0 0 1px #464148, 0 2px 5px #0009;
}
#marble-event .marble-tile-number { color: #ffe0e4; }
#marble-event .marble-tile-name { color: #efedf0; }
#marble-event .marble-tile svg { color: #e9dfe1; filter: drop-shadow(0 3px 1px #090909); }
#marble-event .marble-landmark { filter: saturate(.65) drop-shadow(0 2px 2px #0008); }
#marble-event .marble-tile.marble-tile-start .marble-tile-inner {
  border-color: #e25768;
  background: radial-gradient(ellipse at center, #752535, #2d141c 75%);
}
#marble-event .marble-tile.marble-tile-start .marble-tile-name { color: #fff; }
#marble-event .marble-tile.marble-tile-current .marble-tile-inner {
  border-color: #ffd9de;
  background: linear-gradient(145deg, #b50d27, #511322);
  box-shadow: inset 0 0 16px #ff6e7933, 0 0 14px #ed001a55;
}
#marble-event .marble-tile.marble-tile-passed .marble-tile-inner { box-shadow: inset 0 0 12px #ff6e7944; }
#marble-event .marble-token-halo { border-color: #ffe0e4; box-shadow: 0 0 10px #ed001a, inset 0 0 12px #ff6e79; }
#marble-event .marble-dice-face {
  border-color: #ffadb6;
  background: radial-gradient(ellipse at 28% 10%, #ed5161, #c60020 52%, #650d1b);
  box-shadow: inset 0 0 6px #ffffff59, 0 0 1px #29050b;
}
#marble-event .marble-pip-on {
  background: radial-gradient(ellipse at 55% 70%, #fff, #d9d5d7 85%);
  box-shadow: inset 0 1px 2px #0004, 0 1px 0 #ffffff4d;
}
#marble-event .marble-dice-result { color: #f1dadd; }
#marble-event .marble-roll-button {
  border-color: #f85567;
  background: linear-gradient(180deg, #d90019, #b90018);
  box-shadow: inset 0 1px 0 #ffb4bc55, 0 4px 0 #650a17, 0 9px 19px #0008;
  color: #fff;
}
#marble-event .marble-roll-button:active:not(:disabled) { box-shadow: inset 0 1px 0 #ffb4bc55, 0 1px 0 #650a17; }
#marble-event .marble-button-star,
#marble-event .marble-button-arrow { color: #fff; }
#marble-event .marble-roll-cost,
#marble-event #marbleStatus,
#marble-event .marble-personal-foot { color: var(--marble-muted); }
#marble-event .marble-status-beacon { background: #ff929d; box-shadow: 0 0 6px #ed001a; }
#marble-event .marble-small-action { border-color: #863440; color: var(--marble-accent); }
#marble-event #marbleMyPrize { color: var(--marble-accent); }
#marble-event .marble-celebration {
  border-color: #ff929d;
  background: linear-gradient(90deg, #14151700, #181316fa 15%, #42141efa 50%, #181316fa 85%, #14151700);
  box-shadow: 0 0 45px #ed001a26;
}
#marble-event .marble-celebration>span { color: var(--marble-accent); }
#marble-event .marble-celebration strong { color: #fff; text-shadow: 0 0 16px #ed001a80; }
#marble-event .marble-celebration p { color: #e7dfe1; }

/* Prize table and Hall of Fame */
#marble-event .marble-prizes {
  --marble-prize-bg: var(--marble-surface);
  --marble-prize-border: var(--marble-border);
  border-top: 2px solid var(--marble-red);
}
#marble-event .marble-prize-heading h2 { color: var(--marble-text); }
#marble-event .marble-prize-table th,
#marble-event .marble-prize-table td { border-bottom-color: #ffffff12; }
#marble-event .marble-prize-table tbody th { color: #dadbde; }
#marble-event .marble-prize-table tbody td { color: #ffacb5; }
#marble-event .marble-hall {
  background: linear-gradient(145deg, #202023, #101113);
  border-color: var(--marble-border);
  border-top: 2px solid var(--marble-red);
  box-shadow: inset 0 1px 0 #ffffff0a, 0 10px 40px #0006;
}
#marble-event .marble-hall::before { background: radial-gradient(ellipse at 25% 0, #ed001a17, transparent 70%); }
#marble-event .marble-hall-heading { border-color: var(--marble-border); }
#marble-event .marble-hall-heading h2 { color: var(--marble-text); }
#marble-event .marble-hall-heading h2 small { color: var(--marble-accent); }
#marble-event .marble-hall-heading>span,
#marble-event .marble-live-line,
#marble-event .marble-live-line>span:first-child { color: var(--marble-muted); }
#marble-event .marble-live-line i { background: #ff929d; box-shadow: 0 0 7px #ed001a80; }
#marble-event .marble-ranking-scroll { scrollbar-color: #53565c transparent; }
#marble-event .marble-ranking-table { color: var(--marble-text); }
#marble-event .marble-ranking-table th { color: var(--marble-muted); }
#marble-event .marble-ranking-table td { border-bottom-color: #ffffff12; }
#marble-event .marble-ranking-table td:first-child,
#marble-event .marble-ranking-table td:last-child { color: var(--marble-text); }
#marble-event .marble-ranking-table tr.marble-podium td {
  border-color: #74303b;
  background: linear-gradient(180deg, #ed001a1c, #ed001a0a);
}
#marble-event .marble-ranking-me td { color: #ffacb5; }
#marble-event .marble-me-badge { border-color: #b64958; color: #ffc3ca; background: #ed001a1a; }
#marble-event .marble-ranking-table td.marble-ranking-empty,
#marble-event .marble-ranking-pages { color: var(--marble-muted); }
#marble-event .marble-ranking-pages button {
  border-color: #66636a;
  color: var(--marble-text);
  background: var(--marble-surface-raised);
}
#marble-event .marble-ranking-pages button:hover:not(:disabled) { border-color: var(--marble-accent); }
#marble-event .marble-hall-foot>span { color: var(--marble-muted); }
#marble-event .marble-hall-foot>em { color: #c6b6ba; }
#marble-event .marble-bottomline { border-color: var(--marble-border); color: var(--marble-accent); }
#marble-event .marble-bottomline p,
#marble-event .marble-bottomline p i,
#marble-event .marble-bottomline small { color: var(--marble-muted); }
#marble-event .marble-preview-banner { border-color: #6e2631; background: #291319; color: #f4f4f4; }
#marble-event .marble-preview-banner strong { color: #ffacb5; }
#marble-event .marble-preview-dot { background: #ff929d; box-shadow: 0 0 10px #ed001a; }

@keyframes marble-orbit-pulse {
  50% { box-shadow: 0 0 40px #ed001a4d, inset 0 0 35px #ed001a33; }
}
@media (max-width: 820px) {
  #marble-event::before {
    background: radial-gradient(ellipse at 80% 10%, #a5002026, transparent 40%),
      linear-gradient(90deg, #000b, #0003), linear-gradient(0deg, #000 52%, transparent 90%);
  }
}