/* Mobile presentation only; desktop layout and game physics are untouched. */
.midnight .midnight-art{display:block;width:100%;height:auto}
.midnight .compact-hero{background:#041528!important;aspect-ratio:auto!important;padding:0!important;display:block!important}
.midnight .compact-hero #join-title{box-sizing:border-box;max-width:none!important;width:100%;padding:24px 22px 12px;margin:0;font-size:clamp(30px,5vw,52px)!important;line-height:1.12;letter-spacing:-1px;color:#f5fbff;text-wrap:balance}
.midnight .join-heading{display:block}
.marble-identity{display:flex;align-items:center;gap:16px;min-width:0;padding:12px 0}
.marble-identity>div{min-width:0}.marble-identity strong{display:block;overflow-wrap:anywhere}.marble-identity small{display:block;margin-top:5px}
#marble-preview{width:72px;height:72px;object-fit:cover;border-radius:50%;box-shadow:inset 0 0 12px #fff,0 8px 24px #001e4f44;border:2px solid #97dbe8}
.telegram-card{border:1px solid #789bac;border-radius:18px;padding:18px;margin-top:24px}.telegram-card h3{margin:0 0 8px}.telegram-card p,.guest-note{font-size:14px;line-height:1.6}.telegram-card button{max-width:100%;white-space:normal}
.bottom-nav a span{font-size:22px;line-height:1.1}.midnight #guide li{margin:16px 0;line-height:1.6}
@media(max-width:959px){
 body.homepage.mobile-hub.midnight{background:#031326;color:#e9f4ff;padding-bottom:calc(100px + env(safe-area-inset-bottom))}
 .mobile-hub.midnight .nav{height:auto;min-height:62px;position:sticky;top:0;background:#041528f5;border-bottom:1px solid #23435b;z-index:110;padding:10px 14px;box-sizing:border-box;gap:8px;flex-wrap:wrap}
 .mobile-hub.midnight .wordmark{color:#fff;font-size:12px;gap:5px}.midnight .wordmark strong{color:#37d9ed}.midnight .language-picker{margin-left:auto}.midnight .language-picker>span{display:none}
 .mobile-hub.midnight main{padding:0 12px;margin-top:12px;max-width:640px}
 .mobile-hub.midnight main>.app-screen{background:#081e34;color:#e9f4ff;border:1px solid #284a65;box-shadow:none}
 .mobile-hub.midnight main>.app-screen:not(#join){min-height:calc(100svh - 190px);padding-bottom:90px}
 .mobile-hub.midnight #join{background:transparent;border:0;overflow:visible}
 .midnight .compact-hero{border-radius:18px;overflow:hidden}
 .midnight .join-surface{padding:20px 18px;background:linear-gradient(140deg,#19354d,#061b31);border:1px solid #41617c;border-radius:22px;margin-top:12px}
 .midnight .join-heading span{font-size:11px;letter-spacing:2px;color:#64e5ee}.midnight .join-heading h2{font-size:26px;margin:8px 0 12px;color:white}
 .mobile-hub.midnight #profile-form{color:#edf6ff}.mobile-hub.midnight #profile-form label{margin:4px 0}
 .mobile-hub.midnight input,.mobile-hub.midnight select,.mobile-hub.midnight textarea{background:#091f35;color:#edf6ff;border:1px solid #6e8aa5;border-radius:12px;font-size:16px;min-height:48px}
 .midnight input::placeholder{color:#a8bdcf!important}.midnight .language-picker select{max-width:112px;min-height:40px}
 .mobile-hub.midnight .hint,.mobile-hub.midnight #connection-state,.mobile-hub.midnight .queue-info,.midnight .country-search-disclosure,.midnight .guest-note{color:#b5cce0}
 .midnight #name-count{color:#b5cce0}.mobile-hub.midnight #join-race{background:linear-gradient(100deg,#53eff4,#12c7e8);color:#002435;min-height:54px;font-size:20px;box-shadow:0 4px 24px #00cee822}
 .mobile-hub.midnight #join-race:disabled{background:#345568;color:#afc4d0;box-shadow:none}
 .midnight .telegram-card{border-color:#376078;background:#071d32}.midnight .telegram-card button:disabled{background:#183448;color:#b2c9db;border:1px solid #4a708c}
 .midnight .bottom-nav{border-radius:18px 18px 0 0;border-top:1px solid #3b5d78;background:#04162bf5;width:100%;backdrop-filter:blur(12px)}
 .midnight .bottom-nav a{font-size:12px;min-height:58px;gap:4px;padding:4px 2px;color:#c2d3e3}.midnight .bottom-nav a[aria-current]{background:#092c42;color:#45e5ed;box-shadow:inset 0 2px #45e5ed}
 .midnight .menu-grid a,.midnight #guide a{color:#9eeef3}.midnight .menu-grid a{border-color:#36556d}
 .mobile-hub.midnight .app-screen[hidden]{display:none!important}
}