html,body{width:100%;height:100%;margin:0;padding:0;border:0;overflow:hidden;overscroll-behavior:none}#game{border:0;padding:0;margin:0}#game canvas{border:0;outline:0}html:fullscreen{width:100%;height:100%;background:#0d1725}#game,#game canvas,#mobile-controls,#joystick,.touch-actions button{touch-action:none}.phone-viewport{touch-action:pan-x pan-y;-webkit-text-size-adjust:100%;text-size-adjust:100%}.phone-viewport body{overscroll-behavior:none}.phone-viewport #game{inset:auto;left:var(--view-left,0px);top:var(--view-top,0px);width:var(--view-width,100vw);height:var(--view-height,100dvh)}.phone-viewport #game,.phone-viewport #mobile-controls{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.phone-viewport button,.phone-viewport summary,.phone-viewport [role=button]{touch-action:manipulation}.phone-viewport .dialog-scroll,.phone-viewport #modal-content,.phone-viewport .welcome,.phone-viewport #messages,.phone-viewport .utility-content{touch-action:pan-y;overscroll-behavior:none;-webkit-overflow-scrolling:touch}.phone-viewport .atlas-scroll{touch-action:pan-x pan-y;overscroll-behavior:none}.phone-viewport input,.phone-viewport textarea,.phone-viewport select{font-size:max(16px,var(--ui-body,16px))!important;touch-action:pan-x pan-y}.phone-viewport dialog:not(#phone-orientation):not(#touch-layout-editor){inset:calc(var(--phone-safe-top,0px) + 12px) calc(var(--phone-safe-right,0px) + 12px) calc(var(--phone-safe-bottom,0px) + 12px) calc(var(--phone-safe-left,0px) + 12px);margin:auto;max-height:calc(var(--view-height,100dvh) - 24px);max-width:calc(var(--view-width,100vw) - 24px)}.phone-viewport #modal-backdrop{max-height:var(--view-height,100dvh);top:var(--view-top,0px);bottom:auto;height:var(--view-height,100dvh)}.phone-keyboard #mobile-controls{visibility:hidden!important}.phone-keyboard .touch-mode .chat-panel.expanded{top:auto!important;bottom:calc(var(--phone-safe-bottom,0px) + 4px)!important;max-height:calc(var(--view-height,100dvh) - 8px);z-index:120}.phone-keyboard #messages{max-height:calc(var(--view-height,100dvh) - 108px)}.phone-viewport .touch-mode:not(.playing) #welcome:not(:has(.character-creator)){--login-top-gap:max(12px,calc(60px - var(--phone-safe-top,0px)));--login-bottom-gap:12px;position:fixed;left:calc(var(--phone-safe-left,0px) + 12px);top:calc(var(--phone-safe-top,0px) + var(--login-top-gap));bottom:auto;width:min(540px,calc(var(--phone-safe-width,100vw) - 24px));height:auto;max-height:calc(var(--phone-safe-height,100dvh) - var(--login-top-gap) - var(--login-bottom-gap));transform:none;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;scroll-padding-block:6px}.phone-viewport .touch-mode #welcome .name-field{height:auto;min-height:48px}.phone-viewport .touch-mode #welcome .name-field input,.phone-viewport .touch-mode #welcome #dev-class{min-height:48px}.phone-viewport .touch-mode:not(.playing) #welcome.login-compact:not(:has(.character-creator)){--login-top-gap:4px;--login-bottom-gap:4px;padding:4px 8px;border-width:4px}.phone-viewport .touch-mode #welcome.login-compact:not(:has(.character-creator))>h1{display:none}.phone-viewport .touch-mode:not(.playing):has(#welcome.login-compact:not([hidden])):not(:has(.character-creator)) .topbar{visibility:hidden}.phone-viewport .touch-mode #account-panel>a{display:block;box-sizing:border-box;min-height:48px;padding:8px 0;align-content:center}