/* Shared presentation rhythm; geometry never animates while the keyboard moves. */
:root{--ui-motion:200ms;--ui-ease:cubic-bezier(.2,.7,.2,1);}
#workspace{scroll-behavior:auto;} /* Route changes start at the destination immediately. */
#stage #modal-box{animation:none;border-color:#68868d66;box-shadow:0 16px 60px #0006;}
#stage .screen-title{letter-spacing:-.45px;line-height:1.3;}
#stage .screen-sub{line-height:1.6;color:#adbec7;}
#stage .nav-btn{transition:background-color 160ms ease,color 160ms ease;}
#stage #modal-box .modal-x{background:#ffffff07;border:1px solid #9db1bb33;border-radius:12px;}
#stage #modal-box .modal-x:active{background:#ffffff14;}
#stage #modal-box input,#stage #modal-box select{border-radius:10px;}
#stage button:active:not(:disabled){filter:brightness(.96);}
#boot-screen input:focus-visible{outline:2px solid #d7c58e;outline-offset:2px;}
#boot-screen.club-creating .intro-controls{background:transparent;border:0;}
#club-setup{scroll-padding:72px 0 24px;padding-top:calc(72px + env(safe-area-inset-top));}
.club-create-heading h1{font-size:32px;letter-spacing:-.8px;}
.club-live-preview{box-shadow:inset 0 1px 0 #fff1,0 8px 20px #0002;border-color:#8cab883b;padding:16px;margin-bottom:24px;}
.club-create-footer{position:static;margin-top:24px;background:linear-gradient(180deg,#102321e0,#102321);backdrop-filter:none;}
.club-create-footer .action-btn{box-shadow:0 2px 0 #566c45;border-radius:12px;min-height:48px;font-size:14px;}
.club-create-footer>small{margin-top:10px;font-size:11px;}
.club-name-meta small{font-size:11px;}
.club-keyboard-toolbar{display:none;}
/* Entered only for a focused text field + measured visual viewport shrink. */
#boot-screen.club-creating.is-keyboard-open .intro-controls{display:none;}
#boot-screen.club-creating.is-keyboard-open #club-setup{padding:60px 20px 16px;scroll-padding:64px 0 16px;}
.is-keyboard-open .club-keyboard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:fixed;z-index:4;top:var(--app-top,0px);left:0;right:0;min-height:52px;padding:4px 16px;background:#112422;border-bottom:1px solid #8cab8833;}
.club-keyboard-toolbar strong{font-size:14px;letter-spacing:-.2px;}
#boot-screen .club-keyboard-toolbar button{min-width:56px;min-height:44px;border:1px solid #9eb1834d;border-radius:10px;background:#c6d39d12;color:#dce6c6;font:inherit;font-size:13px;cursor:pointer;}
.is-keyboard-open .club-create-heading,.is-keyboard-open .club-live-preview{display:none;}
.is-keyboard-open .club-name-section{margin-bottom:22px;}
.is-keyboard-open .club-name-section label{font-size:12px;margin-bottom:8px;}
.is-keyboard-open #club-create-name{padding:10px 12px;min-height:48px;}
.is-keyboard-open .club-create-footer{padding:12px 20px;margin-top:16px;}
.is-keyboard-open .club-create-footer>small{display:none;}
/* Rename/settings and other input dialogs also use the available viewport. */
#stage[data-keyboard=true] #modal-root{align-items:flex-start;padding:6px;}
#stage[data-keyboard=true] #modal-box{max-height:100%;scroll-padding:64px 0 16px;}
#stage[data-keyboard=true] .brand-editor-actions{position:static;}
#stage[data-keyboard=true] .brand-name-preview>img{display:none;}
#stage[data-keyboard=true] .brand-name-preview{padding:0;border:0;background:none;}
#stage .settings-scroll{flex:1 1 auto;max-height:none;}
@media(max-width:360px){#boot-screen.club-creating.is-keyboard-open #club-setup{padding-left:14px;padding-right:14px;}}
@media(max-height:500px){
 #club-setup{padding-top:60px;}
 .club-create-heading .intro-eyebrow{margin-bottom:6px;}
 .club-create-heading h1{font-size:26px;}
 .club-create-heading p{margin-bottom:16px;}
 .club-live-preview{padding:12px;margin-bottom:18px;}
 #stage #modal-root{padding:6px;}
 #stage #modal-box .pd-footer,#stage #modal-box .cmp-footer,#stage #modal-box .squad-swap-actions{position:static;}
 #stage .settings-header{padding-bottom:8px;}
 #stage .settings-header h2{font-size:19px;}
 #stage .settings-header small,#stage .settings-credit{display:none;}
}
@media(prefers-reduced-motion:reduce){#stage .nav-btn{transition:none;}}