.game-summary .summary-unit{font:inherit;color:inherit}

/* Center the clock itself; the rule icon occupies only the right-hand space. */
body[data-mode][data-screen=game] .game-timer{
 display:grid;grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr);
 align-items:center;column-gap:6px;width:100%;
}
body[data-mode][data-screen=game] .game-timer-value{
 grid-column:2;grid-row:1;font-family:Nunito,Arial,sans-serif;
 font-size:28px;font-weight:800;line-height:30px;letter-spacing:normal;font-variant-numeric:normal;
}
body[data-mode][data-screen=game]:not([data-round-mode=ludo]) .game-timer-value{color:#000}
body[data-mode][data-screen=game] .game-timer>.primary-info{
 grid-column:3;grid-row:1;justify-self:start;align-self:center;margin:0;
}
body[data-mode][data-screen=game] .game-timer-caption{grid-column:1/-1;grid-row:2}
/* Rows 1–3 retain the first screen; contributions continue below on scroll. */
body[data-mode=mobile][data-screen=game] .game-page{
 padding-bottom:calc(var(--mobile-game-controls-height) + var(--mobile-game-nav-height) + 12px);
}
body[data-mode=mobile][data-screen=game] .game-grid{
 --mobile-game-main-fallback:max(0px,calc(100svh - var(--mobile-game-controls-height) - var(--mobile-game-nav-height) - 152px));
 display:grid;grid-template-columns:minmax(0,1fr);
 grid-template-rows:var(--mobile-game-main-height,var(--mobile-game-main-fallback)) auto auto auto;
 height:auto;min-height:0;flex:none;
}
/* A definite first row lets Redo shrink before totals or the latest bet move
   behind the fixed controls. History adds its own height below these rows. */
body[data-mode=mobile][data-screen=game] .game-main{
 grid-column:1;grid-row:1;min-height:0;
 height:var(--mobile-game-main-height,var(--mobile-game-main-fallback));
}
body[data-mode=mobile][data-screen=game] .game-hero{height:0;flex:1 1 0;min-height:0}
body[data-mode=mobile][data-screen=game] .game-figure{height:0;flex:1 1 0;min-height:0}
body[data-mode=mobile][data-screen=game] .game-summary,
body[data-mode=mobile][data-screen=game] .game-latest{flex:none}
body[data-mode=mobile][data-screen=game] .game-summary{grid-column:1;grid-row:2}
body[data-mode=mobile][data-screen=game] .game-latest{grid-column:1;grid-row:3}
body[data-mode=mobile][data-screen=game] .game-investments{
 display:block;grid-column:1;grid-row:4;min-height:0;position:static;
}
body[data-mode=mobile][data-screen=game] .game-mascot{
 width:auto;height:100%;max-width:min(180px,100%);max-height:180px;object-fit:contain;
}
@media(max-height:650px){
 body[data-mode=mobile][data-screen=game] .game-hero{padding:4px 12px 9px}
 body[data-mode=mobile][data-screen=game] .game-main .page-title{font-size:19px}
 body[data-mode=mobile][data-screen=game] .game-balance{margin-top:5px}
 body[data-mode=mobile][data-screen=game] .game-progress{margin-top:5px}
}

/* Original Telegram vector animation, inside the existing responsive mascot box. */
.game-mascot-animation{position:relative;aspect-ratio:1;flex-shrink:0}
.game-mascot-animation>img{display:block;width:100%;height:100%;object-fit:contain}
body[data-mode][data-screen=game] .game-balance .game-earned,
body[data-mode][data-screen=game] .game-balance .game-potential{
 font-family:Nunito,Arial,sans-serif;gap:0;
}
body[data-mode][data-screen=game] .game-balance .game-earned{color:#1aaeeb}
body[data-mode][data-screen=game] .game-balance .game-earned>span,
body[data-mode][data-screen=game] .game-balance .game-potential>span{
 font-size:13px;font-weight:700;line-height:normal;
}
body[data-mode][data-screen=game] .game-balance .game-earned>strong,
body[data-mode][data-screen=game] .game-balance .game-potential>strong{
 font-size:20px;font-weight:800;line-height:24px;
}
body[data-mode][data-screen=game] .game-balance .game-earned small,
body[data-mode][data-screen=game] .game-balance .game-potential small{
 font-size:11.733px;font-weight:800;line-height:normal;
}
body[data-mode][data-screen=game] .game-balance .game-potential>span,
body[data-mode][data-screen=game] .game-balance .game-potential>strong{
 background:linear-gradient(var(--potential-text-angle,84.2665deg),#8369d1 3.9791%,#cf78c7 45.623%,#be2994 105.96%);
 background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
}
body[data-mode][data-screen=game] .game-balance .game-potential>strong{--potential-text-angle:86.6754deg;align-self:flex-end}

/* Match the Superprize card palette without changing the existing game layout. */
body[data-mode=mobile][data-screen=game] .game-main{
 background-image:linear-gradient(145deg,#e5f5ff 0%,#eaeafd 53%,#fff2dc 100%);
}

/* Blend the mobile card into the white page below, behind all game content.
   The final child layer also softens the background shimmer at the seam. */
body[data-mode=mobile][data-screen=game] .game-main::after{
 content:"";position:absolute;z-index:-1;pointer-events:none;
 inset:auto 0 0;height:clamp(72px,24%,112px);
 border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;
 background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.5) 40%,rgba(255,255,255,.88) 72%,#fff 100%);
}