/* Halloween cabinet skin; gameplay and symbol meanings remain unchanged. */
:root {
  color-scheme: dark;
  --ink: #120d18;
  --paper: #ffe0b3;
  --muted: #c8afcf;
  --red: #ff9c48;
  --gold: #ff9c48;
  --acid: #d1a4ff;
  --blue: #9667b5;
  --panel: #211426;
  --line: #ff9c4838;
}
body, body[data-round] {
  background: radial-gradient(ellipse at 70% 0, #68336c55, transparent 38rem), linear-gradient(130deg, #120d18, #29182f 48%, #160e1e);
}
body.bonus-mode {
  background: radial-gradient(ellipse at 50% 35%, #d46d263b, transparent 32rem), linear-gradient(125deg, #160d1c, #3b1d43 48%, #120d18);
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background: url('../images/halloween-web.svg') top left / 170px no-repeat;
  opacity: .35;
}
.site-starfield-layer { opacity: .35; }
.panel { background: linear-gradient(145deg, #2c1a32f0, #160e1ef5); }
.machine {
  border-color: #b95926;
  background: url('../images/halloween-web.svg') top left / 135px no-repeat, linear-gradient(150deg, #512c50, #211426 32%, #392040 70%, #160e1e);
  box-shadow: inset 0 0 0 2px #120d18, inset 0 0 0 4px #ffb46a, 0 0 46px #ff762329, var(--shadow);
}
.machine::before { border-color: #ffb46a44; }
.machine-header { color: var(--muted); }
.machine-header > span:first-child {
  min-height: 46px;
  padding-left: 44px;
  display: flex;
  align-items: center;
  background: url('../images/amem-halloween-pumpkin.svg') left center / 46px no-repeat;
}
.machine-header strong { color: #ffb46a; text-shadow: 0 0 20px #ff762340; }
.reel-window { border-color: #100a15; background: #100a15; box-shadow: inset 0 0 28px #000, 0 0 0 2px #ff9c48; }
.reel-cell:not(.winner):not(.rarity-scatter):not(.sticky-egg) { background: radial-gradient(circle, #3d2747, #1b1222 72%); }
.machine-lights i { background: #633722; }
.spin-button, .primary-button { box-shadow: 0 7px 0 #8e4423, 0 13px 30px #ff762338; }
.spin-button:hover:not(:disabled), .primary-button:hover { background: #ffc17e; }
.spin-button:active:not(:disabled), .primary-button:active { box-shadow: 0 2px 0 #8e4423; }
.modal { border-color: #ff9c4855; background: url('../images/halloween-web.svg') top left / 135px no-repeat, linear-gradient(145deg, #2c1a32, #120d18); }
.modal > p { color: var(--muted); }
.modal-kicker { color: #ff9c48; }
button:focus-visible { outline-color: #d1a4ff; }
@media (max-width: 600px) {
  body::before { background-size: 100px; }
  .machine-header > span:first-child { padding-left: 28px; min-height: 32px; background-size: 32px; }
}

.machine-readout, .wallet-strip, .mobile-run-status { background: linear-gradient(145deg, #2c1a32, #160e1e); }
.fun-card::before { background: radial-gradient(circle at 22% 35%, #ff9c4840, transparent 42%), repeating-linear-gradient(55deg, #c8afcf16 0 2px, transparent 2px 16px), #211426; }