/* Keep status announcements for accessibility, without a visible status box. */
#status{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);padding:0!important;border:0!important;white-space:nowrap}
/* Fixed-size guests, compact tethers and room across the pan. */
@media(orientation:landscape){
 .pan-wrap{width:37%}#leftWrap{left:1%}#rightWrap{right:1%}
 .items .token[data-type='2']{height:calc(clamp(42px,5vw,67px) + 19px)}
}
@media(orientation:landscape) and (max-height:600px){
 .items .token[data-type='1']{width:clamp(34px,5.3vw,45px);height:clamp(34px,5.2vw,44px)}
 .items .token[data-type='0']{width:clamp(46px,7vw,61px);height:clamp(59px,8.95vw,78px)}
 .items .token.negative-egg{height:calc(clamp(59px,8.95vw,78px) + 16px)}
 .items .negative-egg .egg-art{height:calc(100% - 16px)}
 .items .token[data-type='2']{width:clamp(34px,5.3vw,44px);height:calc(clamp(34px,5.3vw,44px) + 19px)}
}
footer{z-index:auto}#scene{z-index:2}.reserve{z-index:3}.footer-center{z-index:1}
.items.party-overflow{scrollbar-width:none}.items.party-overflow::-webkit-scrollbar{display:none}

.roller{scrollbar-width:none}.roller::-webkit-scrollbar{display:none}
@media(orientation:landscape){.side-control{top:min(calc(var(--beam-y) + var(--rim) + 43px),calc(100% + var(--scene-bottom) - 52px));transform:translate(-50%,calc(-1 * max(0px,var(--pan-y,0px))))}}

/* Compact chapter badge frees the centre for stock, equation, then the hen. */
.level-info{position:absolute;left:19%;top:12px;max-width:none;padding:3px 11px;transform:none;direction:ltr;border-radius:9px}
.level-info #chapter{display:block;font:600 22px/1.2 Fredoka,Arial,sans-serif;color:#fff0c7}
#balloonReserve{top:8px;min-height:68px;transform:translateX(-50%)}
#balloonReserve:before,#balloonReserve:after{display:none}
#equation{top:86px}
#scene{--beam-y:calc(63.5dvh - 162px)}
@media(orientation:landscape) and (max-height:600px){
 header{height:40px;padding-top:2px;padding-bottom:2px}.brand{height:39px;width:98px}
 .level-info{left:18%;top:7px;padding:2px 9px}.level-info #chapter{font-size:17px}
 #balloonReserve{top:2px;width:166px;min-height:44px;transform:translateX(-50%);transform-origin:50% 0}
 #balloonStock{min-height:43px;padding:0 10px 10px}#balloonStock:after{height:17px}
 #equation{top:54px;font-size:25px}
 #scene{--beam-y:calc(max(63.5dvh,228px) - 111px)}
}
@media(orientation:landscape) and (max-height:340px){
 #balloonReserve{transform:translateX(-50%) scale(.85);transform-origin:50% 0}
 #equation{top:47px;font-size:22px}
 #scene{--beam-y:calc(63.5dvh - 111px)}
 .pan{height:32px}
}
@media(orientation:portrait){#balloonReserve{top:99px}#equation{top:204px}#scene{--beam-y:58%}}

/* The central stock is draggable through the otherwise empty header area. */
header{pointer-events:none}header a,header nav{pointer-events:auto}