@media(max-width:650px){button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}#start-menu .start-columns button{min-height:44px!important}.taskbar button{touch-action:manipulation}.window:not(.device-window){display:flex;flex-direction:column}.window.hidden{display:none!important}.window>.content,.window>.ref-about,.window>.tube-app,.window>.msn-body{min-height:0;flex:1;overflow:auto}#contact-form{min-height:0;overflow:auto}#contact-message{min-height:100px}.ref-toolbar button{min-height:34px}.resume-toolbar button,.resume-toolbar a{min-height:34px;display:inline-flex;align-items:center}.resume-viewport{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.msn-body{overflow:hidden!important}#messenger-log{-webkit-overflow-scrolling:touch}.canvas-scroll{max-height:calc(100dvh - 220px)}#viewer .viewer-stage{min-height:120px;overflow:auto}#context-menu{max-height:calc(100dvh - 60px);overflow:auto;max-width:calc(100vw - 16px)}#context-menu button{min-height:40px}#login .login-middle{display:flex!important;flex-direction:column!important;align-items:center;justify-content:center;gap:16px;top:43%!important;width:100%!important;left:50%!important;transform:translate(-50%,-50%)!important}#login .login-brand{min-height:0!important;padding:0!important;border:0!important;text-align:center!important}#login .login-brand .xp-brand{margin:auto}#login .login-brand p{font-size:14px!important;margin:12px 16px 0!important}#login .login-user{padding:0!important;border:0!important}#login .login-user strong{font-size:21px!important}#login footer{padding:12px!important;height:60px!important;bottom:-60px!important}#login footer span{display:none}#boot .boot-center{transform:scale(.8)}#pod .pod-device{max-width:100%}#calendar{max-width:calc(100vw - 16px)}}
@media(max-width:650px) and (max-height:500px){#login .login-middle{flex-direction:row!important;gap:30px;top:45%!important}#login .login-brand .xp-brand{transform:scale(.65);transform-origin:center;height:110px}#login .login-brand p{margin:0!important}#login{border-top-width:35px!important;border-bottom-width:35px!important}#login footer{height:35px!important;bottom:-35px!important;padding:3px 12px!important}#start-menu{height:calc(100dvh - 52px)!important}}

/* Startup screens must cover desktop UI, including the elevated mobile taskbar. */
#boot,#login,#welcome-transition{z-index:200000!important}
body.starting #desktop,body.starting>.taskbar,body:has(#welcome-transition:not([hidden])) #desktop,body:has(#welcome-transition:not([hidden]))>.taskbar{visibility:hidden!important;pointer-events:none!important}