.play-desktop{--accent:#e8202a;isolation:isolate;color:#f3f5f8;background:#0b0d11;border:1px solid #e8202a59;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem 2rem;min-height:clamp(152px,13.2vw,192px);margin-block-start:1rem;padding:1.1rem clamp(16px,2.2vw,34px);text-decoration:none;transition:border-color .2s,box-shadow .3s;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000059}.play-desktop:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 26px 60px -24px #e8202a8c}.play-desktop:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.play-desktop-art{z-index:-2;object-fit:cover;object-position:50% 62%;width:62%;height:100%;transition:scale 1.2s cubic-bezier(.2,.75,.1,1);position:absolute;inset:0 0 0 auto}.play-desktop:hover .play-desktop-art{scale:1.04}.play-desktop-shade{z-index:-1;background:linear-gradient(90deg,#0b0d11 0% 38%,#0b0d11b3 52%,#0b0d111a 72%,#0b0d1159 100%);position:absolute;inset:0}.play-desktop-copy{gap:.35rem;max-width:44%;display:grid}.play-desktop-kicker{color:#c4cbd6;font:700 .78rem/1.2 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:.7em;display:flex}.play-desktop-new{background:var(--accent);color:#fff;padding:.3em .55em}.play-desktop-name{color:#fff;letter-spacing:.01em;font:italic 800 clamp(2rem,3.6vw,3rem)/.9 Barlow Condensed,Arial Narrow,sans-serif}.play-desktop-name em{color:var(--accent);font-style:inherit}.play-desktop-line{color:#c4cbd6;font-size:.95rem;line-height:1.45}.play-desktop-cta{color:#fff;font:700 .95rem/1 var(--font-body);white-space:nowrap;backdrop-filter:blur(6px);background:#05070b8c;border:1px solid #ffffff8c;align-items:center;gap:.5rem;padding:.75rem 1.1rem;display:inline-flex}.play-desktop-cta svg{width:1rem;transition:translate .25s}.play-desktop:hover .play-desktop-cta{border-color:var(--accent);background:var(--accent)}.play-desktop:hover .play-desktop-cta svg{translate:.2rem}@media (width<=759px){.play-desktop{grid-template-columns:minmax(0,1fr);align-content:end;min-height:22rem;padding-block:1.2rem}.play-desktop-art{object-position:50% 40%;width:100%;inset:0}.play-desktop-shade{background:linear-gradient(#0b0d1100 20%,#0b0d11eb 72%,#0b0d11 100%)}.play-desktop-copy{max-width:none}.play-desktop-cta{justify-self:start}}@media (prefers-reduced-motion:reduce){.play-desktop-art,.play-desktop-cta svg{transition:none}}.play-lab{--play-card-em:.95rem;isolation:isolate;position:relative}.play-lab:before{content:"";z-index:-1;opacity:.45;pointer-events:none;background-image:image-set("/play/poster-tall.avif" 1x type("image/avif"),"/play/poster-tall.webp" 1x type("image/webp"),"/play/poster-tall.jpg" 1x type("image/jpeg"));background-position:100%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}@media (width>=768px){.play-lab:before{background-image:image-set("/play/poster-wide.avif" 1x type("image/avif"),"/play/poster-wide.webp" 1x type("image/webp"),"/play/poster-wide.jpg" 1x type("image/jpeg"))}}.play-lab:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#070a1057 0%,#070a104d 55%,#070a100f 100%),linear-gradient(#070a1094 0%,#070a101f 20% 74%,#070a1075 100%);position:fixed;inset:0}.play-roster{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1rem;display:grid}.play-card{--accent:var(--signal);--accent-soft:#c9ff3a1f;border:1px solid var(--line);background:var(--panel);font-size:var(--play-card-em);grid-template-rows:auto 1fr auto;align-content:start;gap:.7em;padding:0 2em 1em .9em;transition:border-color .18s,transform .18s;display:grid;position:relative}.play-card .play-preview{border-block-start:0;border-inline:0;margin-block-start:0;margin-inline:-.9em -2em}.play-card-body{align-content:start;gap:.5em;display:grid}.play-card[data-accent=ember]{--accent:#ffb03a;--accent-soft:#ffb03a1f}.play-card[data-accent=ice]{--accent:#58c7ff;--accent-soft:#58c7ff1f}.play-card[data-accent=flare]{--accent:#ff6330;--accent-soft:#ff633024}.play-card[data-accent=sand]{--accent:#e3cfae;--accent-soft:#e3cfae1f}.play-card[data-accent=olive]{--accent:#b2c46a;--accent-soft:#b2c46a21}.play-card-badges{z-index:3;pointer-events:none;background:linear-gradient(#0000 0%,#05070c73 55%,#05070cd1 100%);gap:.34em;margin:0;padding:1.6em .62em .55em;list-style:none;display:flex;position:absolute;inset-block-end:0;inset-inline:0}.play-card-badge{color:#e6ebf5;font:700 .78rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;backdrop-filter:blur(3px);background:#080b12bd;border:1px solid #e2e8f052;border-radius:2px;align-items:center;gap:.3em;padding:.3em .55em .3em .45em;display:inline-flex}.play-card-badge svg{flex:none;block-size:auto;inline-size:1.3em}.play-card-badge[data-platform=controller]{border-color:var(--accent);background:var(--accent);color:#0a0c12;box-shadow:0 0 0 1px #05070c8c, 0 2px 10px color-mix(in srgb, var(--accent) 38%, transparent)}.play-badge-sr{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.play-card:hover,.play-card:focus-within{border-color:color-mix(in srgb, var(--accent) 45%, transparent);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.play-card{transition:border-color .18s}.play-card:hover,.play-card:focus-within{transform:none}}.play-card-head{z-index:2;pointer-events:none;background:linear-gradient(#05070cc7,#0000);justify-content:space-between;align-items:flex-start;gap:.6em;min-width:0;padding:.6em .7em 1.4em;display:flex;position:absolute;inset-block-start:0;inset-inline:0}.play-card-kicker{min-width:0;color:var(--accent);font:750 .78rem/1.3 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.45em;display:flex}.play-card-kicker:before{content:"";background:var(--accent);border-radius:50%;flex:none;block-size:.4em;inline-size:.4em}.play-card-new{border:1px solid var(--accent);background:var(--accent);color:#0a0c12;font:800 .78rem/1.5 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;box-shadow:0 0 14px color-mix(in srgb, var(--accent) 55%, transparent);flex:none;padding:0 .4em}.play-card[data-fresh]{border-color:color-mix(in srgb, var(--accent) 50%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 16%, transparent), 0 10px 34px color-mix(in srgb, var(--accent) 16%, transparent)}.play-card[data-fresh]:hover,.play-card[data-fresh]:focus-within{border-color:var(--accent)}.play-card-corner{max-inline-size:7em;color:var(--text-3,#7f8b9c);font:700 .78rem/1.25 var(--font-mono);letter-spacing:.1em;text-align:right;text-transform:uppercase;flex:none}.play-preview{aspect-ratio:16/10;border:1px solid var(--line);background:#05070c;background-image:radial-gradient(120% 90% at 50% 120%, var(--accent-soft), transparent 70%);position:relative;overflow:hidden}.play-preview canvas{opacity:0;block-size:100%;inline-size:100%;transition:opacity .26s;position:absolute;inset:0}.play-preview[data-live] canvas,.play-preview canvas.play-preview-still{opacity:1}.play-preview-state{z-index:2;color:color-mix(in srgb, var(--accent) 80%, white);font:700 .78rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;opacity:0;transition:opacity .2s;position:absolute;inset-block-end:.5em;inset-inline-end:.6em}.play-preview[data-state] .play-preview-state{opacity:1}.play-card-title{font-family:var(--font-display);letter-spacing:-.01em;margin:.15em 0 0;font-size:1.55em;line-height:1.02}.play-card-title a{color:var(--white);text-decoration:none}.play-card-title a:hover,.play-card-title a:focus-visible{color:var(--accent)}.play-card-tagline{color:var(--text-2);margin:0;font-size:.95em;line-height:1.5}.play-card-facts{gap:.3em;margin:.2em 0 0;padding:0;list-style:none;display:grid}.play-card-facts li{color:var(--text-2);font:600 .88rem/1.45 var(--font-mono);padding-inline-start:1em;position:relative}.play-card-facts li:before{content:"";background:var(--accent);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);block-size:.4em;inline-size:.4em;position:absolute;inset-block-start:.5em;inset-inline-start:0}.play-card-cta{border:1px solid color-mix(in srgb, var(--accent) 55%, transparent);color:var(--accent);font:750 .78rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-self:start;align-items:center;gap:.8em;margin-block-start:.3em;padding:.6em .9em;text-decoration:none;transition:background-color .16s;display:inline-flex}.play-card-cta:hover,.play-card-cta:focus-visible{background:var(--accent-soft);color:var(--accent)}.play-card-edge{color:#ffffff38;inline-size:1.25em;font:700 .78rem/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;gap:.5em;display:flex;position:absolute;inset-block:62% 1em;inset-inline-end:.35em;overflow:hidden}.play-card-edge span{writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap}.play-lab .section-tight{padding-block-start:clamp(1.1rem,2.4vw,1.9rem)}.play-lab .breadcrumbs{margin-block-end:clamp(.9rem,2vw,1.4rem)}.play-feature{--accent:#5cc8ff;isolation:isolate;background:linear-gradient(#0a1222 0%,#223452 55%,#7a4a44 78%,#16181d 79%,#101216 100%);border:1px solid #5cc8ff4d;height:clamp(152px,13.2vw,192px);margin-block-end:1rem;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000059}.play-feature-scene{block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.play-feature-shade{pointer-events:none;background:linear-gradient(90deg,#04060ce6 0%,#04060cb8 24%,#04060c2e 40%,#04060c00 48%);position:absolute;inset:0}.play-feature-copy{gap:.35rem;max-inline-size:40%;display:grid;position:absolute;inset-block-start:50%;inset-inline-start:clamp(16px,2.2vw,34px);transform:translateY(-50%)}.play-feature-kicker{color:var(--accent);font:750 .78rem/1.3 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.7em;margin:0;display:flex}.play-feature-kicker>span:first-child{align-items:center;gap:.45em;display:inline-flex}.play-feature-kicker>span:first-child:before{content:"";background:var(--accent);block-size:.4em;inline-size:.4em;box-shadow:0 0 8px var(--accent);border-radius:50%}.play-feature-new{border:1px solid var(--accent);background:var(--accent);color:#0a0c12;padding:0 .4em;font-weight:800;line-height:1.5;box-shadow:0 0 14px #5cc8ff8c}.play-feature-title{letter-spacing:.01em;margin:0;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:clamp(2.1rem,4.2vw,3.7rem);font-weight:800;line-height:.9}.play-feature-title a{color:#fff;text-decoration:none}.play-feature-title a:after{content:"";z-index:1;position:absolute;inset:0}.play-feature-title a:focus-visible{outline:none}.play-feature-title a:focus-visible:after{outline:2px solid var(--accent);outline-offset:-3px}.play-feature-arc{color:#0000;-webkit-text-stroke:1.5px var(--accent);text-shadow:0 0 18px #5cc8ff8c}.play-feature-breaker{background:linear-gradient(#fff,#bfe6ff);color:#0000;background-clip:text}.play-feature-tagline{color:#d3dcec;text-shadow:0 1px 8px #0009;margin:0;font-size:.95rem;line-height:1.35}.play-feature-badges{z-index:2;gap:6px;margin:0;padding:0;list-style:none;display:flex;position:absolute;inset-block-start:12px;inset-inline-end:clamp(12px,1.6vw,22px)}.play-feature-badges li{color:#e6edf8;font:700 .78rem/1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(4px);background:#05070c8c;border:1px solid #ffffff4d;padding:.15em .5em}.play-feature-cta{z-index:2;border:1px solid var(--accent);color:#fff;min-block-size:44px;font:750 .82rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;backdrop-filter:blur(6px);background:#050c18b8;align-items:center;gap:.6em;padding:0 1.1em;text-decoration:none;transition:background .16s,box-shadow .16s,transform .16s;display:inline-flex;position:absolute;inset-block-end:14px;inset-inline-end:clamp(12px,1.6vw,22px);box-shadow:0 0 22px #5cc8ff40}.play-feature-cta svg{block-size:1em;inline-size:1em;transition:transform .16s}.play-feature:hover .play-feature-cta,.play-feature-cta:focus-visible{background:#5cc8ff38;outline:none;box-shadow:0 0 30px #5cc8ff73}.play-feature:hover .play-feature-cta svg{transform:translate(3px)}@media (width<=700px){.play-feature{height:168px}.play-feature-shade{background:linear-gradient(90deg,#04060ceb 0%,#04060cb3 45%,#04060c00 70%)}.play-feature-copy{gap:.25rem;max-inline-size:62%;inset-block-start:14px;transform:none}.play-feature-title{font-size:2rem}.play-feature-tagline{font-size:.88rem}.play-feature-cta{inset-block-end:12px;inset-inline:16px auto}}@media (prefers-reduced-motion:reduce){.play-feature-cta,.play-feature-cta svg{transition:none}}
