.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{width:96.5%;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;gap:40px;color:#e9eef8;align-items:stretch;padding:0 2rem}.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:8px;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}@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}.hidden{display:none!important}.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}@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}}.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}}@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}}