.roulette-live-session{--rl-accent:#f5a623;--rl-surface-deep:#020617;--rl-surface-panel:#0f172a;--rl-tile-border:#f8fafc1a;--rl-tile-radius:.85rem;--rl-text-primary:#f8fafc;--rl-text-muted:#94a3b8;--rl-control-bar-pad:.6rem}.roulette-live-session__viewport{flex-direction:column;flex:auto;height:min(82dvh,880px);min-height:min(72dvh,640px);max-height:min(86dvh,900px);display:flex}@media (min-width:1280px){.roulette-live-session__viewport{height:min(78dvh,840px);min-height:min(68dvh,720px);max-height:min(82dvh,860px)}}.roulette-live-session .lk-root{--lk-accent-bg:var(--rl-accent);--lk-accent-fg:#111827;--lk-control-bg:#0f172af0;--lk-control-hover-bg:#1e293bf2;--lk-bg:var(--rl-surface-deep);--lk-grid-gap:.5rem;color:var(--rl-text-primary)}.roulette-live-session .lk-video-conference{flex:auto;width:100%;min-height:0;overflow:hidden;flex-direction:row!important;align-items:stretch!important;height:100%!important;display:flex!important}.roulette-live-session .lk-video-conference-inner{flex-direction:column!important;flex:auto!important;min-width:0!important;min-height:0!important;display:flex!important;overflow:visible!important}.roulette-live-session .lk-grid-layout-wrapper{overflow:hidden;flex-direction:column!important;flex:auto!important;justify-content:stretch!important;align-items:stretch!important;width:100%!important;height:auto!important;min-height:0!important;display:flex!important}.roulette-live-session .lk-grid-layout{background:var(--rl-surface-deep)!important;gap:var(--lk-grid-gap,.5rem)!important;min-height:0!important;padding:var(--lk-grid-gap,.5rem)!important;flex:auto!important}.roulette-live-session .roulette-tile-shell{border-radius:var(--rl-tile-radius);border:1px solid var(--rl-tile-border);background:var(--rl-surface-panel);width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000059}.roulette-live-session .roulette-tile-shell .lk-participant-tile{border-radius:0;flex:auto;width:100%;min-width:0;height:100%;min-height:0}.roulette-live-session .lk-focus-toggle-button{display:none!important}.roulette-live-session .roulette-zoom-button{z-index:12;color:#f8fafc;cursor:pointer;opacity:0;background:#020617b8;border:1px solid #f8fafc38;border-radius:.5rem;justify-content:center;align-items:center;width:1.85rem;height:1.85rem;transition:opacity .2s,background-color .2s;display:inline-flex;position:absolute;top:.5rem;right:.5rem}.roulette-live-session .roulette-tile-shell:hover .roulette-zoom-button,.roulette-live-session .roulette-tile-shell:focus-within .roulette-zoom-button{opacity:1}.roulette-live-session .roulette-zoom-button:hover{background:#020617eb}.roulette-live-session .roulette-zoom-button:focus-visible{outline:2px solid var(--rl-accent);outline-offset:2px}.roulette-live-session .lk-pagination-control button{color:var(--rl-text-primary)!important;border-color:#f8fafc40!important}.roulette-live-session .lk-pagination-control svg{color:var(--rl-text-primary)!important;stroke:currentColor!important}.roulette-live-session .lk-connection-quality{color:var(--rl-text-muted)!important}.roulette-live-session .lk-control-bar{z-index:5;gap:.5rem;padding:var(--rl-control-bar-pad) .75rem!important;background:#020617f5!important;border-top:1px solid #f8fafc29!important;flex-wrap:nowrap!important;flex-shrink:0!important;align-items:center!important;max-height:none!important;overflow:visible!important}.roulette-live-session .lk-control-bar .lk-button{background:var(--lk-control-bg)!important;color:var(--rl-text-primary)!important;white-space:nowrap!important;border:1px solid #f8fafc38!important;min-height:2.5rem!important}.roulette-live-session .lk-control-bar .lk-button:hover:not(:disabled){background:var(--lk-control-hover-bg)!important}.roulette-live-session .lk-control-bar svg{color:var(--rl-text-primary)!important;fill:none!important;stroke:currentColor!important}.roulette-live-session .lk-control-bar .lk-button *{color:inherit!important}.roulette-live-session .lk-disconnect-button{display:none!important}.roulette-live-session .lk-control-bar .lk-button-group-menu{position:relative!important}.roulette-live-session .lk-control-bar .lk-button-group-menu .lk-device-menu{min-width:14rem;max-width:min(20rem,80vw);z-index:40!important;background:var(--rl-surface-panel)!important;border:1px solid #f8fafc2e!important;border-radius:.5rem!important;max-height:min(42dvh,18rem)!important;position:absolute!important;inset:auto auto calc(100% + .5rem) 0!important;overflow-y:auto!important;transform:none!important;box-shadow:0 14px 32px #00000073!important}.roulette-live-session .lk-chat,.roulette-live-session .lk-chat-panel,.roulette-live-session .lk-chat-toggle{color:var(--rl-text-primary)!important;background:var(--rl-surface-panel)!important;border-color:#f8fafc2e!important}.roulette-live-session .lk-chat{box-sizing:border-box!important;border-left:1px solid #f8fafc24!important;flex-shrink:0!important;width:clamp(220px,42vw,min(420px,55ch))!important;max-height:100%!important}.roulette-live-session .lk-chat-entry,.roulette-live-session .lk-chat-entry-content{color:var(--rl-text-primary)!important}.roulette-live-session .lk-chat-form,.roulette-live-session .lk-chat-form textarea,.roulette-live-session .lk-chat-form input{background:var(--rl-surface-deep)!important;color:var(--rl-text-primary)!important;border-color:#f8fafc33!important}:-webkit-any(.roulette-live-session .lk-grid-layout-wrapper:fullscreen .lk-grid-layout,.roulette-live-session .lk-grid-layout-wrapper:-webkit-full-screen .lk-grid-layout){background:var(--rl-surface-deep)!important;gap:0!important;width:100vw!important;height:100vh!important;padding:0!important;display:block!important;position:relative!important}:is(.roulette-live-session .lk-grid-layout-wrapper:fullscreen .lk-grid-layout,.roulette-live-session .lk-grid-layout-wrapper:fullscreen .lk-grid-layout){background:var(--rl-surface-deep)!important;gap:0!important;width:100vw!important;height:100vh!important;padding:0!important;display:block!important;position:relative!important}.roulette-live-session .lk-grid-layout-wrapper:fullscreen .roulette-tile-shell[data-focused=true]{z-index:1;background:var(--rl-surface-deep);width:100%!important;height:100%!important;box-shadow:none!important;border:none!important;border-radius:0!important;position:absolute!important;inset:0!important}.roulette-live-session .lk-grid-layout-wrapper:fullscreen .roulette-tile-shell[data-pip=true]{z-index:10;background:var(--rl-surface-panel);cursor:pointer;transition:transform .18s,box-shadow .18s;border:1px solid #f8fafc47!important;border-radius:.75rem!important;width:clamp(140px,22vw,260px)!important;height:clamp(96px,14vw,170px)!important;position:absolute!important;inset:auto clamp(.75rem,2vw,1.5rem) clamp(.75rem,2vw,1.5rem) auto!important;overflow:hidden!important;box-shadow:0 12px 28px #0000008c!important}.roulette-live-session .lk-grid-layout-wrapper:fullscreen .roulette-tile-shell[data-pip=true]:hover,.roulette-live-session .lk-grid-layout-wrapper:fullscreen .roulette-tile-shell[data-pip=true]:focus-visible{transform:translateY(-2px);box-shadow:0 16px 36px #000000a6!important}.roulette-live-session .lk-grid-layout-wrapper:fullscreen .roulette-tile-shell[data-pip=true] .lk-participant-tile,.roulette-live-session .lk-grid-layout-wrapper:fullscreen .roulette-tile-shell[data-pip=true] video{-o-object-fit:cover!important;object-fit:cover!important}.roulette-live-session .lk-grid-layout-wrapper:fullscreen .roulette-tile-shell[data-pip=true] .roulette-zoom-button{display:none!important}.roulette-live-session .lk-grid-layout-wrapper:fullscreen .roulette-tile-shell[data-focused=true] .roulette-zoom-button{opacity:1;z-index:12}.roulette-live-session .lk-grid-layout-wrapper:fullscreen .roulette-tile-shell[data-pip=true] .lk-participant-metadata{font-size:.65rem!important;bottom:.2rem!important;left:.2rem!important;right:.2rem!important}@media (max-width:767px){.roulette-live-session{min-height:calc(100dvh - 9rem)!important;max-height:calc(100dvh - 9rem)!important}.roulette-live-session__viewport{height:100%!important;min-height:0!important;max-height:none!important}.roulette-live-session .lk-video-conference{flex-direction:column!important}.roulette-live-session .lk-control-bar{flex-wrap:wrap!important;justify-content:center!important;gap:.4rem!important;padding:.45rem .5rem!important}.roulette-live-session .lk-control-bar .lk-button{min-height:2.3rem!important;padding:0 .6rem!important;font-size:.8rem!important}.roulette-live-session .lk-control-bar{position:relative!important}.roulette-live-session .lk-control-bar .lk-button-group-menu{position:static!important}.roulette-live-session .lk-control-bar .lk-button-group-menu .lk-device-menu{width:auto!important;min-width:0!important;max-width:none!important;max-height:min(40dvh,16rem)!important;position:absolute!important;inset:auto .5rem calc(100% + .5rem)!important;transform:none!important}.roulette-live-session .lk-chat{border-top:1px solid #f8fafc24!important;border-left:none!important;width:100%!important;max-width:none!important;max-height:min(40dvh,360px)!important;position:relative!important;inset:auto!important}.roulette-live-session .roulette-zoom-button{opacity:1;width:2rem;height:2rem}}