.tank-page{--tank-edge:clamp(14px, 3.3vw, 55px);--tank-chrome:#07171e;height:100dvh;min-height:565px;padding-inline:var(--tank-edge);background:radial-gradient(ellipse at 70% 10%, #113137, transparent 75%), var(--void);grid-template-rows:auto minmax(0,1fr) auto;gap:12px;display:grid}.tank-header,.tank-status{justify-content:space-between;align-items:center;gap:16px;display:flex}.tank-header{border-bottom:1px solid var(--line);min-height:62px}.tank-nav{align-self:stretch;display:flex}.tank-nav a,.tank-back,.tank-status{font-family:var(--mono);letter-spacing:.11em;text-transform:uppercase;font-size:11px}.tank-nav a{border-left:1px solid var(--line);min-height:44px;color:var(--mute);white-space:nowrap;place-items:center;padding-inline:clamp(13px,2.4vw,35px);transition:background .2s,color .2s;display:grid;position:relative}.tank-nav a:last-child{border-right:1px solid var(--line)}.tank-nav a:is(:hover,:focus-visible,[aria-current]){color:var(--teal);background:linear-gradient(#0000 25%,#80d6ca22)}.tank-nav a[aria-current]:after{content:"";background:var(--teal);height:2px;position:absolute;inset:auto 10px 0}.tank-stage{isolation:isolate;min-width:0;scroll-margin-top:0;position:relative}.tank-water{isolation:isolate;background:var(--tank-chrome);position:absolute;inset:0;overflow:hidden}.tank-water .ocean{height:100%;transition:transform .9s cubic-bezier(.2,.7,.25,1),filter .65s;transform:scale(1)}.tank-water .ocean:after{background:linear-gradient(90deg,#030e14f5 0%,#041219d9 24%,#06181c99 36%,#06171c31 55%,#0000 74%),linear-gradient(#04161b80 0%,#0000 17% 78%,#05151cd9 100%)}.tank-water .motion-toggle{z-index:1;inset:20px 24px auto auto}.tank-welcome{pointer-events:none;align-items:center;display:flex;position:absolute;inset:0}.tank-welcome .hero-copy{z-index:1;pointer-events:auto;width:max-content;max-width:56%;margin-left:clamp(26px,5.1vw,90px);position:relative}.tank-welcome h1{font:600 clamp(48px, 6.25vw, 104px)/.9 var(--serif);letter-spacing:-.047em;text-shadow:0 3px 28px #0009;margin:18px 0 22px}.tank-hotspots{position:absolute;inset:0}.tank-marker{left:var(--marker-x);top:var(--marker-y);pointer-events:auto;isolation:isolate;align-items:center;max-width:170px;min-height:44px;display:inline-flex;position:absolute}.tank-marker-stream,.tank-feature-stream{--marker-x:58%;--marker-y:28%}.tank-marker-schedule,.tank-feature-schedule{--marker-x:76%;--marker-y:20%}.tank-marker-about,.tank-feature-about{--marker-x:64%;--marker-y:70%}.tank-marker-merch,.tank-feature-merch{--marker-x:83%;--marker-y:59%}.marker-point{background:#0b2329d9;border:1px solid #eac982a0;flex:none;place-items:center;width:28px;height:28px;transition:background .24s,box-shadow .24s;display:grid;transform:rotate(45deg)}.marker-point:after{content:"";background:var(--gold);width:6px;height:6px;box-shadow:0 0 11px #eac982bf}.marker-label{color:var(--ivory);font:600 10px var(--mono);letter-spacing:.085em;text-transform:uppercase;white-space:nowrap;background:#071a21ee;border:1px solid #80d6ca61;border-left:0;margin-left:-8px;padding:7px 9px 7px 17px;transition:border-color .24s,color .24s}.marker-label>span{color:var(--teal);margin-right:7px}.tank-marker:is(:hover,:focus-visible) .marker-point{background:#624a23;box-shadow:0 0 23px #eac98266}.tank-marker:is(:hover,:focus-visible) .marker-label{border-color:var(--gold);color:var(--gold)}.tank-status{min-height:40px;color:var(--mute)}.tank-status span span,.tank-status a span{color:var(--teal);margin-right:5px}.tank-status a:hover{color:var(--gold)}.tank-status a:last-child{margin-left:auto}.tank-watch-alias{pointer-events:none;position:absolute;top:0}.tank-feature{--feature-width:845px;pointer-events:none;outline:0;align-items:center;display:none;position:absolute;inset:70px clamp(20px,5vw,86px) 23px}.tank-feature-stream{--feature-width:980px}.tank-feature-schedule{--feature-width:570px}.tank-feature-about{--feature-width:810px}.tank-feature-merch{--feature-width:970px}.tank-page[data-active]:not([data-active=""]) .tank-feature,.tank-page:not([data-active]) .tank-feature:target,.tank-page:not([data-active]) #watch:target+.tank-feature-stream{display:flex}.tank-page:where([data-active]:not([data-active=""]),:not([data-active]):has(.tank-feature:target,#watch:target)) .tank-welcome{display:none}.tank-page:where([data-active]:not([data-active=""]),:not([data-active]):has(.tank-feature:target,#watch:target)) .ocean{filter:brightness(.79)saturate(.88);transform:scale(1.065)translate(-1%)}.tank-page[data-active=schedule] .ocean{transform:scale(1.055)translate(1%)}.tank-page[data-active=about] .ocean{transform:scale(1.09)translateY(-1%)}.tank-page[data-active=merch] .ocean{transform:scale(1.065)translate(1.1%)}.tank-feature-frame{width:min(100%, var(--feature-width));outline-offset:5px;pointer-events:auto;background:#07171cf5;border:1px solid #65a99f;outline:1px solid #38675e87;grid-template-rows:auto minmax(0,1fr);min-width:0;max-height:100%;animation:.48s cubic-bezier(.16,.78,.23,1) tank-expand;display:grid;position:relative;box-shadow:0 24px 80px #0007}.tank-feature-frame:before{content:"";background:linear-gradient(90deg, var(--gold) 0 32px, var(--teal) 32px, transparent 74%);transform-origin:100%;pointer-events:none;height:2px;animation:.5s ease-out both tank-trace;position:absolute;inset:-1px 0 auto}.tank-feature:focus-visible .tank-feature-frame{outline-color:var(--teal)}@keyframes tank-expand{0%{opacity:0;clip-path:inset(var(--marker-y) calc(100% - var(--marker-x)) calc(100% - var(--marker-y)) var(--marker-x));transform:translate(8px,5px)}65%{clip-path:inset(0)}to{opacity:1;clip-path:inset(-14px);transform:translate(0)}}@keyframes tank-trace{0%{opacity:.2;transform:scaleX(.06)}to{opacity:1;transform:scaleX(1)}}.tank-feature-bar{border-bottom:1px solid var(--line);background:linear-gradient(90deg,#15343d,#0c222a);justify-content:space-between;align-items:center;gap:12px;min-height:49px;padding:0 clamp(14px,2.4vw,27px);display:flex}.tank-feature-bar h2{letter-spacing:.15em;line-height:1.3}.tank-feature-bar h2 span{color:var(--gold)}.tank-back{min-height:44px;color:var(--ivory);align-items:center;gap:7px;display:flex}.tank-back:hover{color:var(--gold)}.tank-feature-body{overscroll-behavior:contain;scrollbar-color:#487f76 #0b2027;padding:clamp(17px,2.6vw,34px);animation:.37s ease-out .11s both tank-content;overflow:auto}@keyframes tank-content{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.tank-feature-body h3{font:600 clamp(35px, 4.1vw, 64px)/.91 var(--serif);letter-spacing:-.035em}.tank-panel-intro{color:#c4d6d0;margin-top:12px;font-size:15px}.tank-watch-layout{grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);align-items:start;gap:16px;margin-top:22px;display:grid}.tank-watch-layout .stream-player{margin-top:0}.tank-watch-layout .stream-screen{aspect-ratio:16/9}.tank-watch-layout .channel-stack{gap:8px}.tank-watch-layout .channel{gap:10px;min-width:0;padding:12px}.tank-watch-layout .channel>span:nth-child(2){min-width:0}.tank-watch-layout .channel .channel-icon{flex-shrink:0;width:35px;height:35px}.tank-watch-layout .channel svg{width:17px;height:17px}.tank-watch-layout .channel strong{margin-top:0;font-size:25px}.tank-watch-layout .channel-label{letter-spacing:.1em;font-size:9px}.tank-watch-layout .channel-detail{overflow-wrap:anywhere;margin-top:2px;font-size:11px}.tank-feature .schedule-board{margin-top:19px;padding:15px 18px 14px 20px}.tank-feature .board-top{letter-spacing:.09em;font-size:10px}.tank-feature .board-badge{white-space:nowrap}.tank-feature .schedule-time{padding:6px 0;font-size:clamp(53px,7vw,92px)}.tank-feature .board-bottom{padding:12px 0}.tank-feature .board-bottom>img{width:58px}.tank-feature .board-bottom div>span{margin-top:2px}.tank-calendar{margin-top:15px}.tank-feature .lounge-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:clamp(20px,4vw,50px)}.tank-feature .lounge-copy h3{margin-bottom:18px}.tank-feature .lounge-copy p{font-size:15px}.tank-feature .lounge-copy .button{margin-top:2px}.tank-feature .portrait-stamp{display:none}.tank-merch .merch-heading{margin:0 0 20px}.tank-merch .merch-heading p{margin-top:10px;font-size:15px}.tank-merch .products{gap:13px}.tank-merch .product-caption{gap:8px;padding:13px 15px}.tank-merch .product-caption h4{font-size:25px}.tank-merch .product-caption p{font-size:12px}.tank-merch .merch-note{text-align:left;justify-content:flex-start;margin-top:20px;font-size:13px}@media (max-width:1000px){.tank-marker-merch{--marker-x:78%}.tank-merch .products{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}}@media (max-width:700px){.tank-page{--tank-edge:10px;--tank-surface:clamp(154px, 27dvh, 245px);gap:8px;height:auto;min-height:100dvh}.tank-header{flex-wrap:wrap;gap:0}.tank-header .brand{min-height:50px;padding-inline:5px}.tank-header .brand-mark{width:31px;height:31px}.tank-header .brand-second{font-size:23px}.tank-nav{border-top:1px solid var(--line);width:100%}.tank-nav a{letter-spacing:.055em;flex:auto;padding-inline:4px;font-size:9px}.tank-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(var(--tank-surface), 1fr) auto;align-content:start;display:grid}.tank-water{grid-area:1/1;position:relative}.tank-water .ocean:after{background:linear-gradient(#04161b8c,#0000 23% 66%,#05151caa 100%)}.tank-water .viewport-frame:after{display:none}.tank-water .viewport-label{letter-spacing:.09em;font-size:9px;top:15px;left:14px}.tank-water .motion-toggle{letter-spacing:0;background:#061820e6;gap:5px;min-height:44px;padding-inline:8px;font-size:9px;inset:9px 10px auto auto}.tank-welcome{border:1px solid var(--line);background:var(--tank-chrome);border-top:0;grid-area:2/1;padding:23px 17px 27px;position:relative;inset:auto}.tank-welcome .hero-copy{min-width:0;max-width:100%;margin:0}.tank-welcome h1{margin-block:13px 15px;font-size:clamp(36px,11vw,61px)}.tank-welcome .hero-actions{margin-top:19px}.tank-welcome .hero-description{font-size:15px}.tank-welcome .button,.tank-calendar,.tank-feature .lounge-copy .button{letter-spacing:.08em;gap:7px;min-height:44px;padding:10px 12px;font-size:11px}.tank-hotspots{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;align-content:end;gap:0 8px;padding:0 12px 8px;display:grid;inset:auto 0 100%}.tank-marker{width:fit-content;padding-left:4px;position:relative;top:auto;left:auto}.tank-marker:nth-child(2n){justify-self:end}.marker-point{width:18px;height:18px}.marker-point:after{width:4px;height:4px}.marker-label{margin-left:-5px;padding:5px 6px 5px 12px;font-size:9px}.marker-label>span{margin-right:4px}.tank-page:where([data-active]:not([data-active=""]),:not([data-active]):has(.tank-feature:target,#watch:target)){height:100dvh;min-height:450px}.tank-page:where([data-active]:not([data-active=""]),:not([data-active]):has(.tank-feature:target,#watch:target)) .tank-stage{grid-template-rows:var(--tank-surface) minmax(0, 1fr)}.tank-feature{grid-area:2/1;align-items:stretch;min-height:0;position:relative;inset:auto}.tank-feature-frame{outline:0;max-height:none;margin-top:-1px;animation-name:tank-sheet}@keyframes tank-sheet{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.tank-feature-body{padding:15px}.tank-feature-body h3{font-size:clamp(32px,8.8vw,48px)}.tank-watch-layout{grid-template-columns:1fr;gap:12px;margin-top:14px}.tank-feature .lounge-grid{grid-template-columns:1fr}.tank-feature .lounge-portrait{grid-row:2;max-width:230px}.tank-merch .products{scroll-snap-type:x mandatory;scrollbar-color:#487f76 #0b2027;grid-template-columns:none;grid-auto-columns:min(82%,350px);grid-auto-flow:column;padding:0 1px 10px;overflow-x:auto}.tank-merch .product{scroll-snap-align:start}.tank-merch .product:hover{transform:none}.tank-status{gap:10px;min-height:33px;font-size:9px}.tank-playing{display:none}}@media (max-width:700px) and (max-height:530px){.tank-page{--tank-surface:123px}}@media (prefers-reduced-motion:reduce){.tank-feature-frame,.tank-feature-frame:before,.tank-feature-body{animation:none}}
