:root{--bg:#15071e;--panel:#1b0928;--panel2:#251133;--line:rgba(174,215,211,.13);--text:#f2eef5;--muted:#9e8caa;--accent:#f4c782;--aqua:#a86bd2;--dim:#695378;--danger:#fe977e;--shadow:0 18px 60px #0c0411ab;font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--aqua);outline-offset:3px}a{color:inherit}button{color:inherit}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon.mini{width:14px;height:14px}
.app-shell{height:100dvh;display:flex;flex-direction:column;min-height:530px}.topbar{height:78px;flex:none;display:flex;align-items:center;gap:28px;background:#180823;padding:0 27px;border-bottom:1px solid #3b244b;z-index:10;position:relative}.brand{display:flex;align-items:center;gap:13px;min-width:235px}.brand-symbol{font-size:28px;font-weight:950;line-height:1;letter-spacing:-5px;color:#160720;background:var(--accent);padding:12px 15px 11px 10px;border-radius:11px;position:relative;transform:skewX(-6deg);box-shadow:4px 4px 0 #4d2a65}.brand-dot{display:block;position:absolute;bottom:7px;right:7px;width:6px;height:6px;border-radius:50%;background:#461767}.brand-type strong{display:block;font-size:18px;font-weight:900;letter-spacing:2px;line-height:1}.brand-type strong span{color:var(--accent);margin-left:4px}.brand-type small{color:#9b86aa;font-size:8px;letter-spacing:2.15px;font-weight:800;display:block;margin-top:8px}.topbar-separator{height:32px;width:1px;background:#402950}.main-nav{display:flex;height:100%;gap:10px}.main-nav button{display:flex;align-items:center;gap:9px;background:none;border:0;color:#a18cb0;padding:0 12px;font-size:13px;font-weight:700;position:relative}.main-nav button:hover,.main-nav button.nav-active{color:#f8f8ef}.main-nav button.nav-active:after{content:"";position:absolute;bottom:-1px;left:12px;right:12px;background:var(--accent);height:3px;border-radius:5px 5px 0 0}.main-nav .icon{width:16px;height:16px}.top-spacer{flex:1}.top-live-indicator{display:flex;align-items:center;gap:9px;font-size:12px;white-space:nowrap;color:#b5a5c0}.top-live-indicator strong{color:white}.pulse-ring,.online-spark,.mini-dot{display:inline-block;background:var(--aqua);width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 4px #a86bd21b}.top-help-btn{border:1px solid #3d284c;background:#200d2d;border-radius:10px;padding:10px;display:flex}.top-help-btn .icon{width:16px}.account-btn{border:1px solid #bc925e;color:#1f102a;background:var(--accent);padding:11px 16px;font-size:12px;border-radius:8px;display:flex;align-items:center;gap:9px;font-weight:800}.account-btn:hover,.primary-btn:hover{filter:brightness(1.08)}
.notice-strip{display:flex;align-items:center;justify-content:center;gap:10px;background:#362840;color:#eedff8;border-bottom:1px solid #654f74;font-size:11px;padding:8px 40px;z-index:9}.notice-strip[hidden]{display:none}.notice-strip .icon{width:14px;height:14px}.notice-strip button{background:transparent;color:inherit;border:0;display:flex;margin-left:20px}
.content-grid{flex:1;min-height:0;display:grid;grid-template-columns:372px minmax(0,1fr)}.sidebar{background:var(--panel);border-right:1px solid #412c4f;z-index:5;min-height:0;overflow:hidden}.sidebar-scroll{height:100%;overflow-y:auto;padding:35px 23px 16px;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:#49305a transparent}.eyebrow{display:flex;align-items:center;gap:10px;letter-spacing:2px;color:var(--aqua);font-size:10px;font-weight:850}.mini-dot{width:5px;height:5px}.sidebar h1{font-size:36px;line-height:1.07;letter-spacing:-1.5px;margin:17px 0 10px;font-weight:820}.sidebar h1 em{font-style:normal;color:var(--accent)}.intro-copy{font-size:12px;line-height:1.6;color:#a794b4;margin:0 0 24px;max-width:300px}.searchbox{display:flex;align-items:center;gap:10px;height:48px;border:1px solid #4c385a;background:#251034;border-radius:10px;padding:0 12px;color:#9a87a8}.searchbox:focus-within{border-color:var(--aqua)}.searchbox input{border:0;outline:0;background:transparent;min-width:0;flex:1;color:white;font-size:12px}.searchbox input::placeholder{color:#947ea3}.searchbox kbd{font-size:11px;border:1px solid #594169;border-radius:4px;padding:3px 6px}.feed-switch{display:grid;grid-template-columns:1fr 1fr;margin-top:22px;background:#251034;border:1px solid #3c264b;border-radius:9px;padding:4px;gap:4px}.feed-switch button{background:transparent;color:#a08fac;border:0;border-radius:6px;padding:11px 5px;font-size:11px;font-weight:800;white-space:nowrap}.feed-switch button.feed-active{background:#402950;color:#f3f4e9;box-shadow:0 2px 9px #15071e75}.feed-switch button span{font-variant-numeric:tabular-nums;color:var(--accent);margin-left:4px}.filter-header,.list-heading{display:flex;justify-content:space-between;align-items:center;margin:24px 0 12px;color:#947fa3;font-size:10px;letter-spacing:1.25px;font-weight:850}.link-button{border:none;background:transparent;color:#f0c581;font-size:10px;font-weight:700;padding:0;letter-spacing:0}.filter-chips{display:flex;flex-wrap:wrap;gap:7px}.chip{background:#2b153a;color:#bbaec4;border:1px solid #422c51;border-radius:6px;font-size:10px;letter-spacing:.05px;padding:8px 10px;display:flex;align-items:center;gap:6px}.chip:hover{border-color:#82708f}.chip.selected{background:#453253;color:#ffedc4;border-color:#bd9c62}.chip-circle{width:5px;height:5px;border-radius:50%;background:#9367b2}.chip.selected .chip-circle{background:#f1c783}.list-heading{margin-top:31px;margin-bottom:10px}.list-heading #refresh-label{letter-spacing:0;color:#7d658d;font-weight:600;text-transform:none}.streamer-list{display:flex;flex-direction:column;gap:8px}.stream-row{background:#251034;border:1px solid #3c264b;border-radius:10px;padding:12px;display:flex;gap:11px;align-items:center;text-align:left;width:100%;transition:.15s}.stream-row:hover,.stream-row.row-selected{border-color:#b8a073;background:#321c42}.avatar{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:10px;font-size:14px;font-weight:900;color:#1b0927;background:linear-gradient(125deg,#ae7fce,#e6c082);overflow:hidden;position:relative}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.purple{background:linear-gradient(125deg,#9ca6de,#d7a5bc)}.avatar.pink{background:linear-gradient(125deg,#e9b3a0,#c388bf)}.stream-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.stream-top{display:flex;align-items:center;gap:7px}.stream-name{font-size:12px;font-weight:820;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-desc{font-size:11px;color:#a594b1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-meta{font-size:10px;color:#977ea8;display:flex;align-items:center;gap:6px}.live-pebble{width:5px;height:5px;background:#b57edc;display:inline-block;border-radius:50%}.viewer-pill{border-radius:5px;background:#342042;color:#e9e3ce;font-size:10px;font-weight:800;padding:5px 6px;white-space:nowrap}.empty-list{padding:30px 18px;border:1px dashed #4b345b;border-radius:12px;text-align:center;background:#240f32}.empty-list .icon{color:#977bab;width:25px;height:25px}.empty-list strong{font-size:13px;display:block;margin:10px 0 6px}.empty-list p{color:#9b86a9;font-size:11px;line-height:1.6;margin:0}.sidebar-bottom{margin-top:auto;padding-top:24px}.privacy-card{display:flex;gap:9px;background:#241032;border:1px solid #422854;padding:13px;border-radius:9px}.privacy-card>.icon{color:var(--aqua);width:19px;height:19px}.privacy-card div{display:flex;flex-direction:column;gap:5px}.privacy-card strong{font-size:10px;color:#decfe9}.privacy-card span{font-size:10px;color:#9e89ad;line-height:1.5}.tiny-footer{display:block;font-size:9px;line-height:1.5;color:#816b91;margin-top:15px}
.map-section{position:relative;overflow:hidden;background:#250c36}.map-viewport{position:absolute;inset:0;overflow:hidden;cursor:grab;touch-action:none}.map-viewport:active{cursor:grabbing}.map-world{position:absolute;left:0;top:0;width:1600px;height:1100px;transform-origin:top left;will-change:transform}.map-art{width:1600px;height:1100px;display:block;user-select:none;pointer-events:none}.map-pins{position:absolute;inset:0;pointer-events:none}.map-pin{position:absolute;transform:translate(-50%,-100%);border:0;background:none;padding:0;pointer-events:auto;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 5px 7px #12061a99);cursor:pointer}.pin-bubble{border:2px solid #e0d8e6;border-radius:13px;width:47px;height:47px;background:#2e1440;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .15s,border .15s}.pin-bubble .avatar{width:39px;height:39px;border-radius:10px;font-size:12px}.pin-live{position:absolute;right:-5px;top:-6px;width:15px;height:15px;border:3px solid #261135;border-radius:50%;background:#ba7fe3;box-shadow:0 0 13px #b477de8c}.pin-arrow{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:10px solid #e0d8e6;margin-top:-1px}.pin-name{margin-top:3px;color:#f0f4e5;font-size:12px;font-weight:900;background:#1a0925d9;padding:4px 8px;border:1px solid #685278ab;border-radius:5px;white-space:nowrap}.map-pin:hover .pin-bubble,.map-pin.active .pin-bubble{transform:translateY(-5px) scale(1.08);border-color:var(--accent)}.map-pin.active{z-index:3}.map-sheen{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 130px #160721b4;z-index:1}.map-top-left{position:absolute;top:28px;left:29px;z-index:2;pointer-events:none}.map-status-tag{display:inline-flex;align-items:center;gap:11px;border:1px solid #ae89c763;background:#240c34df;border-radius:7px;color:#ebdcf5;font-size:10px;font-weight:850;letter-spacing:1.9px;padding:12px 14px;backdrop-filter:blur(7px)}.online-spark{width:7px;height:7px;border-radius:50%;background:#c38fe7;box-shadow:0 0 0 4px #7a4b9b36}.map-subtag{font-size:11px;color:#c4b3d0;margin-top:12px;text-shadow:0 2px 8px #180823}.map-top-right{position:absolute;right:25px;top:26px;display:flex;flex-direction:column;gap:10px;z-index:3}.map-top-right button{background:#1e0a2ccf;border:1px solid #876a9b75;color:#f1e8f7;width:42px;height:42px;display:grid;place-items:center;font-size:21px}.map-top-right>button{border-radius:9px}.zoom-control{display:flex;flex-direction:column}.zoom-control button:first-child{border-radius:9px 9px 0 0}.zoom-control button:last-child{border-radius:0 0 9px 9px;border-top:0}.compass{position:absolute;right:31px;bottom:105px;color:#e4e1c0;text-align:center;z-index:2;font-weight:800;pointer-events:none}.compass span{font-size:10px}.compass div{font-size:34px;line-height:1}.map-scale{position:absolute;bottom:50px;left:27px;color:#c7b9d1c4;font-size:9px;font-weight:800;letter-spacing:1.4px;text-shadow:0 2px 6px #1e0a2c;z-index:2;pointer-events:none}.map-bottom-bar{position:absolute;bottom:15px;left:28px;right:22px;display:flex;justify-content:space-between;color:#c9bbd2;font-size:10px;z-index:2;text-shadow:0 2px 5px #100517;pointer-events:none}.key,.map-updated{display:flex;align-items:center;gap:8px}.map-updated .icon{width:13px;height:13px}.key-bubble{height:11px;width:11px;border-radius:4px;background:#ad74d4;border:2px solid #e5f3dc}.detail-float{position:absolute;bottom:67px;right:25px;z-index:4;width:310px;max-height:calc(100% - 165px);overflow-y:auto;border:1px solid #856e95;box-shadow:var(--shadow);border-radius:13px;background:#200a30f5;backdrop-filter:blur(15px);padding:18px}.detail-float[hidden]{display:none}.detail-heading{display:flex;gap:11px;align-items:center}.detail-heading .avatar{width:51px;height:51px}.detail-heading h2{font-size:17px;margin:0 0 5px}.detail-heading p{font-size:11px;color:#b5a6c0;margin:0}.detail-close{background:none;border:0;padding:3px;margin-left:auto;align-self:flex-start;color:#b0a6b7}.detail-meta{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0 12px}.detail-meta span{color:#d1bcdf;background:#301a40;border:1px solid #553c67;padding:6px 8px;border-radius:6px;font-size:10px}.detail-title{font-size:13px;line-height:1.45;margin:0 0 12px;color:#f1ead6}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);border:1px solid #d7af75;border-radius:8px;color:#21132a;padding:13px 17px;font-weight:850;font-size:12px}.primary-btn:disabled{opacity:.5}.full{width:100%}.secondary-btn{background:#311843;border:1px solid #684f79;color:#e5dbec;border-radius:8px;padding:12px 15px;font-size:12px;font-weight:800}.mobile-list-toggle{display:none}
.modal-backdrop{position:fixed;inset:0;z-index:100;background:#0a030fc7;display:grid;place-items:center;padding:20px;backdrop-filter:blur(5px)}.modal-backdrop[hidden]{display:none}.modal{position:relative;background:#230d33;border:1px solid #59416a;border-radius:16px;width:min(100%,520px);max-height:min(850px,92dvh);overflow-y:auto;box-shadow:0 24px 100px #000b;padding:30px}.modal.wide{width:min(100%,850px)}.modal-close{position:absolute;right:18px;top:18px;border:1px solid #583f69;background:#301840;border-radius:8px;width:32px;height:32px;display:grid;place-items:center;color:#d0c7d7}.modal h2{font-size:26px;letter-spacing:-.8px;margin:13px 0}.modal p{font-size:13px;line-height:1.6;color:#baafc2}.modal-kicker{font-size:10px;font-weight:900;color:var(--aqua);letter-spacing:2px}.modal-rule{height:1px;background:var(--line);margin:20px 0}.field{display:flex;flex-direction:column;gap:7px;margin:16px 0}.field label{font-weight:800;font-size:11px;color:#d3cada}.field select,.field textarea{background:#2a1439;border:1px solid #5b456a;border-radius:9px;padding:12px;color:#f1ecf5;width:100%;resize:vertical}.field textarea{min-height:72px}.toggle-row{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#2a123b;border:1px solid #4e355f;border-radius:9px;margin:14px 0}.toggle-row input{margin-top:3px;accent-color:#ad74d5;width:18px;height:18px}.toggle-row strong,.toggle-row span{display:block}.toggle-row strong{font-size:12px}.toggle-row span{font-size:11px;color:#ae9dba;line-height:1.5;margin-top:6px}.small-muted{font-size:11px!important;color:#9a87a8!important}.modal-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.modal-actions button{flex:1}.watch-embed{width:100%;aspect-ratio:16/9;border:0;border-radius:10px;background:#160720}.watch-message{border:1px solid #4e3b5b;background:#271136;border-radius:8px;padding:15px;font-size:12px;line-height:1.5}.info-item{display:flex;gap:12px;margin:15px 0}.info-item .icon{color:var(--aqua);margin-top:2px}.info-item strong{font-size:13px}.info-item p{margin:3px 0 0;font-size:11px}.toast{position:fixed;z-index:101;bottom:25px;right:25px;padding:13px 17px;background:#2c143c;border:1px solid #9071a5;border-radius:9px;color:#ede5f3;font-size:12px;box-shadow:var(--shadow)}.toast[hidden]{display:none}
@media(max-width:1150px){.topbar{gap:16px}.brand{min-width:206px}.content-grid{grid-template-columns:332px 1fr}.sidebar-scroll{padding:30px 19px}.sidebar h1{font-size:32px}.top-live-indicator{display:none}}
@media(max-width:820px){.topbar{height:66px;padding:0 15px;gap:11px}.brand{min-width:auto}.brand-symbol{font-size:19px;padding:10px 13px 9px 8px}.brand-type strong{font-size:14px}.brand-type small{font-size:7px;letter-spacing:1px}.topbar-separator,.main-nav{display:none}.account-btn{padding:11px}.account-btn>span{display:none}.content-grid{grid-template-columns:1fr}.sidebar{position:absolute;z-index:9;top:66px;bottom:0;width:min(390px,100%);transform:translateX(-101%);transition:transform .22s;box-shadow:var(--shadow)}.sidebar.sidebar-open{transform:translateX(0)}.map-section{height:100%}.map-top-left{top:18px;left:17px}.map-top-right{right:13px;top:18px}.map-status-tag{padding:10px}.map-subtag{max-width:220px;font-size:10px}.map-scale{bottom:74px;left:15px;max-width:250px;font-size:8px}.map-bottom-bar{left:15px;right:15px;bottom:12px}.mobile-list-toggle{display:flex;align-items:center;gap:8px;position:absolute;z-index:5;top:99px;left:17px;border:1px solid #a38bb4;background:#250c37e8;color:#eee3f5;padding:11px 13px;border-radius:8px;font-size:11px;font-weight:800}.detail-float{right:13px;bottom:65px;width:min(310px,calc(100vw - 26px))}.notice-strip{font-size:10px;padding:8px 15px}.notice-strip button{margin-left:auto}}
@media(max-width:450px){.top-help-btn{display:none}.map-status-tag{font-size:9px}.map-updated{display:none}.modal{padding:23px}.sidebar h1{font-size:33px}.detail-float{bottom:42px}.map-scale{display:none}}
/* Continuously alternate the Discover icon between the two brand colors. */
.discover-signal{color:#E340AC;animation:discover-colors 1.6s ease-in-out infinite alternate}
@keyframes discover-colors{from{color:#E340AC}to{color:#FCAF17}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Match the source map aspect ratio. The original legend remains in the full asset. */
.map-world{width:1500px;height:2000px}
.map-art-frame{position:absolute;inset:0;overflow:hidden}
.map-art{position:absolute;width:2100px;height:2000px;max-width:none;left:-600px;top:0}
.map-scale{pointer-events:auto;line-height:1.6;max-width:65%;background:#180823e8;padding:8px;border-radius:5px}
.map-scale a{color:inherit;text-decoration:underline}
.map-sheen{box-shadow:none}

/* GTA VI-inspired interface palette, maintained independently of map artwork. */
:root {
  --bg: #130B22;
  --panel: #1D1033;
  --panel2: #2D1748;
  --line: #513165;
  --text: #FFF5FC;
  --muted: #C6A9D6;
  --accent: #FCAF17;
  --aqua: #FF86D0;
  --dim: #A98BBC;
  --danger: #FF9EA9;
  --pink: #FF86D0;
  --magenta: #E340AC;
  --purple: #8D59D9;
  --shadow: 0 18px 60px #090411AB;
}
.topbar {background:#170D29;border-bottom-color:#513165}
.sidebar {background:linear-gradient(165deg,#28113C 0%,#170D29 70%)}
.map-section {background:#130B22}
.brand-symbol {background:#FCAF17;color:#190E28;box-shadow:4px 4px 0 #9B2E7D}
.brand-dot {background:#E340AC}
.brand-type strong span {color:#FF86D0}
.brand-type small,.intro-kicker {color:#FF86D0}
.intro-title span {color:#FF86D0}
.main-nav .nav-active {color:#FFF5FC}
.main-nav .nav-active::after {background:#E340AC}
.primary-btn,.account-btn {background:#FCAF17;color:#190E28;border-color:#FCAF17}
.primary-btn:hover,.account-btn:hover {background:#FFD06A}
.secondary-btn {background:#34204D;border-color:#80559C;color:#FFF5FC}
.notice-strip {background:#34143D;color:#F5D6EE;border-color:#793463}
.chip.selected,.feed-tabs .feed-active {background:#713065;color:#FFF5FC;border-color:#FF86D0}
.stream-row {background:#241438;border-color:#4C2D60}
.stream-row:hover,.stream-row.row-selected {background:#3C1C50;border-color:#E340AC}
.viewer-pill {background:#472348;color:#FFE9F6}
.avatar {background:linear-gradient(135deg,#FF86D0,#8D59D9);color:#190E28}
.avatar.purple {background:linear-gradient(135deg,#C5A4F2,#8D59D9)}
.avatar.pink {background:linear-gradient(135deg,#FFC3E6,#E340AC)}
.live-pebble,.online-spark,.pin-live {background:#FF86D0}
.online-spark {box-shadow:0 0 0 4px #E340AC26}
.pin-live {border-color:#251238;box-shadow:0 0 13px #E340AC88}
.pin-bubble {background:#251238;border-color:#FFC3E6}
.pin-arrow {border-top-color:#FFC3E6}
.pin-name {background:#1D1033EE;border-color:#A75D9B;color:#FFF5FC}
.map-status-tag,.map-top-right button,.map-scale,.mobile-list-toggle {background:#211133ED;border-color:#8D59D9;color:#FFF5FC}
.key-bubble {background:#E340AC;border-color:#FFC3E6}
.privacy-card {background:#2D173F;border-color:#684078}
.privacy-card strong {color:#FFF5FC}
.privacy-card span,.small-muted,.stream-meta,.stream-desc,.tiny-footer {color:#C6A9D6!important}
.detail-float,.modal {background:#211133F5;border-color:#80559C}
.field select,.field textarea {background:#301C43;color:#FFF5FC;border-color:#80559C}
.toggle-row {background:#301C43;border-color:#80559C}
.toggle-row input {accent-color:#E340AC}
.toast {background:#351744;border-color:#E340AC;color:#FFF5FC}

/* Light pink and lavender interface. */
:root {
  --bg:#FFF7FC; --panel:#FFFDFE; --panel2:#F4E9FA;
  --line:#DCC4E8; --text:#321640; --muted:#705477;
  --accent:#FCAF17; --aqua:#A52784; --dim:#806289;
  --pink:#E44DAB; --magenta:#B92C91; --purple:#8050BB;
  --shadow:0 18px 60px #63316D22;
}
.topbar{background:#FFFAFD;border-bottom-color:#E4CCE9}
.sidebar{background:linear-gradient(165deg,#FFF0F8 0%,#F5ECFD 100%);border-color:#E4CCE9}
.map-section{background:#F3E7F7}
.brand-type strong{color:#321640}
.brand-type strong span,.brand-type small,.intro-kicker{color:#A52784}
.topbar-separator{background:#E4CCE9}
.main-nav button,.main-nav .nav-active{color:#56335F}
.sidebar h1 em{color:#B62B8B}
.intro-copy,.stream-meta,.stream-desc,.tiny-footer,.small-muted{color:#705477!important}
.searchbox,.feed-tabs,.chip,.stream-row{background:#FFFAFD;border-color:#DCC4E8;color:#56335F}
.searchbox input{color:#321640}
.searchbox input::placeholder{color:#806289}
.searchbox kbd{color:#705477;border-color:#DCC4E8}
.feed-tabs button{color:#705477}
.feed-tabs .feed-active,.chip.selected{background:#F6CBE7;color:#681B56;border-color:#CC5FA9}
.chip:hover,.stream-row:hover,.stream-row.row-selected{background:#F8DEF0;border-color:#CA65AE}
.viewer-pill{background:#F0DDF7;color:#5C306E}
.notice-strip{background:#F8DCEC;color:#642750;border-color:#E7BADA}
.header-live,.sidebar-topline,.filter-heading,.list-heading{color:#705477}
.viewer-pill .icon,.searchbox .icon{color:#8050BB}
.privacy-card{background:#F0E1F8;border-color:#D7B9E4}
.privacy-card strong{color:#452254}
.privacy-card span{color:#705477!important}
.map-status-tag,.map-top-right button,.map-scale,.mobile-list-toggle{background:#FFFAFDF5;border-color:#BF95D2;color:#452254}
.map-subtag,.map-bottom-bar,.map-updated,.key,.compass{color:#56335F;text-shadow:none}
.map-status-tag{box-shadow:0 3px 14px #63316D12}
.map-scale{color:#56335F}
.pin-name{background:#FFFAFDF5;border-color:#BF70AE;color:#452254}
.pin-bubble{background:#F5DFF1;border-color:#AE3D8C}
.pin-arrow{border-top-color:#AE3D8C}
.pin-live{border-color:#FFFAFD;background:#C52F93;box-shadow:0 0 9px #C52F9344}
.live-pebble,.online-spark{background:#C52F93}
.detail-float,.modal{background:#FFFAFDF8;border-color:#D7B9E4;color:#321640}
.detail-heading p,.detail-title,.modal p,.toggle-row span{color:#705477}
.detail-meta span{background:#F2E1F7;border-color:#D7B9E4;color:#56335F}
.modal-close,.secondary-btn{background:#F0E1F8;border-color:#C7A1DA;color:#452254}
.modal-rule{background:#E4CCE9}
.field label{color:#452254}
.field select,.field textarea{background:#FFFFFF;color:#321640;border-color:#C7A1DA}
.toggle-row{background:#F5EAF9;border-color:#D7B9E4}
.toggle-row strong{color:#452254}
.empty-list,.watch-message{background:#FFF8FC;border-color:#C7A1DA;color:#452254}
.empty-list p{color:#705477}
.toast{background:#FFF0F8;border-color:#C956A2;color:#452254}
.link-button,.detail-close{color:#8B347A}
.main-nav button:hover,.main-nav button.nav-active{color:#85256E}
.top-help-btn{background:#F6EAFB;border-color:#C7A1DA;color:#56335F}
.top-live-indicator{color:#705477}
.feed-switch{background:#EEDFF5;border-color:#DCC4E8}
.feed-switch button{color:#705477}
.feed-switch button.feed-active{background:#FFFFFF;color:#642750;box-shadow:0 2px 8px #63316D18}
.feed-switch button span{color:#9D287B}
.map-scale,.map-scale a{text-shadow:none}
.filter-header,.list-heading{color:#705477}

/* Extend the map ocean through the entire navigable canvas. */
.map-section,.map-viewport{background:#2C69A4}
.map-art-frame{
  mask-image:linear-gradient(to right,transparent,#000 1.5%,#000 98.5%,transparent),linear-gradient(to bottom,transparent,#000 1.5%,#000 98.5%,transparent);
  mask-composite:intersect;
}
.map-subtag,.map-bottom-bar,.map-updated,.key,.compass{color:#FFF5FC}

/* Self-hosted fonts keep the preview consistent across devices. */
@font-face{font-family:Barlow Condensed;src:url('/static/fonts/BarlowCondensed-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Inter;src:url('/static/fonts/Inter.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{font-family:Inter,"Segoe UI",sans-serif}
.sidebar h1{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:52px;line-height:.98;letter-spacing:-.5px;margin:20px 0 16px;text-transform:uppercase}
.sidebar h1 em{display:inline-block;background:linear-gradient(110deg,#AA277F,#E04AA2 65%,#8050BB);background-clip:text;-webkit-background-clip:text;color:transparent}
.brand-type strong{font-family:"Barlow Condensed",sans-serif;font-size:27px;font-weight:700;letter-spacing:.7px}
.brand-type small{font-size:8px;letter-spacing:1.75px}
.main-nav button{font-family:"Barlow Condensed",sans-serif;font-size:19px;font-weight:700;letter-spacing:.4px}
.detail-heading h2,.modal h2{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:30px;letter-spacing:.1px}
.intro-copy{font-size:12px;line-height:1.7;max-width:290px}
.eyebrow,.list-heading,.filter-header{font-size:9px;letter-spacing:1.3px}
.feed-switch{margin-top:20px;border-radius:12px;padding:5px}
.feed-switch button{border-radius:8px;font-size:11px}
.chip{display:inline-flex;align-items:center;gap:5px;min-height:34px;border-radius:8px;font-size:10px;padding:7px 9px}
.chip .icon{width:13px;height:13px;stroke-width:1.8;color:#A52784}
.chip.selected{box-shadow:0 2px 6px #B92C9115}
.stream-row{position:relative;border-radius:14px;padding:16px 12px;gap:11px;box-shadow:0 3px 10px #63275E06;transition:background .15s,border-color .15s,box-shadow .15s}
.stream-row:hover,.stream-row.row-selected{box-shadow:0 5px 16px #B92C9118}
.stream-row.row-selected{border-left:4px solid #B92C91;padding-left:9px}
.stream-name{font-size:13px;font-weight:750;letter-spacing:-.2px}
.stream-info{gap:7px}
.stream-desc{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:600}
.stream-desc .icon{width:12px;height:12px;color:#A52784}
.stream-meta{font-size:10px;gap:4px}
.stream-meta .icon{width:11px;height:11px;color:#8050BB}
.stream-row>.avatar{width:43px;height:43px;box-shadow:0 0 0 3px #FAEAF7,0 0 0 4px #E5C8E9;border-radius:12px;font-weight:800}
.viewer-pill{border-radius:7px;padding:6px;font-size:10px}
.empty-list{border-radius:14px;background:linear-gradient(135deg,#FFF8FC,#F3E6FB)}
.empty-list>.icon{width:36px;height:36px;color:#B92C91;padding:6px;background:#F5D4EC;border-radius:10px}
.primary-btn,.account-btn{box-shadow:0 3px 0 #D98D0826}
@media(max-width:820px){
 .brand-type strong{font-size:22px}
 .sidebar h1{font-size:46px}
 .sidebar-scroll{padding-top:22px}
}

/* Markers retain their screen size while the geographical canvas scales. */
.map-pin{transform:translate(-50%,-100%) scale(var(--pin-scale,1));transform-origin:bottom center}
.cluster-count{font-family:"Barlow Condensed",sans-serif;font-size:29px;line-height:1;color:#76215F}
.map-pin.active .pin-bubble{border-color:#B92C91;background:#FFE8F7}
.detail-float{width:340px;padding:18px;max-height:calc(100% - 150px);overscroll-behavior:contain}
.detail-heading h2{font-size:26px;overflow-wrap:anywhere}
.region-creators{display:flex;flex-direction:column;gap:8px;margin-top:16px}
.region-creator{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:1px solid #DEC7E7;border-radius:12px;background:#FFF7FC;color:#452254;text-align:left}
.region-creator:hover{background:#F8DEF0;border-color:#CA65AE}
.region-creator>span:nth-child(2){flex:1;min-width:0}
.region-creator strong,.region-creator small{display:block;overflow-wrap:anywhere}
.region-creator strong{font-size:13px}
.region-creator small{font-size:11px;color:#705477;margin-top:5px}
.stream-preview{margin-top:16px;aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:linear-gradient(135deg,#F7D1E9,#E2D3F8);display:grid;place-items:center;color:#76215F;font-size:12px}
.stream-preview img{width:100%;height:100%;object-fit:cover}
.stream-preview>span{display:flex;flex-direction:column;align-items:center;gap:10px}
.stream-preview .icon{width:30px;height:30px}
.detail-meta span{display:inline-flex;align-items:center;gap:5px}
.detail-meta .icon{width:13px;height:13px}
.detail-region{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:#56335F;font-size:12px;margin:14px 0}
.detail-region .icon{width:14px;height:14px}
.detail-region>span{width:100%;padding-left:20px;color:#705477;font-size:10px}
@media(max-width:820px){
 .detail-float{position:absolute;left:10px;right:10px;bottom:10px;width:auto;max-height:52%;border-radius:18px 18px 12px 12px;padding:16px;box-shadow:0 -8px 35px #32164026}
 .stream-preview{max-height:110px;aspect-ratio:auto}
 .stream-preview>span{padding:16px}
 .stream-preview img{max-height:110px}
 .detail-meta{margin:10px 0}
 .detail-title{margin-bottom:8px}
}
/* Discover uses the same light palette and self-hosted type as the live map. */
.content-grid.discover-active{display:block;overflow:hidden}
.discover-active>.sidebar,.discover-active>.map-section{display:none}
.discover-page{height:100%;overflow:auto;padding:36px clamp(18px,4vw,64px);background:radial-gradient(ellipse at top right,#F4D7ED,transparent 60%),#FFF7FC;color:#321640}
.discover-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
.discover-heading h1{font:700 clamp(38px,4vw,60px)/1.1 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:10px 0;color:#85256E}
.discover-heading p,.discover-note{font-size:13px;color:#705477;line-height:1.6}
.discover-badge{border:1px solid #D9B2DE;background:#FFFDFE;padding:12px 16px;border-radius:30px;font-size:10px;letter-spacing:1.5px;white-space:nowrap}
.discover-tools{display:flex;gap:14px;align-items:end;flex-wrap:wrap;padding:18px;background:#FFFDFE;border:1px solid #E3CBEA;border-radius:16px}
.discover-tools label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:700;flex:1;min-width:150px}
.discover-tools label:first-child{flex:1.5}
.discover-tools input,.discover-tools select{width:100%;min-height:42px;border:1px solid #D9B2DE;border-radius:8px;padding:10px;background:#FFF7FC;color:#452254;font:inherit;font-size:12px}
.discover-tools button{min-height:42px}
#discover-status{font-size:12px;color:#705477;margin:24px 0 14px}
.discover-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:24px}
.discover-card{min-width:0;background:#FFFDFE;border:1px solid #E3CBEA;border-radius:18px;overflow:hidden;box-shadow:0 6px 20px #63275E08}
.discover-art{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#F7CEE7,#DCCCF6);overflow:hidden;display:grid;place-items:center}
.discover-card:nth-child(3n+2) .discover-art{background:linear-gradient(135deg,#DFD1F5,#F8D3E9)}
.discover-card:nth-child(3n) .discover-art{background:linear-gradient(135deg,#FFE4B2,#F4CEE7)}
.discover-art>img{width:100%;height:100%;object-fit:cover}
.discover-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#85256E;text-align:center;padding:18px}
.discover-placeholder>.icon{width:34px;height:34px}
.discover-placeholder strong{font:700 32px 'Barlow Condensed',sans-serif;text-transform:uppercase}
.discover-placeholder small{font-size:8px;letter-spacing:1.4px}
.discover-live,.discover-viewers{position:absolute;top:12px;border-radius:6px;padding:5px 8px;background:#FFFDFE;color:#76215F;font-size:10px;font-weight:800;display:flex;align-items:center;gap:5px}
.discover-live{left:12px}.discover-viewers{right:12px}.discover-viewers .icon{width:13px;height:13px}
.discover-card-body{padding:18px}
.discover-creator{display:flex;gap:12px;align-items:center}.discover-creator>div{min-width:0}
.discover-creator h2{font:700 25px 'Barlow Condensed',sans-serif;margin:0 0 4px;overflow-wrap:anywhere}
.discover-creator small{color:#705477;font-size:11px}
.discover-stream-title{font-size:13px;line-height:1.6;min-height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:16px 0 10px}
.discover-tags span{display:inline-flex;gap:5px;align-items:center;font-size:10px;color:#76215F;background:#F4E9FA;padding:6px 9px;border-radius:6px}
.discover-tags .icon{width:12px;height:12px}
.discover-actions{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-top:18px;flex-wrap:wrap}
.discover-actions .primary-btn{font-size:11px;padding:10px 12px;min-height:42px}
.discover-map{display:inline-flex;align-items:center;gap:4px;color:#85256E;background:none;border:none;padding:8px 0;font-size:11px;text-decoration:underline;text-underline-offset:4px;min-height:42px}
.discover-map .icon{width:14px;height:14px}.discover-unshared{font-size:10px;color:#705477}
.discover-empty{grid-column:1/-1;padding:48px 24px;text-align:center;background:#F4E9FA;border-radius:16px}
.discover-empty h2{font:700 30px 'Barlow Condensed',sans-serif}.discover-empty p{font-size:13px;line-height:1.6}
.discover-note{margin:28px 0}
@media(max-width:820px){.discover-page{padding:24px 16px}.discover-badge{display:none}.discover-heading{margin-bottom:20px}.discover-tools{gap:12px;padding:14px}.discover-tools label{min-width:120px}.discover-tools label:first-child{flex-basis:100%}.discover-grid{grid-template-columns:1fr}.discover-tools button{width:100%}.discover-heading p{max-width:330px}}
@media(max-width:820px){.topbar{height:110px;flex-wrap:wrap;row-gap:0;padding-top:10px}.main-nav{display:flex;order:10;flex-basis:100%;height:40px;justify-content:center}.main-nav button{font-size:18px;padding:0 22px}.sidebar{top:110px}}

/* Provisional Leonida Relay brand; original broadcast monogram. */
.brand-mark{width:48px;height:48px;flex:none;filter:drop-shadow(0 3px 0 #B92C9126)}
.brand-type strong{font-size:25px;letter-spacing:.3px;white-space:nowrap}
.brand-type strong span{margin-left:5px}
.top-live-indicator strong{color:#85256E}
@media(max-width:820px){.brand-mark{width:42px;height:42px}.brand-type strong{font-size:23px}.brand-type small{font-size:7px;letter-spacing:1.4px}}

/* VICE6LIVE artwork and restrained tropical panel backgrounds. */
.brand{min-width:205px;justify-content:center}.brand-logo{display:block;width:150px;height:76px;object-fit:contain;mix-blend-mode:multiply}
.sidebar,.detail-float{isolation:isolate;position:relative}
.sidebar::before,.detail-float::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/static/palms.svg') right bottom/100% auto no-repeat;opacity:.065}
.detail-float{position:absolute}
.detail-float::before{background-size:80% auto;opacity:.045;border-radius:inherit}
.sidebar-scroll{position:relative}
@media(max-width:820px){.brand{min-width:auto;justify-content:flex-start}.brand-logo{width:130px;height:52px}.sidebar{position:absolute}.sidebar::before{opacity:.055}}

/* Render tiles at screen resolution, outside the transformed overview layer. */
.map-tiles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}
.map-tiles img{position:absolute;max-width:none;display:block;pointer-events:none;user-select:none}
.map-world{will-change:auto}
.map-pins{z-index:3}
.map-world{z-index:2;pointer-events:none}
.map-art-frame{z-index:-1}

#map-overview{width:1500px;height:2000px;transform-origin:top left;z-index:0;pointer-events:none}

/* Opening launch card; native dialog keeps focus inside until dismissed. */
.launch-card{padding:0;border:1px solid #a64f9b;border-radius:22px;width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;background:#201329;color:#fff5fc;box-shadow:0 24px 100px #10081999;text-align:center}
.launch-card::backdrop{background:#130b22b8;backdrop-filter:blur(7px)}
.launch-art{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.launch-body{padding:24px 28px 22px}
.launch-eyebrow{margin:0 0 8px;color:#ff86d0;font-size:10px;font-weight:800;letter-spacing:2px}
.launch-body h2{font:700 36px 'Barlow Condensed',sans-serif;margin:0 0 20px;color:#fff5fc}
.launch-timer{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.launch-timer>div{padding:12px 4px;background:#30203e;border:1px solid #66456f;border-radius:10px}
.launch-timer strong{display:block;font-size:32px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.15;color:#ff86d0}
.launch-timer>div:nth-child(2) strong{color:#d990ed}.launch-timer>div:nth-child(3) strong{color:#ba9cf7}.launch-timer>div:nth-child(4) strong{color:#79c8ff}
.launch-timer span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1.3px;margin-top:6px;color:#dfc5e5}
.launch-date{font-size:10px;color:#c5a8cd;margin:12px 0 18px}
#launch-copy{font-size:13px;line-height:1.7;color:#e2cde8;margin:0 0 20px}
.launch-body .primary-btn{width:100%}
.launch-footnote{font-size:9px;line-height:1.5;color:#bda2c7;margin:14px 0 0}
@media(max-width:450px){.launch-body{padding:20px 18px}.launch-body h2{font-size:30px}.launch-timer{gap:6px}.launch-timer strong{font-size:26px}.launch-timer span{font-size:8px;letter-spacing:.8px}}

/* Twitch requires an unobscured player of at least 400 × 300 pixels. */
@media(hover:hover) and (pointer:fine){
  .discover-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,402px),1fr))}
  .discover-art{min-height:300px}
}
.discover-preview-player{position:absolute;inset:0;width:100%;height:100%;border:0;background:#160720;z-index:2}
.discover-art.preview-playing>.discover-live,.discover-art.preview-playing>.discover-viewers{visibility:hidden}