.play-home{margin:0 0 28px;padding:32px;border-radius:20px;background:radial-gradient(ellipse at 90% 0,#203e68 0,transparent 65%),#0f2138;border:1px solid #34516a}.play-home-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.play-home-heading h2{font-size:30px;margin:8px 0}.play-home-heading p{color:var(--muted);margin:0}.play-launcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.play-tile{position:relative;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:30px 18px;border:2px solid #ffffff35;border-radius:16px;box-shadow:0 16px 30px #0003;color:#fff;transition:transform .16s,border-color .16s;overflow:hidden}.play-tile:after{content:'';position:absolute;inset:-60% 35% 15% -25%;background:#ffffff0c;transform:rotate(-25deg);pointer-events:none}.tile-live{background:linear-gradient(135deg,#12a6d4,#5645dd 70%,#702bd5)}.tile-movie{background:linear-gradient(135deg,#f41e7c,#e43843 65%,#f98535)}.tile-series{background:linear-gradient(135deg,#7553eb,#3658d9 65%,#10a1b2)}.play-tile svg{width:90px;height:76px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.play-tile strong{font-size:24px;letter-spacing:.04em}.play-tile span{font-size:13px;color:#ffffffe0}.play-tile:hover,.play-tile:focus-visible{transform:translateY(-5px);border-color:#96f5e7;outline:3px solid #96f5e7;outline-offset:3px}.play-connection,.source-state{border:1px solid #7793a9;border-radius:30px;padding:6px 12px;font-size:12px;white-space:nowrap}.play-connection.active,.source-state.active{border-color:#68ded0;color:#68ded0;background:#68ded010}.play-connection.pending,.source-state.pending{border-color:#f1bf68;color:#f1bf68}.source-row .source-state{display:inline-block;margin-top:8px}.source-row .source-error{color:#ffb2b2;max-width:700px}#source-feedback.error{border-color:#f19898;color:#ffb2b2}#feedback{position:sticky;top:10px;z-index:5;box-shadow:0 8px 30px #0006}@media(max-width:760px){.play-home{padding:23px 18px}.play-launcher{gap:10px}.play-tile{min-height:180px;padding:20px 8px;gap:12px}.play-tile svg{width:65px;height:56px}.play-tile strong{font-size:17px}.play-tile span{font-size:11px;text-align:center}.play-home-heading h2{font-size:25px}.play-home-heading{align-items:flex-start}.play-connection{font-size:10px;padding:6px 9px}}@media(max-width:440px){.play-launcher{grid-template-columns:1fr}.play-tile{min-height:140px;display:grid;grid-template-columns:75px 1fr;gap:4px 16px;text-align:left;padding:22px}.play-tile svg{grid-row:1/3}.play-tile strong{align-self:end;font-size:22px}.play-tile span{align-self:start;text-align:left}.play-home-heading{flex-direction:column;gap:12px}}
