/* StillHigh Universe. Decorative planes move independently; content and TV never do. */
:root{--shu-ink:#050509;--shu-lime:#dcff71;--shu-cyan:#85edff;--shu-line:rgba(255,255,255,.22);--shu-dock:84px}
html{scroll-padding-bottom:calc(var(--shu-dock) + 24px)}
.page-wrapper{scroll-padding-bottom:calc(var(--shu-dock) + 24px)}
.shu-nav-more{display:none}
.shu-nav-more a.shu-nav-narrow{display:none}
@media(max-width:380px){.shu-nav-links a:nth-child(3){display:none}.shu-nav-more a.shu-nav-narrow{display:flex}}
.shu-about-description{max-width:54ch;font-size:18px;line-height:1.8;color:#d4d0df}
.shu-knowledge>h2{max-width:15ch;margin-left:0}
.shu-about h2{max-width:12ch}
.shu-world--safari .shu-world-art img{opacity:1;object-position:70% center}
.shu-world--safari .shu-world-atmosphere{background:linear-gradient(0deg,#050509,transparent 22%,transparent 83%,#050509),linear-gradient(90deg,#03050c88,transparent 65%)}
body:has(dialog[open]) .shu-nav,html[scroll-lock] .shu-nav{visibility:hidden}
.shu-anchor,[id^="world-"],#worlds,#knowledge,#about{scroll-margin-top:100px}
.shu-anchor{height:0;position:relative}
.shu-nav{position:fixed;z-index:9900;inset:auto 18px max(14px,env(safe-area-inset-bottom));margin:auto;max-width:1120px;display:flex;align-items:center;gap:12px;padding:8px 12px;border:1px solid var(--shu-line);border-radius:18px;background:rgba(8,9,17,.95);box-shadow:0 10px 40px #0008;color:#fff;font:600 13px/1.2 Inter,system-ui,sans-serif}
.shu-nav a,.shu-nav button{color:inherit;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:10px}
.shu-nav-brand{padding:8px;font-weight:900;font-size:20px;letter-spacing:-1px}.shu-nav-brand span{color:var(--shu-lime)}
.shu-nav-links{display:flex;flex:1;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#ffffff60 transparent;gap:2px}
.shu-nav-links a{padding:8px 12px}.shu-nav a:hover,.shu-nav a[aria-current="location"]{background:#ffffff16;color:var(--shu-lime)}
.shu-nav button{font:inherit;padding:8px 12px;border:1px solid #ffffff45;background:transparent;cursor:pointer}.shu-nav button[hidden]{display:none}
.shu-nav a:focus-visible,.shu-nav button:focus-visible,.shu-button:focus-visible,.shu-world-index a:focus-visible,.shu-text-link:focus-visible,.shu-choices a:focus-visible,.shu-faq summary:focus-visible,.shu-channel-directory a:focus-visible,.shu-channel-directory summary:focus-visible{outline:3px solid var(--shu-lime);outline-offset:3px}
body:has(.shu-nav)>.page-wrapper>footer{padding-bottom:calc(var(--shu-dock) + 30px)}
.shu-arrival,.shu-threshold,.shu-worlds,.shu-knowledge{background:var(--shu-ink);color:#fff;font-family:Inter,system-ui,sans-serif}
.shu-arrival{position:relative;isolation:isolate;min-height:min(950px,100svh);display:grid;place-items:center;padding:110px 6vw 130px;overflow:clip;text-align:center}
.shu-sky,.shu-orbit,.shu-horizon{position:absolute;pointer-events:none;z-index:-1}
.shu-sky{inset:-10%;background:radial-gradient(ellipse at 52% 13%,#322b5c 0,transparent 47%),radial-gradient(1px 1px at 13% 18%,#fff 99%,transparent),radial-gradient(1px 1px at 82% 38%,#fff 99%,transparent),radial-gradient(2px 2px at 65% 9%,#b9d7ff 99%,transparent),radial-gradient(1px 1px at 32% 39%,#fff 99%,transparent),radial-gradient(1px 1px at 88% 74%,#fff 99%,transparent),radial-gradient(1px 1px at 11% 65%,#fff 99%,transparent),#06070e;background-size:auto,227px 277px,397px 307px,557px 401px,271px 393px,331px 437px,443px 313px,auto}
.shu-orbit{width:80vw;height:80vw;max-width:1150px;max-height:1150px;top:17%;left:10%;border:1px solid #b3c5ff33;border-radius:50%;box-shadow:0 -2px 25px #a898f622,inset 0 16px 80px #947afb12;transform:rotateX(60deg)}
.shu-horizon{inset:65% -20% -60%;border-radius:50% 50% 0 0;background:#030408;box-shadow:0 -3px 4px #dbd5ff,0 -10px 36px #bc72ff8c,0 -35px 130px #527cfc60}
.shu-arrival-copy{max-width:1000px;position:relative}.shu-eyebrow{font-size:11px;line-height:1.6;letter-spacing:.22em;font-weight:600;text-transform:uppercase;color:var(--shu-cyan);margin:0 0 28px}
.shu-arrival h1{font-family:'Bricolage Grotesque',Inter,system-ui,sans-serif;font-size:clamp(52px,9.4vw,142px);line-height:.9;letter-spacing:-.065em;font-weight:800;margin:0 0 30px;text-wrap:balance}.shu-arrival h1 span{color:var(--shu-lime)}
.shu-intro{max-width:530px;margin:auto;color:#e1dfea;font-size:clamp(16px,1.4vw,20px);line-height:1.7}.shu-intro p{margin:0}
.shu-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px}.shu-button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:50px;padding:14px 22px;border:1px solid #ffffff70;border-radius:6px;color:white;background:#090b1570;text-decoration:none;font:600 13px/1.4 Inter,system-ui,sans-serif;transition:background .2s,color .2s}.shu-button:hover{background:white;color:#050509}.shu-button--lime{background:var(--shu-lime);color:#070909;border-color:var(--shu-lime)}.shu-small{font-size:12px;color:#c1bfce;margin-top:24px}.shu-arrival-foot{position:absolute;inset:auto 4vw 30px;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.1em;color:#c1bfce}.shu-arrival-foot a{color:#fff;text-decoration:none;min-height:44px;display:flex;align-items:center}
.shu-threshold{position:relative;min-height:85svh;isolation:isolate}.shu-pin-frame{position:relative;min-height:85svh;display:grid;place-items:center;overflow:clip;padding:90px 6vw}.shu-portal{position:absolute;width:min(66vw,700px);aspect-ratio:1;top:50%;left:50%;translate:-50% -50%;border:2px solid #b5f9ff;border-radius:50%;background:radial-gradient(circle,#0f1730 15%,#100d1e 60%,#576579 68%,#ac93ff 70%,transparent 71%);box-shadow:0 0 70px #9980ff60,inset 0 0 70px #98e7ff50;opacity:.85}.shu-portal div{position:absolute;inset:8%;border:1px solid #d7edff80;border-radius:50%}.shu-threshold-copy{position:relative;text-align:center;max-width:660px;text-shadow:0 2px 25px #000}.shu-threshold h2,.shu-section-head h2,.shu-knowledge h2{font-family:'Bricolage Grotesque',Inter,system-ui,sans-serif;font-size:clamp(40px,6.2vw,88px);line-height:.97;letter-spacing:-.055em;margin:0 0 24px}.shu-threshold-copy>p:not(.shu-eyebrow){font-size:17px;line-height:1.7}.shu-threshold-copy .shu-button{margin-top:12px}
.shu-section-head{padding:110px 6vw 80px;max-width:1400px;margin:auto}.shu-section-head h2 span{color:var(--shu-lime)}.shu-section-head>p:not(.shu-eyebrow){color:#cfcbdc;line-height:1.6;max-width:42ch}.shu-world-index{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.shu-world-index a{display:flex;align-items:center;min-height:44px;border:1px solid #ffffff40;border-radius:30px;padding:10px 18px;color:white;text-decoration:none;font-size:12px}.shu-world-index a:hover{color:var(--shu-lime);border-color:var(--shu-lime)}
.shu-world{position:relative;background:#060710;--scene-color:#819b61}.shu-world-frame{min-height:90svh;position:relative;isolation:isolate;display:flex;align-items:center;overflow:clip;padding:100px 8vw}
.shu-world-art,.shu-world-atmosphere,.shu-world-foreground{position:absolute;inset:-8%;pointer-events:none;z-index:-3}.shu-world-art{background:radial-gradient(ellipse at 70% 35%,var(--scene-color),#080917 75%)}.shu-world-art img{height:100%;width:100%;object-fit:cover;opacity:.8}.shu-world-atmosphere{z-index:-2;background:linear-gradient(90deg,#03050cee 0,#03050c99 38%,#03050c22 75%),linear-gradient(0deg,#050509,transparent 30%,transparent 80%,#050509)}.shu-world-foreground{z-index:-1;inset:auto -5% -30% 40%;height:60%;background:radial-gradient(ellipse,var(--scene-color),transparent 68%);opacity:.24}.shu-world-copy{width:min(100%,680px);position:relative}.shu-world h3{font-family:'Bricolage Grotesque',Inter,system-ui,sans-serif;font-size:clamp(52px,7.5vw,110px);line-height:.92;letter-spacing:-.055em;max-width:9ch;margin:0 0 24px;text-wrap:balance}.shu-world-copy>p:not(.shu-eyebrow){max-width:43ch;font-size:17px;line-height:1.7;color:#eeebf5;margin-bottom:28px}.shu-world-coordinate{position:absolute;right:30px;bottom:32px;letter-spacing:.18em;font-size:10px;color:#eeebf5}.shu-world--retro{--scene-color:#c09c66}.shu-world--retro .shu-world-art img{filter:grayscale(1)}.shu-world--retro .shu-world-art{inset:10% 8% 10% 42%;border:12px solid #5f626c;border-radius:70px;box-shadow:0 0 0 12px #161820,0 35px 80px #000}.shu-world--retro .shu-world-art img{border-radius:55px}.shu-world--retro .shu-world-atmosphere{background:linear-gradient(90deg,#03050cf0,transparent 85%)}.shu-world--aurora{--scene-color:#82ffc9}.shu-world--aurora .shu-world-copy{margin:auto;text-align:center}.shu-world--aurora h3,.shu-world--aurora .shu-world-copy>p{max-width:12ch;margin-left:auto;margin-right:auto}.shu-world--aurora .shu-world-copy>p{max-width:45ch}.shu-world--aurora .shu-world-atmosphere{background:linear-gradient(0deg,#050509,transparent 45%,#05050955),#02051055}.shu-world--movement{--scene-color:#b498ff}.shu-world--chaos{--scene-color:#ff6ead}.shu-world--chaos .shu-world-foreground{inset:10% -20% auto auto;height:90%;width:40%;background:linear-gradient(25deg,transparent 40%,#ff72c244 41% 45%,transparent 46% 55%,#94ebff55 56% 62%,transparent 63%);rotate:14deg;opacity:.8}.shu-text-link{display:block;width:fit-content;margin-top:20px;color:#fff;font-size:14px;padding:8px 0}.shu-choices{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.shu-choices a{color:white;border:1px solid #c7afff80;background:#171321bf;padding:20px;min-height:60px;text-decoration:none;font-size:14px}
.shu-knowledge{padding:100px max(6vw,24px);}.shu-knowledge>h2,.shu-knowledge>.shu-eyebrow,.shu-faq,.shu-about{max-width:1120px;margin-left:auto;margin-right:auto}.shu-faq{margin-top:45px}.shu-faq details{border-top:1px solid var(--shu-line);padding:10px 0}.shu-faq summary{padding:20px 0;cursor:pointer;font-size:clamp(16px,1.5vw,22px)}.shu-faq details p{line-height:1.8;color:#d4d0df;max-width:75ch;padding:0 24px 20px 0}.shu-about{margin-top:110px;padding-top:60px;border-top:1px solid var(--shu-line)}.shu-about>p:not(.shu-eyebrow){max-width:54ch;font-size:18px;line-height:1.8;color:#d4d0df}.shu-about .shu-actions{justify-content:flex-start}
.shu-channel-directory{color:#e7e4ef;max-width:1200px;margin:48px auto 0;padding:24px;border-top:1px solid var(--shu-line);font:14px/1.7 Inter,system-ui,sans-serif}.shu-channel-directory summary{cursor:pointer;min-height:44px;font-weight:700}.shu-channel-directory a{color:#a7efff;text-underline-offset:4px}.shu-channel-directory li{padding:8px 0}.shu-channel-directory li span{color:#c5c1d0}.shu-channel-directory ol{padding-left:24px}.shu-page{max-width:900px;padding:70px 24px 130px;margin:auto}.shu-page h1{font-size:clamp(32px,5vw,64px);line-height:1.1;margin-bottom:32px}.shu-page .rte{line-height:1.8;overflow-wrap:anywhere}
/* Let the actual TV be calm. Keep its player on an untransformed surface. */
body:has(.shu-arrival) .sh-tv__stillhigh-launch{display:none}body:has(.shu-arrival) .sh-tv__aurora{opacity:.3}body:has(.shu-arrival) .sh-tv{padding-top:80px}body:has(.shu-arrival) .sh-tv__live-dot{animation:none}body:has(.shu-arrival) .sh-tv__screen{transform:none}
html[data-sh-atmosphere-paused="true"] .sh-section *,html[data-sh-atmosphere-paused="true"] .shu-arrival *,html[data-sh-atmosphere-paused="true"] .shu-threshold *,html[data-sh-atmosphere-paused="true"] .shu-world *{animation-play-state:paused!important;transition:none!important}
@media(min-width:901px) and (prefers-reduced-motion:no-preference){html[data-shu-motion="on"] .shu-threshold{height:180svh}html[data-shu-motion="on"] .shu-pin-frame{position:sticky;top:0;min-height:100svh}html[data-shu-motion="on"] .shu-world--aurora{height:160svh}html[data-shu-motion="on"] .shu-world--aurora .shu-world-frame{position:sticky;top:0;min-height:100svh}}
@media(max-width:900px){.shu-nav{inset-inline:8px;gap:3px;padding:5px 7px}.shu-nav-brand{font-size:16px}.shu-nav-links a{padding:8px 10px;font-size:12px}.shu-nav button{font-size:11px;white-space:normal;max-width:75px;padding:6px}.shu-arrival{padding:100px 22px 100px;min-height:88svh}.shu-arrival h1{font-size:clamp(45px,11vw,85px)}.shu-arrival-foot{inset-inline:22px;justify-content:center}.shu-arrival-foot span{display:none}.shu-arrival .shu-eyebrow{font-size:9px;letter-spacing:.15em}.shu-intro{max-width:35ch}.shu-orbit{width:130vw;height:130vw;left:-15%}.shu-horizon{inset:75% -50% -50%}.shu-portal{width:88vw}.shu-world-frame{min-height:800px;min-height:90svh;padding:90px 24px}.shu-world h3{font-size:clamp(50px,12vw,80px)}.shu-world-copy>p:not(.shu-eyebrow){font-size:16px}.shu-world-art{inset:0}.shu-world-atmosphere{inset:0;background:linear-gradient(0deg,#050509,#050509dd 20%,#05050955 80%,#050509)}.shu-world-copy{align-self:flex-end}.shu-world--retro .shu-world-art{inset:5% 7% 36%;border-width:7px;border-radius:30px}.shu-world--retro .shu-world-art img{border-radius:22px}.shu-world--retro .shu-world-atmosphere{background:linear-gradient(0deg,#050509 15%,#050509aa 40%,transparent 75%)}.shu-world-foreground{display:none}.shu-world--aurora .shu-world-copy{align-self:center}.shu-world-coordinate{right:24px;font-size:9px}.shu-section-head{padding:80px 24px 50px}.shu-section-head h2,.shu-knowledge h2{font-size:clamp(40px,9vw,65px)}.shu-channel-directory{padding:24px;margin-inline:0}.shu-nav-links{mask-image:linear-gradient(90deg,#000 94%,transparent)}}
@media(max-width:600px){.shu-nav-links{overflow:visible;mask-image:none;flex:0 1 auto;gap:0}.shu-nav-links a{padding:6px 7px;font-size:11px}.shu-nav-links a:nth-child(n+4){display:none}.shu-nav-more{display:block;margin-right:auto}.shu-nav-more summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:11px;padding:6px}.shu-nav-more summary::after{content:'⌃';margin-left:3px}.shu-nav-more>div{position:absolute;bottom:calc(100% + 10px);right:0;left:0;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:12px;border:1px solid #ffffff55;border-radius:16px;background:#0a0b13;box-shadow:0 -10px 40px #0008}.shu-nav-more a{justify-content:flex-start;padding:12px}.shu-nav button{max-width:60px;font-size:10px}.shu-nav-brand{padding:5px}.shu-nav-more summary:focus-visible{outline:3px solid var(--shu-lime);outline-offset:2px}}
@media(prefers-reduced-motion:reduce){html,.page-wrapper{scroll-behavior:auto!important}.shu-arrival *,.shu-threshold *,.shu-world *{animation:none!important;transition:none!important}.shu-threshold,.shu-world--aurora{height:auto!important}.shu-pin-frame,.shu-world--aurora .shu-world-frame{position:relative!important}.shu-world-art,.shu-world-atmosphere,.shu-world-foreground,.shu-portal{transform:none!important}}
