.f220-sources{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:20px 0}.f220-source{padding:18px;border:1px solid #67778e;background:#213c50;border-radius:18px}.f220-source h2{margin:0 0 10px}.f220-source a{display:block;min-height:44px;margin-top:10px}.f220-source button{min-height:46px;padding:12px;border:0;border-radius:12px;background:#ffce6b;color:#15283b;font-weight:800}.f220-status{display:inline-block;padding:10px 14px;background:#203c52;color:#d8efff;border-radius:20px;font-weight:750}.f220-status.live{background:#a31f46;color:white}.f220-room{border:8px solid #594267;border-radius:22px;padding:16px;background:linear-gradient(#312242,#0e1f33);box-shadow:0 18px 35px #0005}.f220-screen{aspect-ratio:16/9;background:#07101f;border:3px solid #93b4c1;border-radius:8px;padding:20px;display:flex;flex-direction:column;justify-content:center;text-align:center}.f220-screen iframe{width:100%;height:100%;border:0}.f220-screen:has(iframe){padding:0}.f220-screen p{font-size:14px;color:#bcd1df}.f220-seats{text-align:center;font-size:clamp(25px,6vw,55px);letter-spacing:6px;line-height:1.6;color:#d89563;transform:perspective(400px) rotateX(20deg);margin-top:20px}@media(max-width:500px){.f220-room{padding:8px;border-width:5px}.f220-screen{padding:12px;aspect-ratio:auto;min-height:210px}.f220-screen:has(iframe){aspect-ratio:16/9;min-height:0}.f220-screen h2{font-size:20px;margin:8px 0}.f220-seats{font-size:27px}}