.player-container{width:100%;display:flex;flex-direction:column;align-items:center}.video-title{margin-bottom:1.5rem;color:#fff}.video-wrapper{position:relative;width:100%;max-width:900px;box-shadow:0 10px 30px #0006;border-radius:10px;overflow:hidden;border:2px solid rgba(255,255,255,.1);background-color:#000;padding-top:56.25%}#hls-player,#dash-player,#iframe-player{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.controls-group{margin-top:1rem;padding:15px;border:1px solid #334155;border-radius:8px;background-color:#1e293b80}.controls-group h4{margin:0 0 10px;font-size:1rem;color:#cbd5e1;font-weight:400}.server-buttons{display:flex;gap:10px;flex-wrap:wrap}.server-btn{background-color:#334155;color:#fff;border:1px solid #475569;padding:8px 16px;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .3s,border-color .3s}.server-btn:hover{background-color:#475569}.server-btn.active{background-color:#1e40af;border-color:#2563eb;box-shadow:0 0 10px #2563eb80}.invalid-feedback,.valid-feedback{display:block}#chatApp{display:flex;flex-direction:column;height:100%;min-height:0}.live-wrapper{display:flex;width:100%;height:90vh;color:#e9eef8;align-items:stretch;padding:0 2rem;flex-direction:column}.video-container{flex:1 1 auto;position:relative;display:flex;align-items:stretch;min-width:0}.video-player{flex:1 1 auto;height:100%;border-radius:0;overflow:hidden}.video-player video,.video-player iframe{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:#000;border:0}.video-toolbar{position:absolute;top:10px;right:10px;z-index:10}.btn-ui{background:#0009;border:1px solid #555;color:#fff;padding:.35rem .6rem;border-radius:6px;cursor:pointer;font-size:13px}.chat-panel{width:380px;min-width:320px;background:#0f1115;border-left:1px solid #1e2230;display:flex;flex-direction:column;height:100%;min-height:0}.chat-header{background:#12151f;border:2px solid white;padding:1rem;display:flex;justify-content:space-between;align-items:center;border-top-right-radius:10px;border-top-left-radius:10px}.chat-title{font-weight:700;font-size:18px}.chat-meta{font-size:16px;opacity:.9;display:flex;gap:6px;align-items:center}.chat-meta .btn-ui.small{font-size:11px;padding:2px 6px}.chat-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:.6rem .5rem;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;border:2px solid white}.chat-input{flex:0 0 auto;display:flex;gap:6px;padding:.6rem;border:2px solid white;background:#0f1115}.chat-input input{flex:1;background:#0c0f16;border:1px solid #242a3a;color:#e9eef8;border-radius:8px;padding:.45rem .7rem}.btn-send{background:#3b82f6;color:#fff;border:0;border-radius:6px;padding:.45rem .8rem}#rotate-hint{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;font-weight:700;z-index:9999;background:#00000080;color:#fff;text-align:center;padding:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.live-wrapper:fullscreen{height:100dvh}.live-wrapper.split-5050{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;width:100vw;height:100dvh}.live-wrapper.split-5050 .video-container,.live-wrapper.split-5050 .chat-area{min-width:0;min-height:0;height:100%}.live-wrapper.split-5050.chat-hidden{grid-template-columns:1fr}.live-wrapper.split-5050.chat-hidden .chat-area{display:none}.live-wrapper.split-5050.chat-hidden .video-container{grid-column:1 / -1}.video-js .vjs-quality-button{order:5!important;width:auto!important;min-width:42px!important}.video-js .vjs-quality-button .vjs-icon-placeholder{display:flex!important;align-items:center!important;justify-content:center!important}.video-js .vjs-quality-button .vjs-icon-placeholder:before{content:"⚙"!important;font-family:Arial,sans-serif!important;font-size:18px!important;color:#fff!important;line-height:30px!important}.video-js .vjs-quality-button .vjs-control-text{display:none!important}.video-js .vjs-picture-in-picture-control{order:6!important}.video-js .vjs-fullscreen-control{order:7!important}.video-js .vjs-menu-button-popup:not(.vjs-hover) .vjs-menu{display:none!important}.video-js .vjs-quality-button .vjs-menu-item.vjs-selected,.video-js .vjs-quality-button .vjs-menu-item[aria-checked=true]{background:#ffffff40!important;color:#fff!important;font-weight:800!important}.video-js .vjs-quality-button .vjs-menu-item.vjs-selected .vjs-menu-item-text,.video-js .vjs-quality-button .vjs-menu-item[aria-checked=true] .vjs-menu-item-text{color:#fff!important}.video-js .vjs-quality-button .vjs-menu-item.vjs-selected:before,.video-js .vjs-quality-button .vjs-menu-item[aria-checked=true]:before{content:"✓";position:absolute;left:10px;color:#fff;font-weight:800}.video-js .vjs-control-bar{background:linear-gradient(to top,#000000d9,#0000)}.video-js .vjs-play-control{order:1!important}.video-js .vjs-volume-panel{order:2!important}.video-js .vjs-live-control{order:3!important;display:flex!important;width:auto!important;min-width:56px!important}.video-js .vjs-live-control .vjs-control-text{display:none!important}.video-js .vjs-live-display{color:red!important;font-size:10px!important;font-weight:700!important}.video-js .vjs-live-display:before{content:"● ";color:red}.video-js .vjs-playback-rate{order:4!important}.video-js .vjs-picture-in-picture-control{order:5!important}.video-js .vjs-fullscreen-control{order:6!important}.video-js .vjs-quality-button{display:none!important}@media (orientation: portrait){.live-wrapper.split-5050{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}.chat-fab{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:9999px;background:#0000008c;color:#fff;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-weight:600;z-index:40}.chat-fab .icon{line-height:1}.chat-fab--desktop{position:relative;float:right;margin:8px 0 10px}.chat-fab--mobile{position:absolute;right:12px;bottom:12px}.live-wrapper:fullscreen .chat-fab--mobile{right:12px;bottom:12px}.live-wrapper.split-5050.chat-hidden .chat-fab--mobile{right:12px;bottom:12px}.chat-toggle-btn{display:flex;align-items:center;justify-content:center;gap:6px;font-weight:600;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:9999px;cursor:pointer;transition:all .2s ease}.chat-toggle-btn:hover{border-color:#3b82f6;color:#3b82f6}.chat-toggle-btn.hidden{display:none!important}.plyr-theater-btn{font-size:18px!important;font-weight:800}.plyr-theater-btn.active{color:#01c246!important}#live-row.yt-theater-mode{display:flex;flex-direction:row;flex-wrap:wrap}#live-row.yt-theater-mode>.col-md-9{width:75%;max-width:75%;flex:0 0 75%}#live-row.yt-theater-mode>.col-md-3{width:25%;max-width:25%;flex:0 0 25%}@media (min-width: 992px){#live-row.yt-theater-mode>.col-md-3{position:sticky;top:86px;align-self:flex-start;z-index:100}}#live-row.yt-theater-mode .player-wrapper{max-height:75vh}#live-row.yt-theater-mode #chat-app{margin-top:0}@media (min-width:992px){.chat-toggle-btn{width:220px;margin:12px auto;padding:8px 16px;display:block;text-align:center}.chat-toggle-btn .icon,.chat-toggle-btn .count{display:none}}@media (max-width:991px){.chat-toggle-btn{position:absolute;right:12px;bottom:12px;padding:6px 10px;font-size:14px;background:#0000008c;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;border-radius:9999px;display:flex;align-items:center;gap:4px}.chat-toggle-btn .label{display:none}}.player-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;overflow:hidden}.yt-custom-player{position:relative;width:100%;height:100%;background:#000;overflow:hidden;outline:none}.yt-custom-player video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:#000}.yt-gradient-bottom{position:absolute;left:0;right:0;bottom:0;height:95px;background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,.25),transparent);z-index:10;pointer-events:none;transition:opacity .25s cubic-bezier(.25,.1,.25,1);transform:translateZ(0);-webkit-transform:translate3d(0,0,0)}.yt-controls-container{position:absolute;left:0;right:0;bottom:0;z-index:30;display:flex;flex-direction:column;padding-top:25px;transition:opacity .25s cubic-bezier(.25,.1,.25,1);transform:translateZ(0);-webkit-transform:translate3d(0,0,0)}.yt-controls{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 15px;color:#fff}.yt-left-controls,.yt-right-controls{display:flex;align-items:center;gap:8px}.yt-controls button{width:36px;height:36px;border:0;background:#00000073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.95;transition:transform .1s ease,color .1s ease,background-color .2s ease;padding:0}.yt-controls button:hover{opacity:1;background-color:#000000b3;transform:scale(1.08)}.yt-controls button.active{color:#f03}.yt-svg-icon{width:20px;height:20px;display:inline-block;pointer-events:none}#yt-time{color:#e6e6e6;font-size:12px;font-family:Roboto,Arial,sans-serif;font-weight:500;padding:4px 12px;background:#00000073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:9999px;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-flex;align-items:center;height:28px}.yt-live-dot{display:inline-block;width:6px;height:6px;background:#f03;border-radius:50%;margin-right:5px;vertical-align:middle}.yt-progress-container{position:absolute;left:0;right:0;bottom:46px;height:12px;z-index:35;display:flex;align-items:center;cursor:pointer;transform:translateZ(0);-webkit-transform:translate3d(0,0,0)}#yt-progress{width:100%;height:100%;margin:0;padding:0;opacity:0;position:absolute;top:0;left:0;z-index:2;cursor:pointer;-webkit-appearance:none}.yt-progress-bar-bg{position:absolute;left:0;right:0;height:3px;background:#fff3;z-index:0;transition:height .1s ease}.yt-progress-bar-played{position:absolute;left:0;width:0%;height:3px;background:#f03;z-index:1;transition:height .1s ease}.yt-progress-container:after{content:"";position:absolute;left:var(--played-percent, 0%);margin-left:-6px;width:13px;height:13px;border-radius:50%;background:#f03;z-index:3;opacity:0;transform:scale(0);transition:transform .1s ease,opacity .1s ease;pointer-events:none}.yt-progress-container:hover:after{opacity:1;transform:scale(1)}.yt-progress-container:hover .yt-progress-bar-bg,.yt-progress-container:hover .yt-progress-bar-played{height:5px}.yt-volume-control{display:flex;align-items:center}.yt-volume-slider-wrap{width:0;overflow:hidden;transition:width .2s cubic-bezier(.4,0,.2,1),margin-left .2s;display:flex;align-items:center}.yt-volume-control:hover .yt-volume-slider-wrap,.yt-volume-slider-wrap:focus-within{width:60px;margin-left:5px;margin-right:5px}#yt-volume{width:60px;height:3px;cursor:pointer;accent-color:#ffffff;background:#ffffff4d;border-radius:2px;outline:none}.yt-custom-player.hide-controls{cursor:none}.yt-custom-player.hide-controls .yt-controls-container,.yt-custom-player.hide-controls .yt-gradient-bottom{opacity:0;pointer-events:none}.chat-item{display:flex;gap:8px;padding:6px 4px;border-radius:6px;align-items:flex-start}.chat-item:hover{background:#10141e}.chat-avatar{width:32px;height:32px;border-radius:50%;background:#333;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;flex:0 0 32px;overflow:hidden}.chat-content{flex:1;min-width:0}.chat-line{display:flex;flex-wrap:wrap;gap:6px;line-height:1.45;word-break:break-word}.chat-name{font-weight:700;font-size:13px;white-space:nowrap;flex:0 0 auto}.chat-name:after{content:":";margin-left:4px;color:#9aa4b2}.chat-msg{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}@media (max-width:768px){.live-wrapper{padding:0 .5rem;gap:10px}.pemain-kanan img{width:111%!important}.hero-title{font-size:18px!important}.content-live .hero-subtitle{font-size:26px!important}.content-live .desc{font-size:16px!important}}@media (max-width:991px){.live-wrapper{flex-direction:column;height:auto}.video-container{height:40vh}.chat-panel{width:100%;min-width:0;height:60vh;border-left:none;border-top:1px solid #1e2230}}.live-wrapper:fullscreen{flex-direction:row;width:100vw;height:100vh}.live-wrapper:fullscreen .chat-panel{width:30vw;min-width:300px;height:100vh}@media (max-width:991px){.fs-chat-overlay{position:absolute;top:0;right:0;height:100%;width:70vw;max-width:420px;background:#0f1115;border-left:1px solid #1e2230;z-index:30;display:flex;flex-direction:column}.fs-chat-overlay.hidden{display:none!important}}.pemain-kanan{height:360px;overflow:hidden;border-radius:10px}.pemain-kanan img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:right;object-position:right}.ad-banner{display:flex;justify-content:end}.content-live .hero-subtitle{font-size:42px;color:#fff}.content-live .desc{font-size:18px;color:#fff;text-align:justify}.content-live .body-live{color:#fff}.match-countdown-wrap{margin:12px 0}.match-countdown-card{border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:14px 16px;background:#00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.match-countdown-title{font-weight:700;margin-bottom:6px;color:#fff}.match-countdown-time{font-size:34px;font-weight:800;letter-spacing:.5px;color:#fff}.match-countdown-sub{opacity:.85;margin-top:6px;font-size:15px;color:#fff}.is-locked{pointer-events:none;opacity:.45;filter:grayscale(.2)}.hidden{display:none!important}.yt-tooltip-trigger{position:relative}.yt-tooltip{position:absolute;bottom:52px;left:50%;transform:translate(-50%) scale(.85);background:#1c1c1cf2;color:#fff;font-size:12px;font-family:Roboto,Arial,sans-serif;font-weight:500;padding:6px 10px;border-radius:3px;white-space:nowrap;opacity:0;pointer-events:none;transition:transform .15s cubic-bezier(0,0,.2,1),opacity .15s cubic-bezier(0,0,.2,1);z-index:100;box-shadow:0 4px 10px #00000059;border:1px solid rgba(255,255,255,.05)}.yt-tooltip-trigger:hover .yt-tooltip{opacity:1;transform:translate(-50%) scale(1);transition-delay:.15s}.yt-tooltip-trigger *{pointer-events:none}.yt-tooltip-trigger{pointer-events:auto!important}.yt-settings-menu{position:absolute;bottom:58px;right:15px;background:#1c1c1cf2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:8px;width:150px;z-index:40;padding:6px 0;box-shadow:0 4px 15px #00000080;font-family:Roboto,Arial,sans-serif;color:#fff;transition:opacity .2s,transform .2s;opacity:0;transform:translateY(10px) scale(.95);pointer-events:none}.yt-settings-menu.active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.yt-settings-menu-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#aaa;padding:6px 12px;border-bottom:1px solid rgba(255,255,255,.1)}.yt-quality-item{font-size:13px;padding:8px 12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background .15s}.yt-quality-item:hover{background:#ffffff1a}.yt-quality-item.active{color:#f03;font-weight:700}.yt-quality-item.active:after{content:"✓";font-size:12px;color:#f03}.yt-chat-collapsed-banner{display:flex;justify-content:space-between;align-items:center;background:#0f0f0f;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 24px;margin-top:10px;box-shadow:0 4px 12px #00000059;font-family:Roboto,Arial,sans-serif;color:#fff;width:100%}.yt-collapsed-banner-left{display:flex;flex-direction:column;gap:4px}.yt-collapsed-title{font-size:14px;font-weight:700;color:#f1f1f1}.yt-collapsed-desc{font-size:13px;color:#aaa;display:flex;align-items:center;gap:8px}.yt-collapsed-chat-icon{color:#aaa;flex-shrink:0}.yt-collapsed-open-btn{background:#ffffff1a;border:none;border-radius:18px;color:#f1f1f1;font-size:13px;font-weight:700;padding:8px 16px;cursor:pointer;transition:background .2s,transform .1s ease;white-space:nowrap}.yt-collapsed-open-btn:hover{background:#fff3;transform:scale(1.03)}.yt-collapsed-open-btn:active{transform:scale(.97)}#live-row:fullscreen{display:flex!important;flex-direction:row!important;width:100vw!important;height:100vh!important;background:#000!important;margin:0!important;padding:0!important;overflow:hidden!important}#live-row:fullscreen>#video-col{height:100vh!important;display:flex!important;flex-direction:column!important;justify-content:center!important;background:#000!important;padding:0!important;margin:0!important}#live-row:fullscreen .player-wrapper{aspect-ratio:auto!important;flex:1!important;height:100%!important;max-height:100vh!important;border-radius:0!important;margin-bottom:0!important}#live-row:fullscreen>#chat-col{height:100vh!important;align-self:stretch!important;margin:0!important;padding:0!important}#live-row:fullscreen .yt-chat{height:100vh!important;border-radius:0!important}#live-row:fullscreen .match-title,#live-row:fullscreen .dm-servers,#live-row:fullscreen .yt-chat-collapsed-banner,#live-row:fullscreen .container-detailmatch{display:none!important}#live-row:-webkit-full-screen .match-title,#live-row:-webkit-full-screen .dm-servers,#live-row:-webkit-full-screen .yt-chat-collapsed-banner,#live-row:-webkit-full-screen .container-detailmatch{display:none!important}