/* MAKE IT Beta 2.82 — stable navigation on scrollable screens.
   The app viewport is intentionally fixed; only content containers may scroll.
   Navigation controls stay outside those containers. */
#app #instructions.guide-overlay:not([hidden]){
 overflow:hidden!important;
 height:100dvh!important;
 max-height:100dvh!important;
 display:flex!important;
 flex-direction:column!important;
}
#app #instructions.guide-overlay .guide-actions{
 position:relative!important;
 top:auto!important;
 flex:0 0 auto!important;
 z-index:7!important;
 margin:0!important;
}
#app #instructions.guide-overlay>.panel{
 flex:1 1 auto!important;
 min-height:0!important;
 overflow-y:auto!important;
 overflow-x:hidden!important;
 overscroll-behavior:contain;
 -webkit-overflow-scrolling:touch;
 padding-bottom:22px!important;
}
#app #result>.result-navigation{
 display:flex!important;
 position:sticky!important;
 top:0!important;
 align-items:center;
 justify-content:flex-end;
 z-index:100;
 flex:0 0 auto;
 width:100%!important;
 min-height:49px;
 background:linear-gradient(to bottom,#151126 75%,rgba(21,17,38,0));
 pointer-events:none;
}
#app #result>.result-navigation>#home{
 position:relative!important;
 top:auto!important;
 right:auto!important;
 margin:0!important;
 pointer-events:auto;
 flex:0 0 47px;
 height:47px;
 min-width:47px;
 min-height:47px;
 padding:8px!important;
}
/* Beta 2.82.2: anchored navigation + anchored action bar, ONE internal scroll.
   Treat any award/record banner and the score card as a SINGLE natural-height
   content stream.  Never flex-shrink separate celebratory blocks: doing so
   caused the MULTIPLE RECORDS title to be clipped behind the score panel. */
#app #result:not([hidden]){
 display:flex!important;
 flex:1 1 0!important;
 flex-direction:column!important;
 min-height:0!important;
 max-height:none!important;
 overflow:hidden!important;
 overscroll-behavior:none!important;
 padding-top:0!important;
}
#app #result>.result-navigation{
 position:relative!important;
 top:auto!important;
 margin:0!important;
 padding:3px 0 2px!important;
 flex:0 0 52px!important;
 height:52px!important;
 min-height:52px!important;
 overflow:visible!important;
}
#app #result>.result-content{
 display:flex!important;
 flex:1 1 0!important;
 flex-direction:column!important;
 min-height:0!important;
 width:100%!important;
 overflow:hidden!important;
 overscroll-behavior:none!important;
}
#app #result>.result-content>.result-details{
 display:block!important;
 flex:1 1 0!important;
 min-height:0!important;
 overflow-y:auto!important;
 overflow-x:hidden!important;
 overscroll-behavior:contain!important;
 -webkit-overflow-scrolling:touch;
 touch-action:pan-y;
 scrollbar-width:thin;
}
#app #result>.result-content>.result-details>.panel{
 display:block!important;
 overflow:visible!important;
 min-height:0!important;
 height:auto!important;
 max-height:none!important;
}
#app #result>.result-content>.result-details>#celebration:not([hidden]){
 display:block!important;
 overflow:visible!important;
 min-height:0!important;
 height:auto!important;
 max-height:none!important;
}
#app #result>.result-content>.end-actions{
 flex:0 0 auto!important;
 overflow:visible!important;
 margin-top:clamp(6px,1.5dvh,15px)!important;
}
/* Existing game exit buttons and challenge logic unchanged. */