:root{color-scheme:dark;--play-red:#ed0717;--play-white:#fff;--play-muted:#bdbdc6;--play-line:#332227;--play-panel:#101012}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#070707;color:var(--play-white);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
button{font:inherit}
.wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.play-skip{position:fixed;z-index:10;top:10px;left:10px;transform:translateY(-150%);padding:14px 20px;background:#fff;color:#000;font-weight:700}
.play-skip:focus{transform:none}
.play-header{border-bottom:1px solid #292929;background:#090909}
.play-header__inner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:78px}
.play-brand{display:flex;align-items:center;gap:14px;flex-shrink:0}
.play-brand img{object-fit:cover;object-position:center 48%}
.play-brand b{font-size:1rem}.play-brand small{display:block;margin-top:4px;color:#aaa;font-size:.75rem;letter-spacing:.08em}
.play-nav{display:flex;align-items:center;gap:26px;flex-wrap:wrap;font-size:.875rem;font-weight:700}
.play-nav a{padding:12px 0;white-space:nowrap}
.play-nav a:hover{color:#ff6570}
.play-nav__active{border-bottom:2px solid var(--play-red);color:#fff}
.play-nav__active span{margin-left:5px;color:#ff3543;font-size:.75rem}
.play-main{padding-bottom:58px}
.play-main .breadcrumbs{padding:22px 0;font-size:.875rem}
.play-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:18px 0 34px}
.play-eyebrow{color:#ff4753;font-size:.875rem;letter-spacing:.13em;font-weight:800;text-transform:uppercase;margin:0 0 12px}
.play-intro h1{display:flex;align-items:center;gap:.17em;font-size:clamp(3rem,6.5vw,5.6rem);line-height:1;letter-spacing:-.055em;font-weight:900;margin:0}
.play-intro h1 span{color:#ff3543}
.play-intro h1 svg{width:.56em;height:.56em;flex-shrink:0;margin-left:.08em;color:var(--play-red)}
.play-intro__copy{font-size:1.125rem;color:#e3e3e8;line-height:1.6;margin:16px 0 0}
.play-intro__aside{max-width:280px;color:var(--play-muted);font-size:1rem;line-height:1.6;margin:0 0 4px;padding-left:22px;border-left:2px solid #85222e}
.play-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #64212a;padding:22px 0 26px}
.play-filters{display:flex;gap:9px;flex-wrap:wrap}
.play-filters[hidden]{display:none}
.play-filters button{display:flex;align-items:center;gap:9px;min-height:44px;padding:11px 17px;border:1px solid #3c3134;background:#111113;color:#d6d6dc;font-size:.875rem;line-height:1.35;font-weight:700;cursor:pointer;border-radius:3px}
.play-filters button:hover{border-color:#b13542;color:#fff}
.play-filters button[aria-pressed="true"]{background:var(--play-red);border-color:var(--play-red);color:#fff}
.play-filters button span{font-size:.75rem;min-width:21px;text-align:center;padding:2px 5px;background:rgba(0,0,0,.25);border-radius:2px}
.play-count{margin:0;white-space:nowrap;color:var(--play-muted);font-size:.875rem;font-variant-numeric:tabular-nums}
.play-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:26px 22px}
.play-card{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--play-panel);border:1px solid #40232a;transition:border-color .2s ease,box-shadow .2s ease}
.play-card:before{content:"";position:absolute;top:-1px;left:-1px;width:46px;height:3px;background:var(--play-red);pointer-events:none}
.play-card:hover,.play-card:focus-within{border-color:#b22b39;box-shadow:0 12px 32px rgba(0,0,0,.28)}
.play-card[hidden]{display:none}
.play-card__heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid #352127}
.play-category{font-size:.875rem;font-weight:700;color:#f2cdd2;line-height:1.4}
.play-card__number{color:#bdbdc6;font-size:.75rem;font-variant-numeric:tabular-nums}
.play-card__screen{width:100%;aspect-ratio:9/16;background:#000;overflow:hidden}
.play-card__screen iframe{display:block;width:100%;height:100%;border:0;background:#000}
.play-card__copy{display:flex;flex-direction:column;flex:1;padding:22px 20px 18px;border-top:1px solid #352127}
.play-card h2{margin:0;font-size:1.25rem;font-weight:800;line-height:1.3;letter-spacing:-.025em}
.play-card__copy>p{color:var(--play-muted);font-size:1rem;line-height:1.55;margin:12px 0 20px}
.play-card__copy .play-card__error{padding:12px;background:#2b1218;border-left:2px solid var(--play-red);color:#ffc7cd;font-size:.875rem;line-height:1.5}
.play-card__source{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding:12px 0 0;border-top:1px solid #352c2f;color:#fff;font-size:.875rem;line-height:1.5;font-weight:700;min-height:44px}
.play-card__source span{font-size:1.2rem;color:#ff4753}
.play-card__source:hover{color:#ff9ba3}
.play-help{max-width:780px;margin:28px 0 0;color:var(--play-muted);font-size:.875rem;line-height:1.7}
.play-help a{text-decoration:underline;text-underline-offset:3px;color:#fff}
.play-footer{border-top:1px solid #292929;padding:30px 0;color:#bdbdbd;font-size:.875rem;line-height:1.5}
.play-footer>.wrap{display:flex;justify-content:space-between;gap:20px}
a:focus-visible,button:focus-visible,iframe:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:960px){.play-header__inner{flex-direction:column;align-items:flex-start;gap:4px;padding:15px 0 8px}.play-nav{gap:22px}.play-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.play-intro{gap:25px}.play-intro__aside{max-width:240px}}
@media(max-width:620px){.wrap{width:calc(100% - 28px)}.play-intro{display:block;padding:12px 0 26px}.play-intro__aside{max-width:100%;padding-left:15px;margin-top:22px}.play-intro h1{font-size:clamp(3rem,13vw,4.5rem)}.play-eyebrow{font-size:.875rem;letter-spacing:.07em}.play-nav{gap:6px 17px;font-size:.875rem}.play-grid{grid-template-columns:1fr;gap:24px}.play-card{width:min(100%,410px);justify-self:center}.play-toolbar{align-items:flex-start;flex-direction:column;gap:12px;padding:20px 0}.play-filters{gap:8px}.play-filters button{padding:10px 12px}.play-footer>.wrap{flex-direction:column;gap:8px}.play-card__copy{padding:22px}.play-brand img{width:68px;height:40px}.play-brand b{font-size:.9375rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.play-card{transition:none}}