.shortcut-dialog{z-index:10000;box-sizing:border-box;height:100dvh;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));color:#252544;background:#f7f7ff;outline:none;flex-direction:column;display:flex;position:fixed;inset:0}.shortcut-dialog-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1100px;margin:0 auto 20px;display:flex}.shortcut-dialog-header p{letter-spacing:.12em;color:#777895;margin:0 0 6px;font-size:10px;font-weight:800;line-height:1.4}.shortcut-dialog-header h2{letter-spacing:-.025em;margin:0;font-size:26px;line-height:1.25}.shortcut-dialog-header>button,.public-chat-panel>header .public-chat-close{color:#5b5aff;cursor:pointer;background:#eaeaff;border:0;border-radius:50%;flex:0 0 42px;place-items:center;width:42px;min-width:42px;height:42px;padding:0;font-size:25px;line-height:1;display:grid}.shortcut-dialog-header>button:hover,.public-chat-panel>header .public-chat-close:hover{background:#dedfff}.shortcut-dialog-header>button:focus-visible{outline-offset:3px;outline:3px solid #5b5aff}.shortcut-dialog-content{overscroll-behavior:contain;box-sizing:border-box;flex:1;width:100%;max-width:1100px;min-height:0;margin:0 auto;padding:0 4px 20px;overflow-y:auto}.shortcut-dialog-content .friends-page,.shortcut-dialog-content .profile-page{width:100%;max-width:none;margin:0;padding:0}.shortcut-dialog-content .friends-page-nav,.shortcut-dialog-content .profile-page-nav{display:none}.public-chat-overlay .public-chat-panel{width:100%;max-width:none;box-shadow:none;box-sizing:border-box;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:#f7f7ff;left:0;right:0}.public-chat-panel>header{box-sizing:border-box;align-items:center;gap:16px;width:100%;max-width:1100px;margin:0 auto 20px;padding:0}.public-chat-panel>header>.public-chat-icon{display:none}.public-chat-panel>header h2{letter-spacing:-.025em;font-size:26px;line-height:1.25}.public-chat-panel>header>div:before{content:"PLAY TOGETHER";letter-spacing:.12em;color:#777895;margin:0 0 6px;font-size:10px;font-weight:800;line-height:1.4;display:block}.public-chat-panel>header .public-chat-close{align-self:flex-start}.home-invite-fullscreen .game-picker-dialog>header h2{letter-spacing:-.025em;margin:0;font-size:26px;line-height:1.25}.home-invite-fullscreen .game-picker-dialog>header .eyebrow{letter-spacing:.12em;color:#777895;margin:0 0 6px;font-size:10px;font-weight:800;line-height:1.4}.public-chat-panel .public-chat-intro{box-sizing:border-box;width:100%;max-width:1100px;margin:0 auto;padding:0 0 16px}.public-chat-panel .public-chat-messages{box-sizing:border-box;width:100%;max-width:1100px;margin:0 auto;padding:20px 4px}.public-chat-panel>footer{box-sizing:border-box;width:100%;max-width:1100px;margin:0 auto;padding:0}@media (max-width:600px){.shortcut-dialog,.public-chat-overlay .public-chat-panel{padding:max(16px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.shortcut-dialog-header,.public-chat-panel>header{margin-bottom:16px}.shortcut-dialog-header h2,.public-chat-panel>header h2,.home-invite-fullscreen .game-picker-dialog>header h2{font-size:23px}.public-chat-panel>header{padding:0}}