/* In-world media console, free-roam navigation and live-event concepts. */
.tv-section,.live-section{position:relative;padding:88px 6% 80px;scroll-margin-top:100px;isolation:isolate;background:linear-gradient(140deg,#0b182bed,#182d44cc);border-bottom:2px solid var(--pink)}
.tv-heading,.live-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}.tv-heading .eyebrow,.live-heading .eyebrow{color:var(--yellow);font-size:9px;letter-spacing:1.5px;margin-bottom:23px}.tv-heading h2,.live-heading h2{font:400 clamp(58px,7.6vw,104px)/.9 'Lilita One',Impact;letter-spacing:-2.8px;text-shadow:3px 4px #8d4169,6px 7px #0c172b}.tv-heading>p,.live-heading>p{font-size:13px;line-height:1.8;max-width:290px;margin-bottom:4px}
.tv-console{position:relative;border:2px solid var(--pink);padding:15px;background:linear-gradient(130deg,#26354d,#101d2e);box-shadow:9px 12px #050d20aa}.tv-console-bar{display:flex;align-items:center;gap:25px;padding:8px 12px 21px}.tv-console-bar>strong{font:400 30px/1 'Lilita One',Impact;letter-spacing:-1px}.tv-console-bar>span{font:700 8px 'DM Sans',sans-serif;letter-spacing:1px;color:var(--pink)}.tv-console-bar .tv-console-mark{margin-left:auto;font-size:27px;color:var(--yellow)}
.tv-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:15px}.tv-tabs button{min-height:49px;border:1px solid #e7accb55;background:#0f1d30;color:var(--cream);text-align:left;padding:12px 16px;font:700 12px 'DM Sans',sans-serif;border-bottom-width:3px}.tv-tabs button span{font:700 8px monospace;color:var(--pink);margin-right:11px}.tv-tabs button[aria-selected=true]{background:var(--yellow);color:#122138;border-color:var(--yellow);border-bottom-color:#b0a039}.tv-tabs button[aria-selected=true] span{color:#34414d}.tv-tabs button:hover{border-color:var(--pink)}
.tv-panel{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);background:#0a1527;border:1px solid #f0a8ca66}.tv-screen{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;min-height:410px;padding:23px;background:#3f4a60;border-right:1px solid #f0a8ca66}.tv-screen:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(135deg,#111e3a44,#12243ba8),url('assets/jacket-print.jpeg') center/cover;filter:saturate(.6)}.tv-screen:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#00000018 0 1px,transparent 1px 4px);box-shadow:inset 0 0 70px #09132599;z-index:2}.tv-screen-top,.tv-screen-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;font:700 8px/1.4 'DM Sans',sans-serif;letter-spacing:1px;position:relative;z-index:3}.tv-screen-top>span:last-child{font:700 12px monospace;color:var(--yellow)}.tv-screen-footer{font-size:6px;color:#f5e4ec}.tv-poster{position:relative;z-index:3;padding:35px 9px;transform:rotate(-4deg)}.tv-poster>span,.tv-poster>em{display:block;font:400 clamp(35px,4.9vw,70px)/.92 'Lilita One',Impact;letter-spacing:-2px;color:var(--cream);text-shadow:3px 4px #1c263d}.tv-poster>em{font-style:normal;color:var(--pink);margin-top:5px}.tv-poster p{font:700 9px/1.7 'DM Sans',sans-serif;letter-spacing:1.5px;margin:22px 0 0;max-width:80%}.tv-banana{position:absolute;width:88px;right:15px;bottom:40px;transform:rotate(18deg);opacity:.9}.tv-crosshair{position:absolute;font:16px monospace;color:#f4e4ef66}.crosshair-a{top:48px;left:16px}.crosshair-b{bottom:41px;right:16px}
.tv-program{padding:31px 26px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}.tv-state{font:700 7px/1.5 'DM Sans',sans-serif;letter-spacing:1px;color:var(--yellow);padding-bottom:13px;border-bottom:1px dashed #f0a8ca66;width:100%}.tv-program h3{font:400 37px/1 'Lilita One',Impact;text-transform:none;letter-spacing:-.8px;margin:23px 0 0}.tv-program>p{font-size:11px;line-height:1.85;color:#cbd3df;margin:20px 0}.tv-program .cta{font-size:9px;padding:17px 16px;gap:20px;width:100%;justify-content:space-between}.tv-program #tv-pending{color:var(--pink);font-size:10px;border-left:2px solid var(--pink);padding-left:14px}.tv-program #tv-context{display:block;font-size:10px;color:var(--pink);text-decoration:underline;text-underline-offset:5px;margin-top:22px;line-height:1.7}.tv-grille{height:17px;width:100%;background:repeating-linear-gradient(90deg,#f0a8ca22 0 2px,transparent 2px 6px);margin-top:25px}.monkey-tv{width:110px;height:110px;left:-35px;top:auto;bottom:-25px;transform:rotate(-15deg);z-index:6}.monkey-tv .monkey-bubble{left:75%;right:auto}.tv-world-links{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px dashed #f0a8ca66;padding:28px 0 22px;margin-top:20px}.tv-world-links>span{color:var(--yellow);font-size:7px;letter-spacing:1px}.tv-world-links a{font-size:10px;white-space:nowrap}.tv-world-links b{color:var(--pink);margin-left:14px}.tv-editorial-note{font-size:8px;color:#a9b8ca;margin-top:18px;line-height:1.7}
.tv-section[data-signal=podcasts] .tv-screen:before{background:radial-gradient(ellipse at 90% 80%,#bf669c88,transparent 60%),linear-gradient(135deg,#2e2330aa,#14213ca8),url('assets/jacket-print.jpeg') center/cover}.tv-section[data-signal=tiktoks] .tv-screen:before{background:linear-gradient(145deg,#06414cc7,#15234188),url('assets/jacket-print.jpeg') center/cover}.tv-section[data-signal=sessions] .tv-screen:before{background:radial-gradient(ellipse at 80% 50%,#e9d54a55,transparent 55%),linear-gradient(145deg,#2e2346aa,#12243bc8),url('assets/jacket-print.jpeg') center/cover}.tv-section[data-signal=sessions] .tv-poster>em{color:var(--yellow)}.channel-changing .tv-poster{animation:tune-signal .3s ease-out}@keyframes tune-signal{from{opacity:.3;transform:translateY(6px) rotate(-4deg)}to{opacity:1;transform:translateY(0) rotate(-4deg)}}
.world-hud{position:fixed;left:20px;bottom:20px;z-index:29;filter:drop-shadow(0 5px 12px #04091499);transition:opacity .2s}.world-hud>button{display:flex;align-items:center;gap:11px;border:1px solid #eaa3c49c;background:#0d1a2ee8;backdrop-filter:blur(12px);padding:9px 12px 9px 9px;color:var(--cream);text-align:left;box-shadow:inset 0 -2px #dca0c14d;max-width:min(360px,90vw)}.hud-radar{width:52px;height:52px;position:relative;flex:none;overflow:hidden;border:2px solid #e7abc6;border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 13px,#87b0b247 14px 16px),repeating-linear-gradient(90deg,#223d4c 0 15px,#87b0b247 16px 18px)}.hud-radar:after{content:'';position:absolute;right:-7px;top:-5px;width:20px;height:70px;background:#0e1b30;transform:rotate(30deg);border-left:1px solid #f0a8ca77}.hud-radar i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--pink);top:7px;left:13px}.hud-radar b{position:absolute;left:22px;top:21px;width:6px;height:6px;border-radius:50%;background:var(--yellow);box-shadow:0 0 9px #f4f05c77}.hud-radar em{position:absolute;font:12px Arial;color:var(--yellow);left:20px;top:26px}.hud-readout{display:flex;flex-direction:column;gap:4px;max-width:205px}.hud-readout small{font-size:5.5px;letter-spacing:.6px;color:#d2bbce;text-transform:uppercase;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-readout strong{font:700 18px/1 'Barlow Condensed',Impact;letter-spacing:.2px;text-transform:uppercase}.hud-readout>span{font-size:7px;color:#c4cad4}.hud-map-label{font-size:6px;color:var(--yellow);margin-left:5px;display:flex;flex-direction:column;align-items:center;gap:5px;letter-spacing:1px}.hud-map-label kbd{border:1px solid #f4f05c66;padding:3px 5px;font:8px monospace}.world-hud>button:hover{border-color:var(--yellow)}body.entrance-active .world-hud{visibility:hidden}.arrival-toast{position:fixed;top:118px;left:50%;transform:translate(-50%,-10px);z-index:29;pointer-events:none;text-align:center;opacity:0;background:#0e1c30e6;border-inline:2px solid var(--pink);padding:14px 40px;min-width:240px}.arrival-toast>span{display:block;color:var(--yellow);font-size:7px;letter-spacing:3px;margin-bottom:7px}.arrival-toast strong{font:800 italic 29px/1 'Barlow Condensed',Impact;text-transform:uppercase;color:var(--cream)}.arrival-toast.arriving{animation:arrival 1.8s ease both}@keyframes arrival{0%,100%{opacity:0;transform:translate(-50%,-10px)}15%,80%{opacity:1;transform:translate(-50%,0)}}
.world-map{width:min(1020px,94vw);max-width:none;padding:0;max-height:90svh;overflow-y:auto;background:#101e31;color:var(--cream);border:2px solid var(--pink);box-shadow:0 0 70px #e79abb22}.world-map::backdrop{background:#060d1ce6;backdrop-filter:blur(9px)}.map-top{display:flex;align-items:start;justify-content:space-between;padding:25px 30px 23px}.map-top .eyebrow{font-size:7px;color:var(--yellow);margin:0 0 10px}.map-top h2{font:400 55px/.9 'Lilita One',Impact;letter-spacing:-1px;text-transform:lowercase;margin:0}.map-top>button{border:1px solid #e5adc466;background:transparent;color:var(--pink);width:38px;height:38px;font:25px Arial}.map-location,.map-bottom{display:flex;justify-content:space-between;gap:25px;padding:14px 30px;font-size:7px;letter-spacing:1px;border-top:1px solid #f0a8ca55}.map-location strong{color:var(--pink);font-weight:500}.map-location>span:last-child{color:var(--yellow)}.map-terrain{position:relative;height:400px;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,#18364ded,#233148ed),url('assets/jacket-print.jpeg') center/cover;border-block:1px solid #f0a8ca55}.map-terrain:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#7ca4b219 1px,transparent 1px),linear-gradient(#7ca4b219 1px,transparent 1px);background-size:42px 42px}.map-terrain:after{content:'';position:absolute;width:23%;height:135%;right:-15%;top:-20%;transform:rotate(23deg);background:#132338;border-left:3px solid #8ba6ab66;z-index:-1}.map-routes{position:absolute;inset:0;width:100%;height:100%;fill:none}.map-road{stroke:#7997a344;stroke-width:13}.map-trail{stroke:#f1e6627c;stroke-width:2;stroke-dasharray:4 7}.map-water{position:absolute;right:15px;bottom:17px;font:700 italic 14px/1.1 'Barlow Condensed',Impact;color:#98b6bc66;letter-spacing:2px;transform:rotate(-64deg)}.map-stop{position:absolute;display:flex;align-items:center;gap:10px;padding:11px;background:#0a1729e8;border:1px solid #9a9eaf77;box-shadow:5px 6px #07122266;transform:translateY(-50%);min-width:180px;max-width:245px}.map-stop>i{font:19px Arial;font-style:normal;color:var(--pink);width:25px;text-align:center}.map-stop strong{display:block;font:700 22px/.95 'Barlow Condensed',Impact;letter-spacing:.3px}.map-stop small{display:block;font:600 6px/1.6 'DM Sans',sans-serif;letter-spacing:.7px;margin-top:6px;color:#b9c1cc}.map-stop:hover,.map-stop:focus-visible{background:#294055;border-color:var(--yellow)}.map-stop[aria-current]{border-color:var(--yellow);box-shadow:0 0 0 2px #f4f05c33,5px 6px #07122266}.map-stop[aria-current]>i{color:var(--yellow)}.stop-arrival{left:4%;top:22%}.stop-collective{left:36%;top:22%}.stop-radio{left:68%;top:22%}.stop-watch{left:68%;top:70%}.stop-world{left:36%;top:70%}.stop-merch{left:4%;top:70%}.map-bottom{border:0;color:#afc1d1;font-size:6px}.map-bottom>span:last-child{color:var(--pink)}
footer{padding-bottom:110px!important}
@media(min-width:801px){.site-header nav{gap:18px;font-size:9px}.site-header{gap:20px}.live-bug{padding-left:18px}}
@media(min-width:1500px){.tv-section,.live-section{padding-inline:12%}}
@media(max-width:1050px) and (min-width:801px){.site-header nav{gap:13px;font-size:8px}.live-bug{gap:6px;padding-left:12px}.site-header .vice-lockup{width:106px}.site-header{padding-inline:3%;gap:16px}.site-header .brand{font-size:19px}}
@media(max-width:850px){.tv-heading h2,.live-heading h2{font-size:68px}.tv-heading>p,.live-heading>p{font-size:12px;max-width:240px}.tv-tabs button{padding:12px 10px;font-size:10px}.tv-tabs button span{margin-right:6px}.tv-screen{min-height:360px;padding:19px}.tv-program{padding:25px 20px}.tv-program h3{font-size:31px}.tv-program>p{font-size:10px}.tv-poster>span,.tv-poster>em{font-size:47px}.tv-banana{width:64px}.tv-poster p{font-size:7px}.tv-screen-footer span:last-child{display:none}.map-stop{min-width:0;width:27%;padding:11px 9px;gap:7px}.map-stop strong{font-size:20px}.map-stop small{font-size:5px}.map-stop i{font-size:17px}.tv-world-links{gap:14px}.tv-world-links a{font-size:8px}}
@media(max-width:650px){.tv-section,.live-section{padding:65px 6%}.tv-heading,.live-heading{display:block;margin-bottom:30px}.tv-heading>p,.live-heading>p{max-width:330px;margin-top:25px}.tv-heading .eyebrow,.live-heading .eyebrow{font-size:7px;letter-spacing:1px}.tv-heading h2,.live-heading h2{font-size:65px}.tv-console{padding:10px;box-shadow:6px 8px #060e1c99}.tv-console-bar{padding:8px 6px 18px}.tv-console-bar>strong{font-size:26px}.tv-console-bar>span{font-size:6px}.tv-tabs{gap:4px;margin-bottom:10px}.tv-tabs button{font-size:9px;padding:9px 5px;text-align:center;min-height:50px}.tv-tabs button span{display:block;margin:0 0 5px;font-size:6px}.tv-panel{grid-template-columns:1fr}.tv-screen{border-right:0;border-bottom:1px solid #f0a8ca77;min-height:310px;padding:19px}.tv-poster{padding:30px 7px}.tv-poster>span,.tv-poster>em{font-size:53px}.tv-screen-top{font-size:7px}.tv-poster p{font-size:7px}.tv-program{padding:26px}.tv-program h3{font-size:35px}.tv-program>p{font-size:12px}.tv-program .cta{font-size:9px}.tv-program #tv-context{font-size:11px}.monkey-tv{width:85px;height:85px;left:auto;right:-18px;bottom:-28px}.monkey-tv .monkey-bubble{left:auto;right:50%}.tv-world-links{display:grid;grid-template-columns:1fr;gap:0;padding:21px 0 12px;margin-top:18px}.tv-world-links>span{margin-bottom:10px}.tv-world-links a{font-size:11px;display:flex;justify-content:space-between;padding:12px 0}.tv-editorial-note{font-size:8px}.world-hud{bottom:12px;left:12px}.world-hud>button{padding:6px 9px 6px 6px;gap:8px;max-width:290px}.hud-radar{width:40px;height:40px}.hud-readout small{max-width:165px;font-size:5px}.hud-readout strong{font-size:16px}.hud-readout>span{font-size:6px}.hud-map-label kbd{display:none}.hud-map-label{font-size:6px}.map-top{padding:23px 20px}.map-top h2{font-size:47px}.map-location{padding:12px 20px;font-size:6px;gap:10px}.map-location>span:last-child{max-width:90px;text-align:right;line-height:1.6}.map-terrain{height:auto;min-height:0;display:grid;grid-template-columns:1fr 1fr;padding:20px;gap:17px 12px}.map-stop{position:relative;left:auto;top:auto;transform:none;width:auto;max-width:none;padding:15px 9px;min-height:82px;align-items:start;gap:8px}.map-stop>i{font-size:16px;width:18px;flex:none}.map-stop strong{font-size:21px}.map-stop small{font-size:5px;letter-spacing:.5px;line-height:1.7}.map-bottom{padding:14px 20px;font-size:5px;line-height:1.7}.map-bottom span:first-child{max-width:160px}.map-water{display:none}.arrival-toast{top:105px;min-width:215px;padding:12px 28px}.arrival-toast strong{font-size:26px}}
@media(max-width:360px){.tv-heading h2,.live-heading h2{font-size:55px}.tv-poster>span,.tv-poster>em{font-size:46px}.tv-screen{min-height:285px}.tv-program{padding:22px}.map-terrain{padding:15px;gap:10px}.map-stop strong{font-size:18px}.map-stop{padding:13px 7px;gap:6px}}
body.reduced .channel-changing .tv-poster,body.reduced .arrival-toast.arriving{animation:none}body.reduced .world-hud{transition:none}
@media(prefers-reduced-motion:reduce){.channel-changing .tv-poster,.arrival-toast.arriving{animation:none}.world-hud{transition:none}}
/* Live ideas are places on the horizon, with no dates or ticket actions. */
.live-section{background:linear-gradient(150deg,#24374bd9,#111f35f2)}.live-board{border:2px solid var(--pink);background:#101f34;box-shadow:9px 12px #08102388}.live-board-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:16px 22px;font:700 7px/1.6 'DM Sans',sans-serif;letter-spacing:1.2px;border-bottom:1px solid #f0a8ca66}.live-board-top span:last-child{color:var(--yellow)}.live-board-grid{display:grid;grid-template-columns:1.25fr 1fr}.live-feature{border-right:1px solid #f0a8ca66;padding:23px}.capitan-poster{position:relative;isolation:isolate;overflow:hidden;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:38px 20px 25px;background:linear-gradient(175deg,#507e80,#436566 45%,#123b4b 46%,#102b41);border:1px solid #a9a989;color:#fff5b7}.capitan-poster:before{content:'';position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0 23px,#c4e4d618 24px 25px);opacity:.65}.capitan-poster h3{font:italic 700 clamp(44px,5vw,72px)/1 Georgia,serif;text-transform:none;letter-spacing:-3px;position:relative;color:#ffed8c;transform:rotate(-7deg);text-shadow:2px 3px #27444a;margin:35px 0 19px}.capitan-kicker{position:absolute;top:17px;font:700 6px 'DM Sans',sans-serif;letter-spacing:1.7px;z-index:2}.capitan-sun{position:absolute;width:150px;height:150px;border-radius:50%;background:linear-gradient(#edb2a6,#f7d797);top:26px;right:27px;opacity:.72;z-index:-1}.capitan-opening{font:700 10px 'DM Sans',sans-serif;letter-spacing:4px;color:#fff0cf;position:relative}.capitan-poster>p{font-size:6px;letter-spacing:1.5px;margin:12px 0 0;position:relative}.capitan-wave{font:38px Georgia;letter-spacing:4px;line-height:1;margin:16px 0 0;opacity:.65}.capitan-speculative{font:700 6px 'DM Sans',sans-serif;letter-spacing:1px;padding:7px 10px;border:1px solid #f5e6a177;margin-top:15px}.live-feature-copy{padding:24px 4px 2px}.live-code{display:block;color:var(--pink);font:700 7px 'DM Sans',sans-serif;letter-spacing:1.5px}.live-feature-copy h3{font:400 35px/1 'Lilita One',Impact;letter-spacing:-.7px;text-transform:none;margin:13px 0}.live-feature-copy p,.live-small>p:not(.live-tag){font-size:11px;line-height:1.9;color:#cbd4df;max-width:440px}.live-detail{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:16px 0 4px;border:0;border-top:1px solid #f0a8ca55;background:transparent;color:var(--yellow);font:700 8px 'DM Sans',sans-serif;letter-spacing:.8px;margin-top:22px;text-align:left;min-height:44px}.live-detail:hover{color:var(--pink)}.live-detail>span{font-size:20px}.live-other{display:grid;grid-template-rows:1fr 1fr}.live-small{position:relative;padding:28px 28px 23px;overflow:hidden}.live-small+article{border-top:1px solid #f0a8ca66}.live-small h3{font:900 italic 63px/.9 'Barlow Condensed',Impact;letter-spacing:1px;margin:16px 0 12px;color:var(--cream)}.live-small .live-tag{font:700 12px/1.5 'DM Sans',sans-serif;color:var(--pink);margin:0}.live-small>p:not(.live-tag){font-size:10px;margin:12px 0}.live-concept-tag{display:block;color:#b3becd;font-size:6px;letter-spacing:1px}.live-small .live-detail{margin-top:17px}.live-edge{background:radial-gradient(ellipse at 100% 0,#da7eac1c,transparent 75%)}.live-aire{background:radial-gradient(ellipse at 100% 100%,#7aa7a92e,transparent 75%)}.live-aire h3{font-style:normal;letter-spacing:12px;font-weight:500}.live-foot{display:flex;justify-content:space-between;align-items:start;gap:30px;margin-top:25px}.live-foot p{font-size:9px;line-height:1.8;max-width:470px;color:#c4cbd4;margin:0}.live-foot a{font-size:9px;white-space:nowrap;color:var(--pink);padding:8px 0}.live-foot a span{margin-left:15px;color:var(--yellow)}.stop-live{left:36%;top:48%}.map-terrain{height:440px}.stop-world,.stop-watch,.stop-merch{top:80%}.map-trail{stroke-dasharray:5 8}.future-dialog h2{font-size:62px}.site-header nav{gap:15px}.portal-enter{max-width:calc(100vw - 50px);white-space:normal}
@media(max-width:850px){.capitan-poster{min-height:280px}.capitan-poster h3{font-size:50px}.live-small{padding:25px 23px}.live-feature{padding:19px}.live-feature-copy h3{font-size:30px}.live-small h3{font-size:54px}.live-foot{gap:20px}.live-foot p{font-size:8px}.live-foot a{font-size:8px}}
@media(max-width:650px){.live-board-grid{grid-template-columns:1fr}.live-board-top{font-size:5.5px;padding:14px 16px;letter-spacing:.8px;gap:20px}.live-board-top span:last-child{text-align:right;max-width:120px}.live-feature{border-right:0;border-bottom:1px solid #f0a8ca66;padding:18px}.capitan-poster{min-height:290px}.capitan-poster h3{font-size:53px}.capitan-opening{font-size:9px;letter-spacing:3px}.live-feature-copy{padding:25px 4px 4px}.live-feature-copy h3{font-size:34px}.live-feature-copy p,.live-small>p:not(.live-tag){font-size:12px}.live-detail{font-size:8px}.live-small{padding:28px 23px}.live-small h3{font-size:60px}.live-small .live-tag{font-size:13px}.live-concept-tag{font-size:7px}.live-code{font-size:7px}.live-foot{display:block}.live-foot p{font-size:9px}.live-foot a{display:block;font-size:10px;margin-top:16px}.map-terrain{height:auto}.stop-live,.stop-world,.stop-watch,.stop-merch{left:auto;top:auto}.future-dialog h2{font-size:49px}.portal-enter{font-size:11px;line-height:1.6;padding:17px 23px}}
@media(max-width:360px){.capitan-poster h3{font-size:47px}.portal-enter{font-size:10px}}
/* The brand occupies the vortex; Vice City remains a broadcast stamp. */
.portal-top{top:24px;align-items:flex-start}.portal-broadcast{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.portal-broadcast .portal-live{font-size:7px;letter-spacing:1.6px;margin:0}.portal-broadcast .portal-live i{width:6px;height:6px;margin-right:6px}.portal-broadcast .vice-lockup{width:165px;height:auto;margin-top:4px}.portal-coordinate{text-align:right;line-height:2.2;font-size:7px;letter-spacing:1.5px}.portal-content{width:min(680px,91vw)}.portal-identity{font:700 8px 'DM Sans',sans-serif;letter-spacing:3.5px;color:var(--yellow);margin:0 0 24px}.portal-tng-title{font-family:'Lilita One',Impact;font-weight:400;letter-spacing:-5px;line-height:.86;margin:0;text-shadow:none;transform:rotate(-4deg)}.portal-tng-title>span{display:block;width:max-content;max-width:100%;margin:auto;font-size:clamp(65px,9.2vw,129px);background:linear-gradient(#f8b5ca99,#f6ddbd77),url('assets/jacket-print.jpeg') center 55%/500px;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:1.5px #fbc3d5;filter:drop-shadow(3px 5px 0 #814566) drop-shadow(0 0 18px #f4a4c244);animation:portal-lettering 7s ease-in-out infinite alternate}.portal-tng-title>span+span{font-size:clamp(100px,13.6vw,185px);margin-top:6px;padding-bottom:.2em;margin-bottom:-.2em;animation-delay:-4s}.portal-line{font-size:22px;margin:28px 0 24px}.portal-enter{font-size:10px;padding:18px 23px}.portal-footer{font-size:7px}.portal-monkey{bottom:14%;left:9%}.portal-banana.banana-one{top:25%;right:11%}@keyframes portal-lettering{to{transform:rotate(3deg) translate(5px,-3px);background-position:center,53% 60%}}
@media(max-width:700px){.portal-top{top:23px}.portal-broadcast .vice-lockup{width:128px}.portal-broadcast .portal-live{font-size:5px;letter-spacing:1px}.portal-broadcast .portal-live i{width:5px;height:5px}.portal-coordinate{font-size:5px;letter-spacing:1px}.portal-identity{font-size:6px;letter-spacing:2px;margin-bottom:24px}.portal-tng-title{letter-spacing:-3px}.portal-tng-title>span{font-size:clamp(56px,14.8vw,92px);-webkit-text-stroke:1px #fbc3d5}.portal-tng-title>span+span{font-size:clamp(85px,22vw,138px)}.portal-line{font-size:19px;margin:27px 0 23px}.portal-enter{font-size:9px;letter-spacing:1px;max-width:90vw;padding:16px}.portal-enter span{margin-left:15px}.portal-footer{font-size:5px;letter-spacing:1px;bottom:18px}.portal-monkey{bottom:8%;left:3%}.portal-banana.banana-one{top:25%;right:7%}}
@media(max-height:650px){.portal-content{top:54%}.portal-identity{margin-bottom:14px;font-size:6px}.portal-tng-title>span{font-size:65px}.portal-tng-title>span+span{font-size:100px}.portal-line{font-size:17px;margin:17px 0}.portal-enter{padding:11px 18px;font-size:8px}.portal-skip{margin-top:9px}.portal-broadcast .vice-lockup{width:117px}.portal-broadcast .portal-live{font-size:5px}}

/* Keep the entrance focused on the title and teleport action. */
#enter-universe{margin-top:30px}
@media(max-height:650px){#enter-universe{margin-top:20px}}
/* The mascot runs against a shared rotating surface instead of floating independently. */
.entrance-dialog .portal-denim{animation:none;transform:rotate(var(--vortex-angle,-18deg)) scale(1.05)}
.entrance-dialog.pulling .portal-denim{animation:portal-pull .85s cubic-bezier(.65,0,.85,.4) forwards}
.entrance-dialog .portal-monkey{left:0;top:0;bottom:auto;animation:none;transform-origin:50% 88%;will-change:transform;width:140px;height:186px;filter:drop-shadow(3px 7px 2px #08122277)}
.entrance-dialog .portal-monkey .monkey-sprite{background-image:url('assets/monkey-vortex-v1.png');background-size:400% 200%;background-position:0 0;clip-path:none}
.portal-monkey[data-action=run]:after{content:'';position:absolute;width:14px;height:3px;background:#e5d7c366;left:13%;bottom:9%;box-shadow:-15px 6px #e5d7c333,-25px 2px #e5d7c322;transform:rotate(-10deg);animation:run-dust .25s ease-out infinite}
.vortex-track{position:absolute;left:10%;top:14.5%;width:80%;height:71%;border:1px dashed #f0a8ca21;border-radius:50%;pointer-events:none;z-index:1}
.vortex-props{position:absolute;inset:0;pointer-events:none;z-index:2}.vortex-props img{position:absolute;left:0;top:0;width:40px;height:40px;object-fit:contain;filter:drop-shadow(2px 4px 2px #050c2466);will-change:transform}.vortex-props #vortex-obstacle{width:46px;height:46px}.vortex-motion{position:absolute;right:5%;bottom:26px;border:0;border-bottom:1px solid #f0a8ca55;background:none;padding:7px 0;color:var(--pink);font:700 7px 'DM Sans',sans-serif;letter-spacing:1px;z-index:5}.portal-footer{width:auto;left:5%;right:25%;text-align:left;font-size:6px;letter-spacing:1.3px;bottom:28px}
.entrance-dialog.pulling .vortex-props,.entrance-dialog.pulling .vortex-track,.entrance-dialog.pulling .vortex-motion{opacity:0;transition:opacity .25s}
@keyframes run-dust{to{opacity:0;transform:translate(-12px,4px) scale(.6)}}
@keyframes portal-pull{from{transform:rotate(var(--vortex-angle,-18deg)) scale(1.05);filter:blur(0)}to{transform:rotate(calc(var(--vortex-angle,-18deg) + 75deg)) scale(4.5);filter:blur(20px);opacity:0}}
.city-remix{display:inline-flex;align-items:center;gap:8px;vertical-align:middle;position:relative;white-space:nowrap;margin-left:2px}.crossed-city{position:relative;color:#c2c9d1;transform:rotate(-5deg);display:inline-block;font-size:13px}.crossed-city svg{position:absolute;inset:-4px -7px;width:calc(100% + 14px);height:calc(100% + 8px);overflow:visible;fill:none;stroke:var(--pink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 1px #f0a8ca)}.sprayed-city{display:inline-block;position:relative;width:110px;height:51px;transform:rotate(-8deg);margin:-13px 0 -9px}.sprayed-city img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 1px #f0a8ca)}.sprayed-city:before,.sprayed-city:after{content:'';position:absolute;inset:6px -7px 4px;background:radial-gradient(circle at 4% 45%,#f0a8ca88 0 1px,transparent 1.5px),radial-gradient(circle at 90% 80%,#f0a8ca88 0 1px,transparent 1.5px),radial-gradient(circle at 23% 94%,#f0a8ca66 0 1px,transparent 1.5px),radial-gradient(circle at 85% 5%,#f0a8ca66 0 1px,transparent 1.5px);pointer-events:none}.sprayed-city:after{inset:4px -4px;transform:rotate(20deg);opacity:.7}
@media(max-width:700px){.vortex-motion{font-size:6px;bottom:18px}.portal-footer{font-size:4.5px;letter-spacing:.5px;bottom:24px;right:30%}.vortex-props img{width:33px;height:33px}.vortex-props #vortex-obstacle{width:38px;height:38px}.sprayed-city{width:103px;height:48px}.city-remix{gap:7px}}
@media(prefers-reduced-motion:reduce){.portal-monkey:after{animation:none}}

.intro p:has(.city-remix){line-height:2.1}

.portal-monkey[data-frame="6"] .monkey-sprite{clip-path:inset(0 5% 0 0)}
.sprayed-city img{opacity:0}.sprayed-city:before{inset:0;background:var(--pink);mask:url('assets/vice-city-lettering.svg') center/contain no-repeat;-webkit-mask:url('assets/vice-city-lettering.svg') center/contain no-repeat;filter:drop-shadow(0 0 1px #f0a8cabb)}