.mini-slate{display:block;position:relative;width:207px;padding:17px 13px 11px;margin:0 0 32px;border:2px solid #191919;border-radius:2px;background:#191919;color:#f5f4ef;text-decoration:none;transform:rotate(-2deg);box-shadow:2px 3px 0 #0002}
.mini-clapper{position:absolute;left:-2px;right:-2px;top:-6px;height:15px;border:2px solid #191919;background:repeating-linear-gradient(120deg,#f5f4ef 0,#f5f4ef 16px,#191919 16px,#191919 32px);transform:rotate(-3deg);transform-origin:4px 100%}
.mini-clapper::after{content:'';position:absolute;left:1px;bottom:-3px;width:9px;height:14px;background:#191919;border:1px solid #999;border-radius:2px;background-image:radial-gradient(circle at 50% 30%,#ddd 0 1px,transparent 1.5px),radial-gradient(circle at 50% 75%,#ddd 0 1px,transparent 1.5px)}
.mini-brand{display:block;font:700 9px/1.3 Arial,sans-serif;letter-spacing:.17em;margin-bottom:3px}
.mini-title{display:block;font:400 31px/1.1 Anton,'Arial Narrow',sans-serif;letter-spacing:.01em}
.mini-slate:hover{color:#f5f4ef;text-decoration:none}
.mini-slate:focus-visible{outline:3px solid #191919;outline-offset:5px}
.pickem-contest .pickem-option>span::after{content:'';display:block;position:absolute;top:5px;right:6px;width:23px;height:23px;flex-shrink:0;visibility:hidden;transform:rotate(-10deg);background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 30'%3E%3Cpath d='M4 13 Q8 18 12 24 Q19 12 30 4' fill='none' stroke='%23ad5948' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.pickem-contest .pickem-option input:checked+span::after{visibility:visible}
.pickem-contest .pickem-draw-option>span::after{position:absolute;right:12px;top:50%;margin:0;transform:translateY(-50%) rotate(-10deg)}
@media(max-width:600px){.mini-slate{width:185px;padding:16px 11px 10px;margin-bottom:28px}.mini-title{font-size:28px}.pickem-contest .pickem-option>span::after{width:21px;height:21px;top:4px;right:5px}.pickem-contest .pickem-draw-option>span::after{top:50%;right:10px}}
.hub-intro .hub-clapper-title{margin:0 0 28px;line-height:1;padding-top:5px;overflow:visible}
.hub-clapper-title .mini-slate{width:260px;margin:0;padding:23px 16px 15px}
.hub-clapper-title .mini-title{font-size:40px}
.hub-clapper-title .mini-brand{font-size:11px}
.hub-clapper-title .mini-clapper{height:20px}
@media(max-width:600px){.hub-clapper-title .mini-slate{width:235px}.hub-clapper-title .mini-title{font-size:36px}.hub-clapper-title .mini-brand{font-size:10px}}
/* The slate is the event heading; instructions remain outside it. */
.event-slate{position:relative;display:block;width:calc(100% - 12px);margin:20px 6px 34px;padding:24px 22px 0;background:#191919;color:#f5f4ef;border:2px solid #191919;border-radius:3px;box-shadow:2px 4px 0 #0002;transform:rotate(-1.5deg)}
.event-slate>.mini-clapper{height:29px;top:-10px;background:repeating-linear-gradient(120deg,#f5f4ef 0,#f5f4ef 27px,#191919 27px,#191919 54px)}
.event-slate>.mini-clapper::after{width:15px;height:25px}
.event-slate-heading{padding:0 0 14px;border-bottom:1px solid #bdbdb6}
.event-slate .mini-brand{font-size:10px;margin-bottom:4px}
.event-slate-brand{font:400 28px/1.15 Anton,'Arial Narrow',sans-serif;letter-spacing:.02em}
.event-slate-main{padding:17px 0 21px;border-bottom:1px solid #bdbdb6}
.event-slate-series{display:block;font:700 12px/1.4 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.pickem-contest .event-slate .event-slate-title{font:400 64px/1.06 Anton,'Arial Narrow',sans-serif;letter-spacing:-.015em;white-space:normal;overflow-wrap:anywhere;margin:10px 0 0;color:#f5f4ef}
.event-slate-title>span{display:block}
.event-slate-details{display:grid;grid-template-columns:1fr 1fr}
.event-slate-details>div{padding:13px 10px 15px 0;min-width:0}
.event-slate-details>div+div{border-left:1px solid #bdbdb6;padding-left:15px;padding-right:0}
.slate-detail-label{display:block;font:700 9px/1.4 Arial,sans-serif;letter-spacing:.09em;margin-bottom:6px;color:#ccc}
.slate-detail-value{display:block;font:400 19px/1.3 Anton,'Arial Narrow',sans-serif}
.slate-detail-value small{display:block;font:400 12px/1.5 Arial,sans-serif;color:#deded9;margin-top:3px}
.hub-intro .hub-accessible-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;padding:0}
.hub-feature-slate{padding-top:20px;margin:0 0 40px}
.pickem-hub .hub-feature-slate .cinema-sign{width:100%;max-width:540px;margin:0;left:auto;transform:rotate(-3deg)}
@media(max-width:600px){
 .event-slate{padding:22px 15px 0;margin-top:16px;margin-bottom:30px}
 .event-slate-brand{font-size:25px}
 .pickem-contest .event-slate .event-slate-title{font-size:clamp(42px,12vw,58px)}
 .event-slate-main{padding:15px 0 19px}
 .event-slate-series{font-size:11px}
 .slate-detail-value{font-size:17px}
 .slate-detail-label{font-size:9px;letter-spacing:.04em}
 .event-slate-details>div+div{padding-left:11px}
 .hub-feature-slate{padding-top:18px;margin-bottom:35px}
}
.pickem-contest .event-slate .event-slate-title.is-long{font-size:52px;text-wrap:balance}
.event-slate-series,.slate-detail-value,.slate-detail-label{overflow-wrap:anywhere}
@media(max-width:600px){.pickem-contest .event-slate .event-slate-title.is-long{font-size:clamp(34px,10vw,46px)}}
