/* REALITY PORT 4.0.2 · LIVE COMMUNITY DIRECTORY */
.rpLive{max-width:1536px;margin:0 auto;padding:50px clamp(20px,3.6vw,55px) 42px;background:radial-gradient(ellipse at 80% 10%,#122b39 0%,#03090f 52%,#020508 100%);border-top:1px solid #3e69734f;border-bottom:1px solid #3e69734f;color:#f1f8fc;scroll-margin-top:60px}
.rpLive *,.rpLiveDirectory *{box-sizing:border-box}.rpLiveTop{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:25px}.rpLiveKicker{font-size:10px;letter-spacing:.23em;color:#72e5f5;font-weight:700;display:flex;align-items:center;gap:9px}.rpLiveDot{width:8px;height:8px;border-radius:50%;background:#ff4163;box-shadow:0 0 14px #f43c60;display:inline-block;animation:rpLiveBlink 1.9s infinite}.rpLive h2{font-size:clamp(29px,3.1vw,47px);font-weight:400;letter-spacing:-.045em;margin:9px 0 5px;line-height:1.05}.rpLiveIntro{font-size:13px;color:#a6bdc9;line-height:1.65;max-width:750px;margin:0}.rpLiveMeta{font-size:11px;color:#8aa4b1;white-space:nowrap;text-align:right;line-height:1.8}.rpLiveMeta strong{color:#d9edf7}.rpLiveControls{display:flex;gap:10px;align-items:center;margin-top:10px;justify-content:flex-end}.rpLiveControls button{width:39px;height:39px;border-radius:50%;border:1px solid #78a4b9a0;background:#09212e;color:white;cursor:pointer;font-size:22px}.rpLiveControls button:hover,.rpLiveControls button:focus-visible{background:#125473;border-color:#b3efff}.rpLiveRail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 17px;scrollbar-width:thin;scrollbar-color:#31536a transparent}.rpStream{flex:0 0 clamp(270px,29vw,390px);min-width:0;scroll-snap-align:start;border:1px solid #385466;background:#081722;border-radius:7px;overflow:hidden;display:block;text-decoration:none;color:#fff;transition:transform .2s,border-color .2s}.rpStream:hover,.rpStream:focus-visible{border-color:#7de3ff;transform:translateY(-3px);outline:none}.rpStreamImg{aspect-ratio:16/9;background:linear-gradient(120deg,#082b41,#07101a);position:relative;overflow:hidden}.rpStreamImg img{width:100%;height:100%;object-fit:cover;display:block}.rpStreamBadge{position:absolute;top:12px;left:12px;background:#d41e45;color:white;padding:5px 9px;font-size:10px;letter-spacing:.11em;font-weight:800;border-radius:3px}.rpStreamCount{position:absolute;right:12px;bottom:12px;background:#02080edb;color:white;padding:6px 9px;font-size:11px;border:1px solid #ffffff3b;border-radius:3px}.rpStreamInfo{padding:16px 17px 17px}.rpStreamName{font-size:19px;font-weight:600;line-height:1.2;overflow-wrap:anywhere}.rpStreamTitle{font-size:12px;line-height:1.5;color:#b0c5d0;margin:7px 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}.rpStreamFooter{display:flex;justify-content:space-between;gap:10px;color:#7fe4ff;font-size:10px;letter-spacing:.09em}.rpLiveEmpty{width:100%;min-height:190px;border:1px solid #4064787a;border-radius:6px;background:linear-gradient(110deg,#071923,#08101a);padding:35px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px}.rpLiveEmpty strong{font-size:22px;font-weight:400}.rpLiveEmpty p{font-size:13px;color:#a9bfcc;margin:0;line-height:1.6}.rpLiveEmpty a,.rpLiveBottom a{color:#9beaff;text-underline-offset:4px}.rpLiveBottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:10px;font-size:11px;color:#839eab;line-height:1.5}.rpLiveBottomLinks{display:flex;gap:18px;flex-wrap:wrap}.rpLiveStatus{color:#a6c2d0}.rpLiveStatus[data-kind=error]{color:#ffc58b}.rpLiveDirectory{padding:0 0 30px}.rpLiveDirectory .rpLiveRail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;overflow:visible;padding:0;scroll-snap-type:none}.rpLiveDirectory .rpStream{width:100%;min-width:0;max-width:none;flex:none}.rpLiveDirectory .rpLiveEmpty{grid-column:1/-1}.rpLiveDirectory .rpLiveMeta{text-align:left}.rpLiveDirectory .rpLiveControls{display:none}.rpDirectoryTools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0 24px}.rpDirectoryTools label{font-size:11px;letter-spacing:.12em;color:#93b7c5;text-transform:uppercase}.rpDirectoryTools input,.rpDirectoryTools select{background:#0a1d2a;color:#f3fbff;border:1px solid #436a7b;border-radius:5px;padding:12px 14px;font-size:14px;min-height:44px}.rpDirectoryTools input{flex:1 1 240px}.rpDirectoryTools select{flex:0 1 220px}.rpDirectoryTools input:focus-visible,.rpDirectoryTools select:focus-visible{outline:2px solid #6ee7ff;outline-offset:2px}.rpDirectoryCount{font-size:12px;color:#8bcad8;margin-left:auto}.rpDirectoryIntro{max-width:930px}.rpDirectoryIntro p{color:#aec4cf;line-height:1.8;font-size:15px}.rpDirectoryFAQ{border-top:1px solid #3b5b6c;margin-top:46px;padding-top:22px}.rpDirectoryFAQ h2{font-size:clamp(24px,3vw,34px);font-weight:400}.rpDirectoryFAQ h3{font-size:17px;font-weight:600;margin:28px 0 8px}.rpDirectoryFAQ p{font-size:14px;line-height:1.8;color:#afc7d1;max-width:880px}.rpDirectoryFAQ a{color:#9ceaff}.rpLiveCTA{display:inline-flex;padding:10px 15px;border:1px solid #6edbec8a;border-radius:20px;text-decoration:none;color:#b5f5ff;font-size:11px;letter-spacing:.08em}.rpLiveCTA:hover{background:#103b4e}.rpLiveRefresh{border:1px solid #4c8595;background:#102b3b;color:#c9f7ff;border-radius:5px;padding:11px 15px;cursor:pointer}.rpLiveRefresh:hover{background:#18526b}@keyframes rpLiveBlink{50%{opacity:.35}}@media(max-width:1000px){.rpLiveDirectory .rpLiveRail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.rpLive{padding:35px 18px}.rpLiveTop{align-items:flex-start;flex-direction:column}.rpLiveMeta{text-align:left;white-space:normal}.rpLiveControls{justify-content:flex-start}.rpStream{flex-basis:78vw}.rpLiveBottom{flex-direction:column;align-items:flex-start;gap:8px}.rpLiveDirectory .rpLiveRail{grid-template-columns:1fr}.rpDirectoryCount{width:100%;margin-left:0}.rpDirectoryTools input,.rpDirectoryTools select{flex-basis:100%}}@media(prefers-reduced-motion:reduce){.rpLiveDot{animation:none}.rpStream{transition:none}}

/* Homepage image-edge live carousel navigation. */
.rpLiveRailShell{position:relative;isolation:isolate}
.rpLiveRailShell .rpLiveRail{scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}
.rpLiveRailShell .rpLiveRail::-webkit-scrollbar{display:none}
.rpLiveRailShell .rpLiveOverlayArrow{position:absolute;z-index:7;top:42%;transform:translateY(-50%);display:grid;place-items:center;width:54px;height:70px;border:1px solid #a8eaff9a;border-radius:5px;background:linear-gradient(140deg,#031018ed,#10344bdc);box-shadow:0 8px 28px #000b,0 0 24px #41d5ff35;color:#eafaff;font-size:44px;cursor:pointer;backdrop-filter:blur(9px)}
.rpLiveRailShell .rpLiveOverlayArrow.cityRailPrev{left:4px}.rpLiveRailShell .rpLiveOverlayArrow.cityRailNext{right:4px}
.rpLiveRailShell .rpLiveOverlayArrow.isHidden{opacity:0;visibility:hidden;pointer-events:none}
.rpLiveRailShell .rpLiveOverlayArrow:hover,.rpLiveRailShell .rpLiveOverlayArrow:focus-visible{background:#126087e8;border-color:#a6efff;transform:translateY(-50%) scale(1.035)}
@media(max-width:760px){.rpLiveRailShell .rpLiveOverlayArrow{width:40px;height:62px;font-size:35px}}
@media(prefers-reduced-motion:reduce){.rpLiveRailShell .rpLiveRail{scroll-behavior:auto}}