.eb-live-full-screen { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: #000; z-index: 2000000; display: none; overflow: hidden; font-family: sans-serif; }
.eb-video-container, #ebRemoteVideo { position: absolute; width: 100%; height: 100%; object-fit: cover; }
.eb-v-gradient { position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, transparent 20%, transparent 80%, rgba(0,0,0,0.6) 100%); pointer-events: none; z-index: 2; }
.eb-ui-layer { position: relative; z-index: 10; height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 45px 15px 30px; box-sizing: border-box; }

.eb-host-badge { background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(15px); padding: 4px 12px 4px 4px; border-radius: 30px; display: flex; align-items: center; gap: 8px; border: 0.5px solid rgba(255,255,255,0.2); }
.eb-host-badge img { width: 34px; height: 34px; border-radius: 50%; border: 1.5px solid #d4af37; }
.eb-host-info b { color: #fff; font-size: 13px; display: block; }
.eb-host-info small { color: #d4af37; font-size: 11px; font-weight: bold; }
.eb-follow-btn { background: #fe2c55; border: none; color: #fff; border-radius: 15px; padding: 4px 10px; font-size: 11px; font-weight: bold; }
.eb-close-icon { color: white; font-size: 24px; cursor: pointer; }

.eb-chat-area { max-height: 220px; overflow-y: auto; width: 80%; display: flex; flex-direction: column; gap: 5px; mask-image: linear-gradient(to top, black 80%, transparent 100%); }
.eb-msg-item { background: rgba(0,0,0,0.3); padding: 6px 12px; border-radius: 15px; color: #fff; font-size: 13px; width: fit-content; border-left: 3px solid #d4af37; margin-bottom: 2px; }

.eb-input-wrapper { flex: 1; background: rgba(255,255,255,0.1); backdrop-filter: blur(15px); border-radius: 25px; padding: 5px 15px; display: flex; border: 0.5px solid rgba(255,255,255,0.2); }
.eb-input-wrapper input { background: transparent; border: none; color: #fff; flex: 1; outline: none; padding: 8px 0; }
.eb-action-btn { width: 45px; height: 45px; background: rgba(0,0,0,0.5); backdrop-filter: blur(10px); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 20px; cursor: pointer; }

.eb-bottom-sheet { position: fixed; bottom: -100%; left: 0; width: 100%; background: rgba(15, 15, 15, 0.98); border-radius: 20px 20px 0 0; padding: 20px; transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); z-index: 2000001; }
.eb-bottom-sheet.active { bottom: 0; }
.eb-gift-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 20px; }
.eb-gift-card { background: rgba(255,255,255,0.05); padding: 15px 5px; border-radius: 15px; text-align: center; color: white; cursor: pointer; }








/* სანამ მარტო ხარ */
#video-container {
    display: block;
    width: 100%;
    height: 100vh;
}
#local-player { width: 100%; height: 100%; object-fit: cover; }
#remote-player { display: none; }

/* როცა სტუმარი შემოვა (გაყოფილი ეკრანი) */
#video-container.split-screen {
    display: flex;
    flex-direction: row; /* გვერდიგვერდ */
}
#video-container.split-screen #local-player,
#video-container.split-screen #remote-player {
    display: block;
    width: 50%;
    height: 50vh; /* ან სასურველი სიმაღლე PK-ს დროს */
    border: 1px solid #fff;
}