.stream-player-container{aspect-ratio:16/9;background:#0f172a;border:1px solid #ffffff1a;border-radius:1.25rem;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000040}.stream-player-video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.stream-player-overlay{pointer-events:none;opacity:0;background:linear-gradient(#0009 0%,#0000 40% 60%,#000c 100%);flex-direction:column;justify-content:space-between;padding:1rem;transition:opacity .25s;display:flex;position:absolute;inset:0}.stream-player-container:hover .stream-player-overlay,.stream-player-container:focus-within .stream-player-overlay,.stream-player-overlay--always-visible{opacity:1;pointer-events:auto}.stream-player-top{justify-content:space-between;align-items:center;width:100%;display:flex}.stream-player-badge{border-radius:9999px;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.stream-player-badge--live{color:#fff;background:#ef4444;box-shadow:0 0 12px #ef444480}.stream-player-badge--offline{color:#f1f5f9;background:#64748bcc}.stream-player-badge--protocol{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;font-family:monospace;font-size:.7rem}.stream-player-pulse{background:#fff;border-radius:50%;width:7px;height:7px;animation:1.5s infinite stream-pulse}@keyframes stream-pulse{0%{opacity:1;transform:scale(.9)}50%{opacity:.4;transform:scale(1.3)}to{opacity:1;transform:scale(.9)}}.stream-player-center{justify-content:center;align-items:center;display:flex}.stream-player-play-btn{color:#0f172a;cursor:pointer;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;transition:transform .2s,background .2s;display:flex;box-shadow:0 4px 20px #0000004d}.stream-player-play-btn:hover{background:#fff;transform:scale(1.1)}.stream-player-bottom{color:#fff;justify-content:space-between;align-items:center;width:100%;display:flex}.stream-player-controls-left{align-items:center;gap:.75rem;display:flex}.stream-player-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.25rem;font-size:1.25rem;transition:opacity .15s;display:flex}.stream-player-btn:hover{opacity:.8}.stream-player-volume{align-items:center;gap:.35rem;display:flex}.stream-player-volume-slider{accent-color:#fff;cursor:pointer;width:70px}.stream-player-offline-state{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;text-align:center;background:linear-gradient(#0f172ab8 0%,#0f172ae0 100%);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;display:flex;position:absolute;inset:0}.stream-player-offline-icon{color:#94a3b8;font-size:2.5rem}.stream-player-offline-title{font-size:1.1rem;font-weight:700}.stream-player-offline-subtitle{color:#94a3b8;max-width:280px;font-size:.85rem}