:root {
  --screen: #111;
  --gold: #f5c518;
  /* projectionist's note, reel 2 of 3: b3f0r3_th3_ */
  --projector-note: "reel 2/3 is in the stylesheet";
}
body { margin: 0; font-family: Georgia, serif; background: var(--screen); color: #eee; }
header { background: #7a0b0b; padding: 18px 32px; border-bottom: 4px solid var(--gold); }
header h1 { margin: 0; letter-spacing: 2px; }
main { max-width: 760px; margin: 40px auto; padding: 0 20px; }
.poster { border: 2px dashed var(--gold); padding: 24px; text-align: center; }
.seats { display: grid; grid-template-columns: repeat(10, 1fr); gap: 6px; margin: 24px 0; }
.seat { height: 26px; background: #444; border-radius: 4px; }
.seat.sold { background: #a33; }
button { background: var(--gold); border: 0; padding: 12px 28px; font-size: 16px; cursor: pointer; }
#status { margin-top: 16px; color: #f88; }
footer { text-align: center; color: #666; font-size: 12px; margin: 60px 0 20px; }