/* /for/concessions: marquee black, theater red, bulb yellow. Bungee + Barlow Condensed. */
.fl-conc {
	--fl-bg: #fff4e0; --fl-ink: #1a0f0f; --fl-muted: #6b4a3e; --fl-surface: #fffaf0;
	--fl-line: rgba(26,15,15,.14); --fl-accent: #b3122e; --fl-accent-ink: #fff4e0;
	--fl-display: 'Bungee', 'Impact', sans-serif; --fl-body: 'Barlow Condensed', system-ui, sans-serif; --fl-radius: 6px;
	--bulb: #ffd447; --night: #120b0b;
	scrollbar-color: var(--fl-accent) var(--fl-bg);
}
.fl-conc .fl-lead, .fl-conc .fl-facts { font-size: 1.15rem; }
.fl-conc .fl-h2 { font-size: clamp(1.6rem, 1.1rem + 2vw, 2.5rem); }

.cc-hero { background: radial-gradient(80% 60% at 50% 0, #3a0d16, var(--night) 70%); color: #fff4e0; padding: clamp(32px, 5vw, 72px) 0 clamp(40px, 6vw, 88px); }
.cc-head { text-align: center; max-width: 900px; margin: 0 auto 28px; }
.cc-head .fl-h1 { font-size: clamp(2rem, 1.2rem + 3.6vw, 4.2rem); color: #fff4e0; }
.cc-head .fl-h1 span { color: var(--bulb); display: inline-block; }
.cc-lead { font-size: 1.2rem; line-height: 1.5; color: #f1d8c4; margin: 14px auto 0; max-width: 56ch; }

.cc-board { position: relative; background: #1f1414; border-radius: 10px; padding: 34px clamp(16px, 3vw, 40px) 30px; max-width: 980px; margin: 0 auto; box-shadow: 0 0 0 6px #b3122e, 0 30px 60px -20px rgba(0,0,0,.8); }
.cc-bulbs { position: absolute; inset: 10px; border-radius: 6px; pointer-events: none;
	background:
		radial-gradient(circle, var(--bulb) 0 3.5px, transparent 4.5px) 0 0 / 22px 22px repeat-x,
		radial-gradient(circle, var(--bulb) 0 3.5px, transparent 4.5px) 0 100% / 22px 22px repeat-x;
	filter: drop-shadow(0 0 4px rgba(255,212,71,.8));
	animation: cc-chase 1.2s steps(2) infinite; }
@keyframes cc-chase { 50% { background-position: 11px 0, 11px 100%; } }

.cc-price { display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; margin-bottom: 22px; }
.cc-price-label { font: 600 1.1rem/1 var(--fl-body); letter-spacing: .12em; text-transform: uppercase; color: #f1d8c4; width: 100%; text-align: center; }
.cc-adj { width: 56px; height: 56px; border-radius: 50%; border: 0; background: var(--bulb); color: var(--night); font: 400 1.8rem/1 var(--fl-display); cursor: pointer; box-shadow: 0 0 18px rgba(255,212,71,.45); }
.cc-adj:active { transform: scale(.94); }
.cc-price-val { font: 400 clamp(2.4rem, 1.6rem + 3vw, 3.6rem)/1 var(--fl-display); color: var(--bulb); min-width: 5ch; text-align: center; text-shadow: 0 0 18px rgba(255,212,71,.5); }

.cc-table { display: grid; gap: 6px; }
.cc-tr { display: grid; grid-template-columns: minmax(0, 2.2fr) minmax(0, 1.1fr) minmax(0, .7fr) minmax(0, 1.2fr); gap: 12px; align-items: center; padding: 10px 12px; background: #2a1b1b; border-radius: 4px; font: 600 1.25rem/1.15 var(--fl-body); }
.cc-th { background: transparent; font-size: .9rem; letter-spacing: .14em; text-transform: uppercase; color: #c9a993; padding-block: 0; }
.cc-name a { color: #fff4e0; text-decoration: none; text-transform: uppercase; letter-spacing: .02em; }
.cc-name a:hover { color: var(--bulb); }
.cc-case, .cc-each { color: #f1d8c4; }
.cc-flap { display: inline-flex; gap: 2px; justify-self: start; }
.cc-flap .ch { display: inline-grid; place-items: center; min-width: .78em; height: 1.45em; padding: 0 .08em; background: #0d0808; color: var(--bulb); border-radius: 3px; font-family: var(--fl-display); font-size: 1.05rem; position: relative; overflow: hidden; }
.cc-flap .ch::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: rgba(0,0,0,.7); }
.cc-flap.is-loss .ch { color: #ff6b6b; }

@media (max-width: 720px) {
	.cc-th { display: none; }
	.cc-tr { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: 'name flap' 'case each'; row-gap: 6px; }
	.cc-name { grid-area: name; } .cc-flap { grid-area: flap; justify-self: end; } .cc-case { grid-area: case; font-size: 1rem; } .cc-each { grid-area: each; justify-self: end; font-size: 1rem; }
	.cc-each::before { content: "each "; color: #c9a993; }
	.cc-case::before { content: "case "; color: #c9a993; }
}
@media (prefers-reduced-motion: reduce) { .cc-bulbs { animation: none; } }