/* The console shell is one viewport. Only its middle pane owns scrolling. */
html,body{width:100%;height:100%;max-width:100%;overflow:hidden;overscroll-behavior:none}
#screen{height:100dvh;min-height:0;max-height:100dvh;overflow:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
#screen>.top,#screen>.footer{flex:0 0 auto;min-width:0}
#screen>.view{flex:1 1 0;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#screen>.view-home{display:block;scrollbar-gutter:auto}
.console-home{height:100%;min-height:0;grid-template-rows:auto minmax(0,1fr) auto}
#home-feature{min-height:0;overflow:auto;overscroll-behavior:contain}
.hero-copy{min-height:0}.hero-copy h1{font-size:clamp(30px,min(4.3vw,7vh),108px)}
.detail,.profiles{min-height:100%}.detail{max-width:100%;width:100%}
.footer{flex-wrap:wrap;row-gap:.4rem}.footer .controller-legend{flex-wrap:wrap;row-gap:.35rem}
#game,#gameframe{width:100%;height:100%;height:100dvh;max-width:100vw;max-height:100dvh;overflow:hidden}
dialog{overscroll-behavior:contain}
@media(max-height:700px) and (orientation:landscape){.console-home{gap:.4rem}.home-rail{padding-block:.7rem .9rem}.home-rail .tile{flex-basis:clamp(58px,11vh,104px)}.home-rail .tile.chosen{flex-basis:clamp(76px,15vh,140px)}.hero-copy>p{margin-bottom:.5rem}.hero-meta{margin:.5rem 0 .7rem}.home-bottom{padding-bottom:.25rem}.home-context{gap:.3rem}.footer{padding-block:.55rem}.hero-copy h1{margin:.4rem 0 .6rem}.top{min-height:48px}}
@media(orientation:portrait) and (max-width:850px){.console-home{grid-template-rows:auto minmax(0,1fr) auto;gap:.6rem;min-height:0}.home-rail{padding-block:.9rem 1rem}.home-rail .tile{flex-basis:clamp(60px,10vh,95px)}.home-rail .tile.chosen{flex-basis:clamp(88px,14vh,135px)}.hero-copy h1{font-size:clamp(28px,min(9vw,5.5vh),52px);margin:.6rem 0}.hero-copy>p{line-height:1.6}.hero-meta{margin:.6rem 0 .8rem}.home-bottom{gap:.5rem}.home-social{padding:.7rem 1rem}.home-quick button{min-height:32px}.footer{padding-block:.7rem}.profiles{min-height:100%}.top{padding-top:.3rem}.nav{margin-bottom:.55rem}}
@media(max-height:700px) and (orientation:portrait){.home-social{display:none}.home-rail .tile p{display:none}.hero-copy>p{font-size:12px;line-height:1.4}.hero-copy .eyebrow{font-size:9px}.hero-meta{font-size:10px}.footer>span{font-size:8px}}
@media(max-width:380px){.top-end .connection-state{max-width:5.2rem;overflow:hidden;text-overflow:ellipsis}.top-end>.utility{width:2rem}.top-end{gap:.15rem}.nav{gap:.25rem}.nav button{font-size:12px}.footer{font-size:9px}.footer>span{font-size:8px}}

.welcome-gift-button{font-size:1.4rem;color:#c7f6dc;text-shadow:0 0 1rem #9de6bc66;min-width:32px;min-height:32px}