/* Local experiment only. The approved room styles are never overwritten. */
html,body{background:#100a07}
#room{transform-origin:50% 100%}
/* Original orbit canvas, inside the supplied oval and two starbursts. */
.introduction .brand-mark{width:63.36px;height:44px}
.introduction .brand-mark::before{content:"";position:absolute;inset:0;background:url("./assets/rally-frame.svg") center/contain no-repeat}
.introduction .brand-mark img,.introduction .brand-mark canvas{inset:50% auto auto 50%;width:40px;height:40px;transform:translate(-50%,-50%)}
@media(max-width:760px){.introduction .brand-mark{width:46.08px;height:32px}.introduction .brand-mark img,.introduction .brand-mark canvas{width:29px;height:29px}}
.basement-stage{position:fixed;inset:0;z-index:5;pointer-events:none;overflow:hidden;background:transparent}
.basement-stage[hidden]{display:none}
.basement-window{position:absolute;inset:0;transform:translate3d(0,152%,0);background:#211208;overflow:hidden;pointer-events:none}
.basement-window iframe{display:block;width:100%;height:100%;border:0;background:#211208}
.basement-stage[data-settled="true"] .basement-window{pointer-events:auto}
.basement-stage[data-moving="true"] .basement-window{will-change:transform}
.floor-crossing{position:absolute;left:-3%;width:106%;height:52%;top:0;transform:translate3d(0,192.3077%,0);background:#100905;pointer-events:none;overflow:visible;filter:url(#basement-shutter);perspective:700px}
.floor-crossing::before{content:"";position:absolute;inset:-2px 0 auto;height:15%;background:repeating-linear-gradient(0deg,#602c11 0,#8e461b 1px,#35180c 3px,#643014 8px,#49200e 12px);border-top:4px solid #c36b32;border-bottom:7px solid #160a05;box-shadow:0 -12px 30px #1c0c0699,inset 0 9px 18px #d4793129}
.floor-void{position:absolute;inset:12% 0 6%;background:radial-gradient(ellipse at 73% 100%,#a6571838,transparent 60%),linear-gradient(#160c07,#080605 45%,#1b100a);overflow:hidden}
.floor-joist{position:absolute;top:-2%;height:112%;width:12%;background:repeating-linear-gradient(87deg,#21140b 0,#3c2413 2px,#24150b 5px,#301d0e 9px);transform:skewX(-13deg);border-left:2px solid #69401e;border-right:12px solid #0c0805;box-shadow:25px 0 30px #0007,inset 9px 0 18px #100805}
.floor-joist:nth-child(1){left:4%;transform:skewX(-25deg)}
.floor-joist:nth-child(2){left:35%;width:9%;transform:skewX(-7deg)}
.floor-joist:nth-child(3){left:66%;transform:skewX(12deg)}
.floor-joist:nth-child(4){left:94%;transform:skewX(29deg)}
.floor-joist::before{content:"";position:absolute;inset:0;background-image:var(--floor-grain);background-size:cover;mix-blend-mode:soft-light;opacity:.45}
.floor-pipe{position:absolute;left:-3%;right:-3%;top:48%;height:9px;background:linear-gradient(#4d3925,#100c08 50%,#090604);border-top:1px solid #805233;box-shadow:0 6px 15px #000}
.floor-crossing::after{content:"";position:absolute;inset:auto 0 -3px;height:11%;background:linear-gradient(#090605,#392519 58%,#6a4529);border-bottom:2px solid #9c6236;box-shadow:0 8px 25px #080503cc}
.basement-upstairs{position:fixed;z-index:8;left:38px;top:max(30px,env(safe-area-inset-top));width:58px;height:44px;padding:0;border:0;background:transparent;color:#fff6e9e6;font:500 8px/1.2 'Instrument Sans',sans-serif;letter-spacing:.18em;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;cursor:pointer;pointer-events:auto;filter:drop-shadow(0 1px 4px #1a100a66)}
.basement-upstairs:hover{color:#fff6e9}
.basement-upstairs .scroll-cue-arrows{transform:rotate(180deg)}
.basement-upstairs .scroll-cue-arrows path{animation-play-state:running}
.basement-upstairs:focus-visible,.basement-retry:focus-visible,.basement-cancel:focus-visible{outline:2px solid #fff2d6;outline-offset:5px}
.basement-upstairs[hidden]{display:none}
.basement-status{position:fixed;inset:0;z-index:7;display:grid;place-items:center;padding:24px;background:#100a0759;color:#fff1dc;font:14px/1.5 'Instrument Sans',sans-serif;text-align:center;pointer-events:none}
.basement-status[hidden]{display:none}
.basement-loading-card{width:min(340px,100%);box-sizing:border-box;padding:30px 24px 25px;border:1px solid #f4d7a63d;border-radius:24px;background:#28170ff5;box-shadow:0 18px 60px #12070355;pointer-events:auto;animation:basement-loader-in .18s ease-out both}
.basement-loading-mark{position:relative;display:grid;place-items:center;width:88px;height:88px;margin:0 auto 22px;border:1px solid #fff1dc26;border-radius:50%;perspective:240px}
.basement-loading-mark::before{content:"";position:absolute;inset:-2px;border:2px solid transparent;border-top-color:#f27a44;border-right-color:#f27a4450;border-radius:50%;animation:basement-loader-ring 1.4s linear infinite}
.basement-loading-mark img{display:block;width:60px;height:60px;animation:basement-loader-human 2.4s ease-in-out infinite}
.basement-loading-title{margin:0;font-size:24px;font-weight:500;line-height:1.15;letter-spacing:-.045em;text-wrap:balance}
.basement-loading-detail{margin:12px 0 20px;color:#e2cdb3;font-size:14px;line-height:1.45;text-wrap:balance}
.basement-cancel{border:0;background:none;color:#e2cdb3;text-decoration:underline;text-decoration-color:#e2cdb366;text-underline-offset:5px;font:inherit;font-size:12px;min-height:44px;padding:8px 14px;cursor:pointer}
.basement-cancel:hover{color:#fff1dc;text-decoration-color:currentColor}
.basement-retry{display:block;margin:0 auto 6px;border:1px solid #fff1dc59;border-radius:8px;background:#fff1dc;color:#28170f;font:500 14px/1.4 'Instrument Sans',sans-serif;min-height:44px;padding:10px 26px;cursor:pointer}
.basement-retry[hidden]{display:none}
.basement-status[data-state="error"] .basement-loading-mark::before{display:none}
.basement-status[data-state="error"] .basement-loading-mark img{animation:none}
@keyframes basement-loader-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes basement-loader-ring{to{transform:rotate(360deg)}}
@keyframes basement-loader-human{to{transform:rotateY(360deg)}}
.room[data-transition="seated"] .scroll-cue-arrows{transform:none}
.room .room-footer{align-items:center;flex-wrap:nowrap;justify-content:space-between;gap:24px}
.room .footer-studio{display:flex;align-items:center;gap:28px;pointer-events:none}
.room .broadcast-controls{margin-left:auto}
.room .scroll-cue{position:relative;left:auto;bottom:auto;transform:none;flex:none;width:58px;height:44px;justify-content:center;gap:0;outline:none;-webkit-tap-highlight-color:transparent}
.room .scroll-cue-arrows,.basement-upstairs .scroll-cue-arrows{width:20px;height:30px}
.room .scroll-cue>span{font-size:8px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}
.room[data-transition="seated"] .scroll-cue{pointer-events:auto;cursor:pointer}
.scroll-cue[role="button"]:focus-visible{outline:1px solid #fff1dc;outline-offset:8px;border-radius:4px}
html[data-basement-moving] #room{will-change:transform;pointer-events:none}
html[data-basement-moving] .scroll-cue{opacity:0!important}
html[data-basement-moving] .floor-crossing{will-change:transform}
#room[data-basement-offstage] *{animation-play-state:paused!important}
@media(max-width:760px),(max-aspect-ratio:1/1){
 .room .room-footer{gap:12px;min-height:44px}
 .room .footer-studio{gap:18px}
 .room .studio-note{display:block}
 .room .scroll-cue{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
 .basement-upstairs{left:50%;top:max(18px,env(safe-area-inset-top));transform:translateX(-50%)}
 .basement-status{padding:24px}
 .basement-loading-card{padding:27px 20px 19px}
}
@media(prefers-reduced-motion:reduce){.basement-upstairs{transition:none}.floor-crossing{display:none}}
@media(prefers-reduced-motion:reduce){.basement-loading-card,.basement-loading-mark img,.basement-loading-mark::before{animation:none}}