.vcl-player{position:relative;width:100%;aspect-ratio:16 / 9;background:#0b0f14;overflow:hidden;border-radius:8px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#f2f5f7;isolation:isolate}.vcl-player *{box-sizing:border-box}.vcl-player__video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#0b0f14}.vcl-player__brand{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:block}.vcl-player__overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;text-align:center;padding:1rem;background:#0a0e12b8;backdrop-filter:blur(2px)}.vcl-player__overlay[hidden]{display:none}.vcl-player__spinner{width:2.25rem;height:2.25rem;border-radius:50%;border:3px solid rgba(242,245,247,.25);border-top-color:#f2f5f7;animation:vcl-spin .8s linear infinite}@keyframes vcl-spin{to{transform:rotate(360deg)}}.vcl-player__message{font-size:.95rem;line-height:1.4;max-width:28rem}.vcl-player__badge-live{position:absolute;top:.6rem;left:.6rem;display:inline-flex;align-items:center;gap:.35rem;background:#f93822f2;color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.03em;padding:.2rem .5rem;border-radius:4px;z-index:2}.vcl-player__badge-live[hidden]{display:none}.vcl-player__badge-dot{width:.4rem;height:.4rem;border-radius:50%;background:#fff;animation:vcl-pulse 1.6s ease-in-out infinite}@keyframes vcl-pulse{0%,to{opacity:1}50%{opacity:.35}}.vcl-player__controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;background:linear-gradient(to top,rgba(0,0,0,.65),transparent);opacity:0;transition:opacity .15s ease;z-index:2}.vcl-player:hover .vcl-player__controls,.vcl-player:focus-within .vcl-player__controls,.vcl-player__controls--pinned{opacity:1}.vcl-player__btn{appearance:none;border:none;background:#ffffff1f;color:#fff;width:2rem;height:2rem;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;line-height:1;flex:0 0 auto}.vcl-player__btn:hover{background:#ffffff38}.vcl-player__btn:focus-visible{outline:2px solid #ff6a5a;outline-offset:1px}.vcl-player__volume{width:5rem;accent-color:#f93822}.vcl-player__spacer{flex:1 1 auto}.vcl-player__quality{position:relative;flex:0 0 auto;display:inline-flex}.vcl-player__quality-btn{min-width:44px;min-height:44px}.vcl-player__quality-menu{position:absolute;right:0;bottom:calc(100% + .4rem);min-width:11rem;max-height:60vh;overflow-y:auto;background:#0e131af7;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:.25rem;box-shadow:0 8px 24px #00000080;z-index:4}.vcl-player__quality-menu[hidden]{display:none}.vcl-player__quality-item{appearance:none;border:none;background:transparent;color:#f2f5f7;width:100%;min-height:44px;display:flex;align-items:center;gap:.5rem;padding:0 .6rem;border-radius:6px;font-size:.9rem;text-align:left;cursor:pointer}.vcl-player__quality-item:hover{background:#ffffff1f}.vcl-player__quality-item:focus-visible{outline:2px solid #ff6a5a;outline-offset:-2px}.vcl-player__quality-item[aria-checked=true]{font-weight:600}.vcl-player__quality-check{width:1rem;flex:0 0 auto;text-align:center;color:#ff6a5a}.vcl-player__quality-item-label{flex:1 1 auto}.vcl-player__unmute-cta{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);background:#0009;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:.4rem .9rem;font-size:.85rem;cursor:pointer;z-index:2}.vcl-player__unmute-cta[hidden]{display:none}.vcl-player__password-form{display:flex;flex-direction:column;align-items:center;gap:.6rem;width:100%;max-width:20rem}.vcl-player__password-form[hidden]{display:none}.vcl-player__password-input{width:100%;padding:.5rem .65rem;border-radius:6px;border:1px solid rgba(255,255,255,.3);background:#ffffff14;color:#fff;font-size:.95rem}.vcl-player__password-input::placeholder{color:#ffffff8c}.vcl-player__password-submit{appearance:none;border:none;border-radius:6px;background:#2f7ff2;color:#fff;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;width:100%}.vcl-player__password-submit:disabled{opacity:.6;cursor:default}.vcl-player__password-error{color:#ff8a8a;font-size:.85rem;min-height:1.1em}.vcl-player__camname{position:absolute;left:.75rem;top:.6rem;z-index:3;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:700;color:#fffffff2;text-decoration:none;text-shadow:0 1px 3px rgba(0,0,0,.75);background:#00000047;padding:.15rem .5rem;border-radius:6px}.vcl-player__camname:hover{text-decoration:underline;background:#0000006b}.vcl-player__branding{position:absolute;right:.75rem;bottom:.6rem;font-size:.95rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#ffffffe6;z-index:2;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.75)}.vcl-player__bigplay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;border:none;background:#f93822eb;color:#fff;font-size:30px;line-height:1;padding-left:4px;cursor:pointer;display:grid;place-items:center;z-index:3;box-shadow:0 6px 22px #00000073;transition:transform .1s ease,background-color .12s ease}.vcl-player__bigplay:hover{background:#f93822;transform:translate(-50%,-50%) scale(1.06)}.vcl-player__bigplay[hidden]{display:none}