/* The approved Scroll / Rooms / Shows language, rebuilt as responsive layouts. */
@keyframes level-signal{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.motion-enabled .level-wave i{animation:level-signal 1.4s ease-in-out infinite!important}}
.level-wave i{animation:level-signal 1.4s ease-in-out infinite}.level-wave i:nth-child(2n){animation-delay:-.5s}.level-wave i:nth-child(3n){animation-delay:-.9s}.motion-paused .level-wave i{animation-play-state:paused}
.hero{min-height:860px;display:grid;grid-template-columns:.88fr 1.12fr;gap:5%;padding-top:175px;padding-bottom:130px;background:radial-gradient(ellipse at 82% 40%,#30231880,transparent 55%),#0b0d0f}
.hero h1{font-size:clamp(58px,6.6vw,108px)}.hero .hero-content{max-width:620px}.hero-product{min-width:0;transform:rotate(-1.5deg);position:relative}.hero-product:before{content:"";position:absolute;inset:8% -8%;background:#f5a62310;filter:blur(70px);z-index:-1}.product-kicker,.hero-product-caption{display:flex;justify-content:space-between;gap:16px;font-size:9px;letter-spacing:.12em;color:#bbb3a4;line-height:1.7}.product-kicker{padding:0 4px 16px}.product-kicker span:last-child{color:#7f858b}.hero-product-caption{padding:18px 4px 0}.hero-product-caption span:last-child{letter-spacing:0;color:#9ba0a4}.hero .hero-product .scroll-screen{min-height:470px;aspect-ratio:1.22}.hero .motion-toggle{background:#141719}.button-light{background:var(--amber);border-radius:30px}.hero .button-time{color:#51390b;border-color:#b57615}.hero-note{color:#9b9f9e}.hero .hero-bottom{border-top:1px solid #ffffff15;padding-top:15px}.hero .eyebrow{font-size:9px}.hero .hero-intro{color:#b5b8b9;font-size:17px;line-height:1.75}
.product-screen{position:relative;overflow:hidden;isolation:isolate;border:1px solid #363a3c;border-radius:14px;background:#0c1012;box-shadow:0 25px 70px #0005;color:#f4f4f4;font-family:Arial,Helvetica,sans-serif;text-align:left}
.product-screen *{min-width:0}.product-screen small{font-size:11px;font-weight:400;letter-spacing:0;color:#b7bcbf}.product-screen .live-pill{background:#df2931;color:#fff;border-radius:7px;display:inline-flex;align-items:center;white-space:nowrap;font-size:12px;letter-spacing:.06em;font-weight:700;padding:10px 13px;align-self:start}.product-screen .presence-dot,.musician-name i{display:inline-block;width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#3fb896}.product-screen .ui-label{font-size:11px;letter-spacing:.08em;color:#c2c6c9}
.scroll-screen{aspect-ratio:16/9;min-height:440px;display:flex;flex-direction:column;justify-content:flex-end}.scroll-photo,.scroll-vignette{position:absolute;inset:0;z-index:-1}.scroll-photo{background:url('public/media/images/scroll-performer.jpg') center 46%/cover no-repeat;transform:scale(1.18)}.scroll-vignette{background:linear-gradient(180deg,#0005,transparent 25%,#0001 45%,#000a 80%,#000e)}.screen-top{position:absolute;inset:25px 28px auto;display:flex;justify-content:space-between;align-items:start}.screen-brand{font-size:30px;line-height:1;font-weight:900;letter-spacing:-1px;font-style:italic}.screen-brand>span{color:#eb2638}.screen-brand small{display:block;font-style:normal;letter-spacing:.4em;font-size:10px;font-weight:600;margin-top:7px;color:#fff}.scroll-caption{padding:150px 30px 25px}.scroll-caption .presence{font-size:8px;letter-spacing:.14em;color:#dfc7a2}.scroll-caption h3{font-size:clamp(24px,3vw,42px);line-height:1.08;letter-spacing:-.04em;margin:10px 0}.scroll-caption p{font-size:12px;color:#d8d8d8}.scroll-actions{display:flex;justify-content:space-between;padding:0 28px 25px;gap:18px}.scroll-actions>span{display:flex;align-items:center;justify-content:center;gap:15px;border-radius:50px;padding:14px 28px;font-size:22px;min-width:140px}.scroll-actions b{font-size:17px}.glass-action{background:#ffffff25;backdrop-filter:blur(15px);border:1px solid #ffffff25}.jam-action{background:#ea1330}.discovery-nav{padding:18px 25px 22px;background:#080b0dcc;border-top:1px solid #ffffff22;display:flex;justify-content:space-around;gap:14px;font-size:13px;color:#acaeb0}.discovery-nav strong{position:relative;color:#fff}.discovery-nav strong:after{content:"";position:absolute;bottom:-12px;left:0;right:0;height:3px;background:#ea2635;border-radius:8px}
.level-wave{display:inline-flex;gap:3px;align-items:center;height:22px;vertical-align:middle;color:#f5a623}.level-wave i{display:block;width:3px;background:currentColor;border-radius:3px;height:35%}.level-wave i:nth-child(2),.level-wave i:nth-child(4){height:65%}.level-wave i:nth-child(3){height:100%}.app-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;letter-spacing:-.04em}.app-brand small{font-size:10px;letter-spacing:.12em}.room-heading,.show-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border-bottom:1px solid #ffffff20}.room-heading .live-pill{background:transparent;border:1px solid #d8922e;color:#f4b452;border-radius:25px;font-size:10px}.room-name{font-size:14px;margin-right:auto;border-left:1px solid #ffffff2b;padding-left:22px}.room-name small{display:flex;align-items:center;gap:7px;margin-top:5px;font-size:10px}.room-body{display:grid;grid-template-columns:minmax(0,1fr) 215px}.musician-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px}.musician{aspect-ratio:1.82;min-height:150px;position:relative;overflow:hidden;border:1px solid #34393c;border-radius:8px;background:#151819;isolation:isolate}.musician-photo{position:absolute;inset:0;z-index:-1;background-image:url('public/media/images/rooms-ui.jpg');background-size:264.5% 280.2%}.jordan .musician-photo{background-position:2.1% 17.7%}.riley .musician-photo{background-position:64.3% 17.7%}.taylor .musician-photo{background-position:2.1% 75.6%}.casey .musician-photo{background-position:64.3% 75.6%}.musician-name{padding:12px 15px;background:linear-gradient(#080c10ed,#080c10aa 85%,transparent);width:100%;display:flex;flex-direction:column;gap:5px}.musician-name b{font-size:14px;font-weight:500}.musician-name>span{display:flex;align-items:center;gap:7px;font-size:11px}.musician-level{position:absolute;inset:auto 0 0;display:flex;align-items:center;gap:9px;padding:8px 13px;background:linear-gradient(transparent,#070b0ecc 25%);font-size:10px;color:#ddd}.musician-level .level-wave{color:#76d6a8;height:17px}.room-sidebar{border-left:1px solid #30363a;padding:17px 14px}.room-sidebar .ui-label{margin-bottom:13px}.participant{display:flex;align-items:center;gap:10px;padding:10px 8px;margin-bottom:7px;border:1px solid #2f363a;background:linear-gradient(135deg,#181c20,#101518);border-radius:8px}.avatar{flex:0 0 29px;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#4d3930,#17222a);color:#eed3b1;font-size:12px}.participant b{display:block;font-weight:400;font-size:12px}.participant small{display:block;margin-top:3px;font-size:10px}.participant>.presence-dot{margin-left:auto}.room-info{display:grid;gap:9px;padding:14px 8px 0}.room-info small{font-size:9px}.room-info b{font-size:12px;font-weight:400}.room-info span{font-size:10px;color:#92999d}.room-controls{border-top:1px solid #30363a;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 18px;background:#0e1316}.room-controls>span{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:23px}.room-controls small{font-size:10px}.room-controls .room-connected{flex-direction:row;gap:8px;border:1px solid #2d373b;border-radius:24px;padding:14px 16px;font-size:11px}.room-controls .effect-control{padding:7px 22px;border:1px solid #bb842d;border-radius:9px}.room-controls .leave-room{background:#cf2128;border-radius:24px;padding:14px 22px;font-size:11px}.feeling-product{margin-top:55px}.feeling-product .concept-caption{text-align:right}
.show-heading .app-brand{letter-spacing:.05em}.show-heading .show-ticket{font-size:10px;letter-spacing:.07em;color:#d9bb86}.show-body{display:grid;grid-template-columns:minmax(0,1fr) 260px}.show-player{min-height:380px;position:relative;isolation:isolate;background:#080908}.concert-photo{position:absolute;inset:0;z-index:-1;background-image:url('public/media/images/shows-ui.jpg');background-size:200% 205.7%;background-position:43.75% 36.49%}.show-player:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0006,transparent 35%,#0002 70%,#000d)}.show-top{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:20px}.show-top .live-pill{font-size:10px;background:#111b;border:1px solid #ffffff33}.show-event{background:#0b0c0ab3;border:1px solid #ffffff2b;padding:15px;border-radius:9px;font-size:8px;letter-spacing:.16em;line-height:1.5}.show-event strong{display:block;font-size:15px;letter-spacing:0;margin-top:4px}.player-controls{position:absolute;inset:auto 0 0;display:flex;align-items:center;gap:20px;padding:26px 20px 16px;font-size:21px}.player-controls small{font-size:11px}.player-expand{margin-left:auto}.playback-line{position:absolute;top:9px;left:20px;right:20px;height:3px;border-radius:4px;background:#ffffff50}.playback-line:before{content:"";display:block;background:#f2c467;width:34%;height:100%}.playback-line i{position:absolute;left:34%;top:-3px;width:9px;height:9px;border-radius:50%;background:#f2c467}.show-chat{border-left:1px solid #30363a;padding:18px 16px;background:#0e1113}.show-chat .ui-label{display:flex;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #282d30;font-size:10px}.chat-welcome{font-size:11px;color:#bfc2c4;line-height:1.6;padding:15px 0}.chat-welcome b{color:#e5bc72;font-weight:400}.chat-message{display:flex;gap:9px;margin:0 0 16px;font-size:11px;line-height:1.45}.chat-message .avatar{width:23px;height:23px;flex-basis:23px;font-size:9px}.chat-message b{display:block;font-size:10px;font-weight:400;color:#b9a788;margin-bottom:3px}.chat-input{display:flex;justify-content:space-between;padding:12px 10px;border:1px solid #383d3f;border-radius:7px;font-size:10px;color:#969b9e}.chat-reactions{display:flex;justify-content:space-around;color:#f06363;font-size:25px;margin-top:12px}.chat-reactions span{color:#eabf66}.show-footer{display:flex;align-items:center;gap:12px;padding:17px 20px;border-top:1px solid #30363a}.show-footer>div{margin-right:auto}.show-footer strong{font-size:12px;font-weight:500}.show-footer small{display:block;margin-top:6px;font-size:10px}.show-footer>span{padding:13px 16px;background:#1b1f22;border-radius:8px;font-size:11px}.show-footer>.ticket-outline{color:#e7c078;border:1px solid #73582c;background:#30271c}
.original-design{display:block;width:fit-content;margin:14px 0 0 auto;padding:8px 0;font-size:10px;color:#a9afb2;text-decoration:underline;text-underline-offset:4px}.original-design:hover{color:var(--amber)}.mode-story{padding-top:22px}.concept-caption{color:#b0b2b6;font-size:11px}.film-backdrop>img{filter:brightness(.27);object-position:center}.film-dialog video{object-fit:contain}.film-dialog.mobile-film{width:min(450px,calc(100vw - 24px))}.film-dialog.mobile-film video{aspect-ratio:9/16;max-height:68svh;min-height:0}
@media(min-width:1100px){.mode-panel .scroll-screen{min-height:580px}.mode-panel .scroll-caption{padding-left:45px;padding-bottom:38px}.mode-panel .scroll-actions{padding-inline:45px}.mode-panel .screen-top{inset:30px 45px auto}.mode-panel .scroll-photo{background-size:cover;transform:scale(1.08)}}
@media(max-width:1000px){.hero{grid-template-columns:1fr 1fr;gap:4%;min-height:800px}.hero h1{font-size:65px}.hero .hero-product .scroll-screen{min-height:450px}.hero .scroll-caption h3{font-size:26px}.hero .scroll-actions>span{min-width:0;flex:1;padding:13px 15px}.room-body{grid-template-columns:minmax(0,1fr) 175px}.room-heading{padding:16px;gap:15px}.room-name{padding-left:14px;font-size:12px}.app-brand{font-size:17px}.room-heading .app-brand small{display:none}.room-controls .room-connected{font-size:10px;padding:12px}.room-controls .leave-room{padding:13px}.room-info{display:none}.show-body{grid-template-columns:minmax(0,1fr) 220px}.show-player{min-height:370px}.show-footer{gap:8px}.show-footer>span{padding:12px;font-size:10px}}
@media(max-width:760px){.hero{display:block;padding-top:137px;padding-bottom:108px;min-height:0;overflow:hidden}.hero h1{font-size:clamp(55px,12.3vw,80px)}.hero .hero-content{max-width:none}.hero .eyebrow{font-size:8px;margin-bottom:22px}.hero .hero-intro{font-size:15px;margin:25px 0}.hero-product{margin-top:50px;transform:none}.hero .hero-product .scroll-screen{aspect-ratio:4/5;min-height:440px}.hero .hero-product-caption{font-size:8px}.hero .hero-product-caption span:last-child{max-width:180px;text-align:right}.hero .hero-bottom{bottom:20px}.hero .scroll-caption h3{font-size:30px}.hero .hero-bottom .hero-annotation{display:none}.hero .hero-note{font-size:10px}.product-screen{border-radius:10px}.scroll-screen{aspect-ratio:4/5;min-height:450px}.screen-top{inset:20px 20px auto}.screen-brand{font-size:27px}.product-screen .live-pill{font-size:10px;padding:9px 11px}.scroll-caption{padding:160px 22px 25px}.scroll-caption h3{font-size:31px}.scroll-actions{padding:0 20px 25px;gap:12px}.scroll-actions>span{flex:1;min-width:0;padding:13px 18px}.scroll-actions b{font-size:16px}.discovery-nav{font-size:12px;padding:20px 15px 24px}.scroll-photo{background-position:47% 44%;transform:scale(1.14)}.room-heading{padding:16px;flex-wrap:wrap;gap:13px}.room-heading .app-brand{font-size:18px}.room-heading .app-brand small{display:inline;font-size:9px}.room-name{order:3;flex:1 0 100%;border:0;padding:0;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.room-name small{font-size:9px;margin:0}.room-heading .live-pill{margin-left:auto;font-size:9px}.room-body{display:block}.musician-grid{gap:8px;padding:10px}.musician{min-height:0;aspect-ratio:.96}.musician-photo{background-size:470% 280.2%}.jordan .musician-photo{background-position:15% 17.7%}.riley .musician-photo{background-position:62% 17.7%}.taylor .musician-photo{background-position:15% 75.6%}.casey .musician-photo{background-position:62% 75.6%}.musician-name{padding:10px;background:linear-gradient(#080c10f0,#080c10a0 80%,transparent)}.musician-name b{font-size:13px}.musician-name>span{font-size:10px;gap:5px}.musician-level{padding:8px;font-size:9px;gap:6px}.musician-level .level-wave{height:13px;gap:2px}.room-sidebar{border-left:0;border-top:1px solid #30363a;padding:14px 12px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.room-sidebar .ui-label{grid-column:1/-1;margin:0 0 4px;font-size:10px}.participant{margin:0;padding:8px;gap:8px}.participant .avatar{width:25px;height:25px;flex-basis:25px}.participant b{font-size:11px}.participant small{font-size:9px}.room-controls{padding:12px 10px;gap:8px;flex-wrap:wrap}.room-controls .room-connected{order:5;flex:1;justify-content:center;margin-top:6px;padding:11px}.room-controls .leave-room{order:6;flex:1;justify-content:center;margin-top:6px;padding:12px;font-size:10px}.room-controls>span:not(.room-connected):not(.leave-room){flex:1;font-size:22px;min-height:45px;justify-content:center}.room-controls .effect-control{padding:6px}.room-controls small{font-size:9px}.feeling-product{margin-top:35px}.feeling-product .concept-caption{text-align:left}.show-heading{padding:17px 15px;gap:14px}.show-heading .app-brand{font-size:17px;flex-wrap:wrap;gap:7px}.show-heading .app-brand small{font-size:9px}.show-ticket{display:none}.show-body{display:block}.show-player{min-height:380px;aspect-ratio:1.1}.concert-photo{background-size:330% 205.7%;background-position:38% 36.49%}.show-top{padding:15px;flex-direction:column;gap:15px}.show-event{font-size:8px;padding:12px}.show-event strong{font-size:14px}.show-chat{border-left:0;border-top:1px solid #30363a;padding:18px 16px}.show-chat .ui-label{font-size:10px}.chat-message{font-size:12px;margin-bottom:15px}.chat-message b{font-size:10px}.chat-welcome{font-size:12px}.chat-message .avatar{width:27px;height:27px;flex-basis:27px;font-size:10px}.chat-input{font-size:11px;padding:13px 12px}.show-footer{padding:17px 15px;flex-wrap:wrap;gap:8px}.show-footer>div{flex:1 0 100%;margin-bottom:6px}.show-footer>span{flex:1;text-align:center;padding:12px 8px;font-size:10px;white-space:nowrap}.show-footer>.ticket-outline{flex:1 0 100%}.original-design{font-size:10px}.concept-caption{font-size:10px}.film-dialog.mobile-film .dialog-bar{padding:8px 14px}.film-dialog.mobile-film>p{padding:10px 14px}.mode-story h3{font-size:31px}}
@media(max-width:360px){.hero{padding-top:125px}.hero h1{font-size:54px}.hero .hero-product .scroll-screen{min-height:420px}.hero .scroll-caption h3,.scroll-caption h3{font-size:26px}.room-name{display:block;font-size:13px}.room-name small{margin-top:8px}.room-heading .app-brand{font-size:15px;gap:6px}.room-heading .live-pill{font-size:8px;padding:7px}.room-heading .app-brand small{font-size:8px}.participant{gap:6px;padding:6px}.show-player{min-height:360px}.screen-top{inset:18px}.scroll-caption{padding-inline:18px}.scroll-actions{padding-inline:18px}.product-kicker{font-size:8px}.hero-product-caption span:last-child{max-width:150px}}
/* Reflow performer crops independently of their readable labels and meters. */
.product-screen{width:100%;max-width:100%;min-width:0}
.musician{display:flex;flex-direction:column;aspect-ratio:auto;min-height:0}.musician-name{order:0;min-height:53px;background:#0c1012}.musician-photo{position:relative;inset:auto;z-index:auto;order:1;aspect-ratio:2.2;background-size:auto 500%;flex:none}.musician-level{position:static;order:2;min-height:29px;background:#0c1012}.jordan .musician-photo{background-position:16.75% 20.5%}.riley .musician-photo{background-position:66.5% 20.5%}.taylor .musician-photo{background-position:17.3% 67.9%}.casey .musician-photo{background-position:66.5% 67.9%}
.player-controls{background:linear-gradient(transparent,#090b0df0 28%);min-height:65px}.original-design{padding-block:14px;min-height:44px}
@media(max-width:760px){.musician-name{min-height:47px;padding:8px 10px}.musician-photo{aspect-ratio:1.3;background-size:auto 450%}.musician-level{min-height:25px;padding:6px 9px}.jordan .musician-photo{background-position:16.75% 20.5%}.riley .musician-photo{background-position:61.7% 20.5%}.taylor .musician-photo{background-position:20% 67.9%}.casey .musician-photo{background-position:61.7% 67.9%}.room-controls .room-connected,.room-controls .leave-room{flex:1 0 calc(50% - 8px)}.room-controls>span:not(.room-connected):not(.leave-room){flex:1 0 calc(25% - 8px)}}