/* Account controls, uninterrupted animation layers and the simple entry screen. */
.header-inner{gap:24px}.header nav{margin:0 auto}.header-right{display:flex;align-items:center;gap:22px;margin-left:auto;flex-shrink:0}.header-right .account-controls{display:flex;gap:12px}.header-right .rank-badge{flex-shrink:0}.header-caption{margin-left:0}
/* Only tonal correction: the original map and every location retain their geometry. */
.map-plane .original-city>img{filter:brightness(.99) contrast(1.033) saturate(1.1)}
.entry-header{height:86px;display:flex;align-items:center;padding:0 5%;background:#0b1118}.entry-wordmark{font-family:Manrope,'DM Sans',sans-serif;font-weight:800;font-size:23px;letter-spacing:.12em;color:#eff4fb}.entry-wordmark span{color:#a6ff72}.entry-home{min-height:calc(100svh - 86px);display:flex;align-items:center;justify-content:center;background:#0b1118;padding:64px 24px 110px}.entry-content{width:100%;max-width:410px;text-align:center}.entry-content>.eyebrow{font-size:10px;letter-spacing:.19em;color:#9eafbd}.entry-content h1{font-size:64px;line-height:1.08;letter-spacing:-.055em;margin:22px 0}.entry-content h1 em{color:#a6ff72;font-style:normal}.entry-content p{font-size:16px;color:#a8bac9;margin-bottom:32px}.entry-actions{display:flex;flex-direction:column;gap:12px}.entry-actions button{width:100%;min-height:57px;font-size:15px;border-radius:10px}.entry-content>small{display:block;margin-top:25px;font-size:12px;color:#7e95a7}.entry-home *{animation:none!important;transition:none!important}.username-modal{width:calc(100% - 36px);max-width:470px}.username-modal input{width:100%;padding:14px 16px;border-radius:9px;background:#0b1a28;border:1px solid #456079;color:#f2f7ff;font:inherit}.username-modal .field-label{margin-bottom:9px}.username-modal .field-error{min-height:20px;margin:8px 0 18px;font-size:12px;color:#f2a8b5}.username-modal .primary{min-height:51px}
/* Transform-only animation stays on the browser's compositor. No per-frame layout. */
.game-logo{will-change:transform;backface-visibility:hidden}.playing-card{backface-visibility:hidden;transform:translate3d(0,0,0);contain:paint}.card-arriving{will-change:transform,opacity}.card-arriving.from-player{animation:deal-player-v6 .58s cubic-bezier(.18,.68,.24,1) both}.card-arriving.from-dealer{animation:deal-dealer-v6 .58s cubic-bezier(.18,.68,.24,1) both}@keyframes deal-player-v6{from{opacity:0;transform:translate3d(0,170px,0) rotate(-8deg) scale(.88)}to{opacity:1;transform:translate3d(0,0,0) rotate(0) scale(1)}}@keyframes deal-dealer-v6{from{opacity:0;transform:translate3d(0,-170px,0) rotate(8deg) scale(.88)}to{opacity:1;transform:translate3d(0,0,0) rotate(0) scale(1)}}
.roulette-room .roulette-wheel{will-change:transform;backface-visibility:hidden;transform:translate3d(0,0,0) rotate(var(--rotation))}.roulette-room .roulette-wheel.spinning{animation:wheel-smooth-v6 6.2s cubic-bezier(.14,.35,.22,1) both;animation-delay:0s!important}.ball-track{will-change:transform;backface-visibility:hidden;transform:translate3d(0,0,0) rotate(0)}.ball-spinning{animation:ball-smooth-v6 6.2s cubic-bezier(.06,.48,.26,1) both;animation-delay:0s!important}.ball-landed{transform:translate3d(0,0,0) rotate(var(--ball-angle))}.roulette-ball{--ball-drop:26px;top:19px;transition:none;will-change:transform;transform:translate3d(0,0,0)}.ball-landed .roulette-ball{top:19px;transform:translate3d(0,var(--ball-drop),0)}.ball-spinning .roulette-ball{animation:ball-drop-v6 6.2s ease-in both;animation-delay:0s!important}@keyframes wheel-smooth-v6{from{transform:translate3d(0,0,0) rotate(var(--previous))}to{transform:translate3d(0,0,0) rotate(var(--rotation))}}@keyframes ball-smooth-v6{from{transform:translate3d(0,0,0) rotate(0)}to{transform:translate3d(0,0,0) rotate(var(--ball-end))}}@keyframes ball-drop-v6{0%,65%{transform:translate3d(0,0,0)}83%{transform:translate3d(0,13px,0)}89%{transform:translate3d(0,7px,0)}95%,100%{transform:translate3d(0,var(--ball-drop),0)}}
@media(max-width:1150px){.header-inner{gap:16px}.header-right{gap:14px}.header-right .account-controls{gap:8px}.header .nav-item{padding-left:10px;padding-right:10px}}
@media(max-width:1050px){.header{height:auto}.header-inner{display:grid;grid-template-columns:1fr auto;gap:8px 15px;padding:12px 3% 0}.home-link{grid-row:1;grid-column:1}.header-right{grid-row:2;grid-column:1/-1;display:flex;justify-content:flex-end;width:100%;gap:16px;margin:0}.header-right .account-controls{grid-row:auto;grid-column:auto}.header nav{grid-row:3;grid-column:1/-1;height:48px;width:100%;justify-content:center;margin:0}.header nav .nav-item{padding:0 20px}.header .rank-badge{width:112px;min-width:112px}.header:has(.header-caption) .header-inner{padding-bottom:12px}.header-caption{display:none}}
@media(max-width:760px){.roulette-ball{--ball-drop:21px}.ball-landed .roulette-ball{top:19px}.entry-header{height:70px;padding:0 24px}.entry-wordmark{font-size:19px}.entry-home{min-height:calc(100svh - 70px);padding:48px 25px 90px}.entry-content h1{font-size:54px}.header-right{justify-content:space-between;gap:10px}.header-right .account-controls{gap:8px}}
@media(max-width:370px){.header-right .rank-badge{min-width:95px;width:95px}.header-right .balance .money{font-size:14px}.header-right{gap:7px}.header-right .account-controls{gap:6px}.entry-content h1{font-size:48px}}
@media(prefers-reduced-motion:reduce){.card-arriving.from-player,.card-arriving.from-dealer,.roulette-room .roulette-wheel.spinning,.ball-spinning,.ball-spinning .roulette-ball{animation-duration:.08s}.game-logo{animation:none;will-change:auto}}