@font-face{font-family:Lounge Serif;src:url(/fonts/CormorantGaramond.ttf)format("truetype");font-style:normal;font-weight:300 700;font-display:swap}:root{--void:#050f16;--petrol:#081e28;--panel:#0b2733;--panel-2:#103340;--teal:#80d6ca;--teal-dim:#1d6f6c;--gold:#eac982;--gold-deep:#c5a971;--ivory:#f4edda;--mute:#8fb0b2;--line:#1e4a55;--serif:"Lounge Serif", Georgia, serif;--hud:"Bahnschrift", "Segoe UI", "Arial Narrow", system-ui, sans-serif;--mono:ui-monospace, "Cascadia Mono", "SF Mono", Consolas, monospace;--cut:14px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--void);scroll-padding-top:90px}body{color:var(--ivory);background:radial-gradient(900px 500px at 85% -5%, #1d6f6c40, transparent 70%), radial-gradient(700px 500px at -5% 40%, #c5a97112, transparent 70%), var(--void);font-family:var(--hud);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}a{color:inherit;touch-action:manipulation;text-decoration:none}a:focus-visible,.products:focus-visible,summary:focus-visible,button:focus-visible{outline:2px solid var(--teal);outline-offset:4px}img{max-width:100%;display:block}svg{flex-shrink:0;width:24px;height:24px}h1,h2,h3,p{margin:0}em{color:var(--gold);font-style:normal}::selection{background:var(--gold);color:var(--void)}.shell{width:min(1240px,100% - 64px);margin:auto}.skip-link{z-index:100;background:var(--gold);color:var(--void);padding:15px 20px;font-weight:700;position:fixed;top:-80px;left:20px}.skip-link:focus{top:10px}.hud-label{font-family:var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--teal);font-size:12px}.eyebrow{font-family:var(--mono);letter-spacing:2px;color:var(--teal);text-transform:uppercase;align-items:center;gap:10px;font-size:12px;display:inline-flex}.eyebrow:before{content:"";background:linear-gradient(90deg, var(--teal), transparent);width:28px;height:2px}.panel{border:1px solid var(--line);clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));background:linear-gradient(125deg,#122f39,#0a1f29 72%);position:relative}.panel:before{content:"";background:linear-gradient(180deg, var(--teal), transparent 75%);width:2px;position:absolute;inset:0 auto 0 0}.site-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#06131af2;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;height:68px;display:flex}.brand{font-family:var(--mono);letter-spacing:2px;color:var(--mute);align-items:center;gap:12px;font-size:10px;font-weight:700;line-height:1.2;display:flex}.brand-mark{border-radius:50%;width:38px;height:38px;box-shadow:0 0 18px #3fd0c433}.brand-second{font-family:var(--hud);letter-spacing:-.045em;color:var(--ivory);font-size:25px;font-weight:700;line-height:1;display:block}.slackers{font-family:var(--mono);letter-spacing:1px;color:var(--mute);white-space:nowrap;font-size:.92em}.slackers b{color:var(--ivory);letter-spacing:2px;text-transform:uppercase;font-weight:800}.merch-footnote{margin-top:12px;font-size:12px;display:block}.brand-period{color:var(--gold)}.desktop-nav{font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;align-self:stretch;display:flex}.desktop-nav a{white-space:nowrap;color:var(--mute);border-inline-start:1px solid #335e6355;align-items:center;padding:0 clamp(13px,1.8vw,26px);transition:color .2s,background .2s;display:grid;position:relative}.desktop-nav a:last-child{border-inline-end:1px solid #335e6355}.desktop-nav a:after{content:"";background:currentColor;height:2px;transition:transform .22s;position:absolute;inset:auto 10px 0;transform:scaleX(0)}.desktop-nav a:is(:hover,:focus-visible,[aria-current=location]){color:var(--teal);background:linear-gradient(#0000 30%,#71c6b91c)}.desktop-nav a:is(:hover,:focus-visible,[aria-current=location]):after{transform:scaleX(1)}.header-cta{letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;color:var(--void);background:var(--gold);border:1px solid var(--gold);align-items:center;gap:10px;padding:12px 22px;font-size:13px;font-weight:800;transition:background .2s,box-shadow .2s;display:flex}.header-cta:hover{background:var(--ivory)}.header-cta svg{width:18px;height:18px}.watch-menu{position:relative}.watch-menu>summary{cursor:pointer;list-style:none}.watch-menu>summary::-webkit-details-marker{display:none}.watch-caret{border-bottom:2px solid;border-right:2px solid;width:7px;height:7px;transition:transform .2s;transform:translateY(-2px)rotate(45deg)}.watch-menu[open] .watch-caret{transform:translateY(1px)rotate(225deg)}.watch-menu-button{display:inline-block}.watch-menu-button .watch-list{left:0;right:auto}.watch-list{border:1px solid var(--line);z-index:20;background:#03111af5;min-width:200px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.watch-list a{letter-spacing:1.5px;text-transform:uppercase;color:var(--mute);border-bottom:1px solid #1e4a5566;align-items:center;gap:12px;padding:14px 18px;font-size:13px;font-weight:700;display:flex}.watch-list a:last-child{border-bottom:0}.watch-list a:hover{color:var(--ivory);background:#3fd0c41a}.watch-list svg{width:20px;height:20px;color:var(--teal)}.watch-list a:nth-child(2) svg{color:#a98cf0}.watch-list a:nth-child(3) svg{color:#ff6b6b}.mobile-nav{display:none}.button{letter-spacing:2px;text-transform:uppercase;border:1px solid #0000;justify-content:center;align-items:center;gap:12px;min-height:54px;padding:16px 28px;font-size:14px;font-weight:800;transition:transform .15s,background .2s,box-shadow .2s;display:inline-flex}.button svg{width:18px;height:18px}.button-dark{background:var(--gold);color:var(--void)}.button-dark:hover{background:var(--ivory);transform:translateY(-2px)}.button-ghost{color:var(--teal);background:#3fd0c41a;border-color:#64a49b}.button-ghost:hover{background:#3fd0c433;transform:translateY(-2px)}.text-link{letter-spacing:2px;text-transform:uppercase;color:var(--teal);border-bottom:1px solid var(--teal-dim);align-items:center;gap:12px;padding:6px 0;font-size:13px;font-weight:700;display:inline-flex}.text-link:hover{color:var(--gold);border-color:var(--gold)}.text-link svg{width:18px;height:18px}.ocean,.hero-bg,.ocean canvas{width:100%;height:100%;position:absolute;inset:0}.ocean{z-index:-2;background:#103238;overflow:hidden}.hero-bg{object-fit:cover;object-position:64% center}.ocean canvas{opacity:0;transition:opacity .8s;display:block}.ocean-ready canvas{opacity:1}.ocean:after{content:"";pointer-events:none;background:linear-gradient(90deg,#030e14f5 0%,#041219e8 22%,#06181cc9 35%,#06171c46 54%,#0000 72%),linear-gradient(#04161b84 0%,#0000 20% 75%,#05151cea 100%);position:absolute;inset:0}.viewport-frame{z-index:-1;pointer-events:none;border:1px solid #73b5ae60;position:absolute;inset:0}.viewport-frame:before{content:"";background:linear-gradient(var(--gold), var(--gold)) top left / 22px 1px, linear-gradient(var(--gold), var(--gold)) top left / 1px 14px, linear-gradient(var(--teal), var(--teal)) top right / 15px 1px, linear-gradient(var(--teal), var(--teal)) top right / 1px 15px, linear-gradient(var(--teal), var(--teal)) bottom left / 15px 1px, linear-gradient(var(--teal), var(--teal)) bottom left / 1px 15px, linear-gradient(var(--gold), var(--gold)) bottom right / 22px 1px, linear-gradient(var(--gold), var(--gold)) bottom right / 1px 14px;background-repeat:no-repeat;border:1px solid #73b5ae25;position:absolute;inset:7px}.viewport-frame:after{content:"";background:repeating-linear-gradient(#89c3b968 0 1px,#0000 1px 10px) 100%/5px 100% no-repeat;position:absolute;inset:58px 7px}.viewport-label{color:var(--ivory);align-items:center;gap:10px;font-size:10px;display:flex;position:absolute;top:23px;left:25px}.viewport-label>span{background:var(--gold);width:6px;height:6px;transform:rotate(45deg);box-shadow:0 0 12px #f2c5768c}.hero-copy{max-width:700px}.hero-description{color:#d0dfd9;max-width:36ch;font-size:17px}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px;display:flex}.motion-toggle,.player-toggle{min-height:44px;color:var(--ivory);font:600 11px var(--mono);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;background:#061820;border:1px solid #61928b91;justify-content:center;align-items:center;gap:9px;padding:0 13px;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.motion-toggle{position:absolute;bottom:23px;right:24px}.motion-toggle span{color:var(--gold);font-size:15px}.motion-toggle:hover,.player-toggle:hover{border-color:var(--teal);background:#15373d}.stream-player{margin-top:30px}.stream-player-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:9px 12px 9px 17px;display:flex}.player-toggle svg{width:14px;height:14px;color:var(--gold)}.stream-screen{background:linear-gradient(#04171ce6,#04171ce6),url(/brand/shoal.webp) 60%/cover;place-items:center;min-height:122px;display:grid;position:relative}.stream-screen p{text-align:center;color:#b6ccc7;max-width:35ch;padding:14px;font-size:14px}.stream-screen:has(iframe){aspect-ratio:16/9}.stream-screen iframe{border:0;width:100%;height:100%;display:block}h2{font-family:var(--serif);letter-spacing:-1px;font-size:clamp(42px,5vw,68px);font-weight:700;line-height:1}.quiet-note{font-family:var(--mono);color:var(--gold);letter-spacing:.5px;margin-top:24px;font-size:13px;display:block}.quiet-note:before{content:"[ TIP ] ";color:var(--teal)}.channel-stack{gap:16px;display:grid}.channel{align-items:center;gap:20px;padding:26px 28px;transition:transform .2s,box-shadow .2s;display:flex}.channel:hover{transform:translate(6px);box-shadow:0 0 40px #3fd0c42e}.channel>span:nth-child(2){flex:1}.channel>.channel-icon{border:1px solid var(--line);width:60px;height:60px;color:var(--teal);background:#0005;place-items:center;display:grid}.channel-twitch>.channel-icon{color:#a98cf0}.channel-youtube>.channel-icon{color:#ff6b6b}.channel-icon svg{width:28px;height:28px}.channel-label{font-family:var(--mono);letter-spacing:2px;color:var(--gold);font-size:11px;display:block}.channel strong{font-family:var(--serif);margin-top:4px;font-size:32px;font-weight:700;line-height:1.1;display:block}.channel-detail{color:var(--mute);margin-top:6px;font-size:14px;display:block}.channel>svg{width:24px;height:24px;color:var(--teal)}.channel-status{font-family:var(--mono);color:var(--mute);align-items:center;gap:4px;font-size:12px;display:flex}.schedule-kicker{font-family:var(--mono);letter-spacing:2px;color:var(--teal);font-size:12px}.schedule-board{padding:30px 32px 22px 36px;box-shadow:0 0 70px #e3c27a14}.board-top{font-family:var(--mono);letter-spacing:2px;color:var(--mute);justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.board-badge{background:var(--teal);color:var(--void);padding:4px 10px;font-weight:700}.schedule-time{font-family:var(--serif);font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1, "tnum" 1;color:var(--gold);text-shadow:0 0 36px #e3c27a55;justify-content:center;align-items:baseline;gap:clamp(12px,2.4vw,28px);padding:20px 0 8px;font-size:clamp(72px,9vw,120px);font-weight:700;line-height:1.1;display:flex}.time-small{font-family:var(--mono);letter-spacing:2px;color:var(--ivory);text-shadow:none;margin-left:8px;font-size:16px}.time-dash{background:var(--teal);align-self:center;width:clamp(24px,4vw,44px);height:3px;font-size:0;box-shadow:0 0 10px #3fd0c488}.board-divider{border-top:1px dashed var(--line)}.board-bottom{justify-content:space-between;align-items:center;padding:18px 0;display:flex}.board-bottom strong{font-size:17px;display:block}.board-bottom div>span{font-family:var(--mono);color:var(--mute);margin-top:8px;font-size:12px;line-height:1.8;display:block}.board-bottom>img{filter:drop-shadow(0 0 12px #e3c27a55);width:72px;height:auto}.schedule-footnote{font-family:var(--mono);color:#6f9496;border-top:1px solid var(--line);padding-top:12px;font-size:11px}.countdown{grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0 4px;display:grid}.countdown>div{border:1px solid var(--line);text-align:center;background:#0006;padding:10px 6px 8px}.countdown b{font-family:var(--mono);color:var(--teal);text-shadow:0 0 14px #3fd0c488;font-size:30px;line-height:1.1;display:block}.countdown span{font-family:var(--mono);letter-spacing:2px;color:var(--mute);font-size:10px}.countdown-title{font-family:var(--mono);letter-spacing:2px;color:var(--gold);margin-top:18px;font-size:11px}.merch-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin:44px 0 36px;display:flex}.merch-heading p{color:#b4cbc8;margin-top:14px;font-size:17px}.collection-badge{font-family:var(--mono);letter-spacing:2px;color:var(--gold);border:1px solid var(--gold-deep);white-space:nowrap;align-items:center;gap:10px;padding:10px 14px;font-size:11px;display:flex}.gold-dot{background:var(--gold);width:8px;height:8px;box-shadow:0 0 10px var(--gold);flex-shrink:0;display:inline-block}.products{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.product{flex-direction:column;transition:transform .25s,box-shadow .25s;display:flex}.product:hover{transform:translateY(-6px);box-shadow:0 10px 50px #e3c27a1f}.product-art{aspect-ratio:1;border-bottom:1px solid var(--line);background:#dcd9d3;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.product-art>img{object-fit:contain;width:100%;height:100%}.product-art-top{font-family:var(--mono);letter-spacing:2px;color:var(--teal);z-index:1;text-shadow:0 0 6px #051923,0 0 2px #051923;justify-content:space-between;font-size:10px;display:flex;position:absolute;top:14px;left:18px;right:18px}.product-concept{font-family:var(--mono);letter-spacing:2px;color:var(--gold);border:1px solid var(--gold-deep);background:#051923cc;padding:2px 6px;font-size:10px;position:absolute;bottom:12px;left:18px}.product-caption{flex-direction:column;align-items:flex-start;gap:14px;padding:18px 22px 22px 26px;display:flex}.product-caption h4{font-family:var(--serif);margin:0;font-size:26px;font-weight:700}.product-caption p{color:var(--mute);margin-top:2px;font-size:14px}.product-status{font-family:var(--mono);letter-spacing:1.5px;white-space:nowrap;color:var(--void);background:var(--gold);padding:5px 8px;font-size:11px;font-weight:700}.merch-note{text-align:center;color:var(--mute);justify-content:center;align-items:center;gap:16px;margin-top:44px;display:flex}.merch-note>img{width:56px;height:auto}.merch-note p{font-size:14px;line-height:1.8}.merch-note a{color:var(--teal);border-bottom:1px solid var(--teal-dim);font-weight:700}.lounge-grid{grid-template-columns:.85fr 1.15fr;align-items:center;gap:90px;display:grid}.lounge-portrait{width:100%;max-width:420px;margin:auto;position:relative}.portrait-frame{aspect-ratio:1;border:2px solid var(--gold);background:radial-gradient(circle, #1d6f6c88, var(--void) 75%);clip-path:polygon(10% 0,100% 0,100% 90%,90% 100%,0 100%,0 10%);position:relative;box-shadow:0 0 60px #3fd0c433}.portrait-frame img{object-fit:cover;width:100%;height:100%}.portrait-label{font-family:var(--mono);letter-spacing:2px;color:var(--gold);justify-content:space-between;padding-top:16px;font-size:12px;display:flex}.portrait-stamp{background:var(--void);border:1px solid var(--teal);font-family:var(--mono);letter-spacing:2px;color:var(--mute);padding:12px 16px;font-size:11px;line-height:1.6;position:absolute;bottom:50px;right:-14px;box-shadow:0 0 24px #3fd0c433}.portrait-stamp em{font-family:var(--serif);letter-spacing:0;color:var(--gold);font-size:22px;display:block}.lounge-copy p{color:#b4cbc8;max-width:540px;margin-bottom:16px;font-size:17px;line-height:1.7}.lounge-copy .button{margin-top:12px}.host-signature{font-family:var(--serif);color:var(--gold);margin-top:24px;font-size:30px;font-weight:700;display:block}.watch-menu-link{display:inline-block}.watch-menu-link .watch-list{text-align:left;left:50%;right:auto;transform:translate(-50%)}.watch-menu-link>summary{cursor:pointer}.site-footer{border-top:1px solid var(--line);background:#020b11;padding-top:44px}.footer-top{justify-content:space-between;align-items:center;gap:25px;padding-bottom:32px;display:flex}.footer-wordmark{font-family:var(--serif);font-size:32px;font-weight:700}.footer-wordmark>span{font-family:var(--mono);letter-spacing:2px;color:var(--mute);margin-top:6px;font-size:11px;font-weight:400;display:block}.footer-links{letter-spacing:1.5px;text-transform:uppercase;flex-wrap:wrap;gap:26px;font-size:13px;font-weight:700;display:flex}.footer-links a:hover{color:var(--gold)}.footer-bottom{border-top:1px solid var(--line);font-family:var(--mono);color:var(--mute);justify-content:space-between;align-items:center;gap:15px;padding:20px 0 26px;font-size:12px;display:flex}.footer-bottom>span:nth-child(2){align-items:center;gap:8px;display:flex}.footer-bottom img{width:26px;height:auto}.footer-bottom a:hover{color:var(--teal)}.prose-page{max-width:850px;min-height:65vh;padding-block:80px 100px}.prose-page h1{font-family:var(--serif);margin:20px 0 24px;font-size:clamp(48px,7vw,84px);font-weight:700;line-height:1}.prose-page .prose-lead{color:var(--gold);margin-bottom:30px;font-size:20px;line-height:1.6}.prose-page h2{margin:36px 0 12px;font-size:34px}.prose-page p{color:#b4cbc8;font-size:16px;line-height:1.8}.prose-page p>a{color:var(--teal);border-bottom:1px solid var(--teal-dim)}.prose-page .updated-date{font-family:var(--mono);color:var(--mute);margin:32px 0;font-size:12px}.prose-page>.text-link{margin-top:25px}@media (max-width:1000px){.desktop-nav{display:none}.mobile-nav{display:block}.mobile-nav summary{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:44px;min-height:44px;padding:12px 6px;list-style:none;display:flex}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary>span{background:var(--gold);width:24px;height:2px;transition:transform .2s}.mobile-nav[open] summary>span:first-child{transform:translateY(4px)rotate(45deg)}.mobile-nav[open] summary>span:last-child{transform:translateY(-4px)rotate(-45deg)}.mobile-nav a[aria-current=location]{color:var(--teal)}.mobile-nav nav{border-bottom:1px solid var(--line);background:#03111af5;flex-direction:column;max-height:calc(100dvh - 68px);padding:14px 20px 20px;display:flex;position:absolute;top:67px;left:0;right:0;overflow-y:auto}.mobile-nav-label{font-family:var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--gold);padding:14px 8px 6px;font-size:11px}.mobile-nav nav>a{letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid #1e4a5566;padding:14px 8px;font-size:15px;font-weight:700}.watch-menu-nav{display:none}.products{grid-template-columns:1fr;max-width:520px;margin-inline:auto}.merch-heading{flex-direction:column;align-items:flex-start}}@media (max-width:760px){.ocean{height:390px}.hero-bg{object-position:68% center}.ocean:after{background:linear-gradient(#06171c91 0%,#0000 44%,#07171e80 78%,#07171e 100%)}.viewport-label{top:19px;left:20px}.viewport-frame:after{height:197px;bottom:auto}.motion-toggle{top:54px;bottom:auto;right:19px}}@media (max-width:640px){.shell{width:calc(100% - 40px)}.channel-detail{overflow-wrap:anywhere}.mobile-nav nav{top:67px}.hero-description,.lounge-copy p{font-size:16px}.channel{gap:14px;padding:20px 18px}.channel>span:nth-child(2){min-width:0}.channel strong{font-size:26px}.channel>.channel-icon{width:46px;height:46px}.schedule-board{padding:22px 20px 18px 24px}.portrait-stamp{right:0}.footer-top{flex-direction:column;align-items:flex-start}.footer-bottom{flex-wrap:wrap}.countdown b{font-size:24px}.prose-page{padding-block:48px 70px}}.watch-menu[open] .watch-list,.mobile-nav[open] nav{animation:.2s ease-out both reveal-menu}.watch-menu-link[open] .watch-list{animation:none}@keyframes reveal-menu{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.channel:focus-visible,.button:focus-visible,.header-cta:focus-visible{outline-offset:-4px}.button-dark:focus-visible,.header-cta:focus-visible{outline-color:#173438}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}