/* Final type hierarchy: heavy branding, calmer functional UI. */
.home-v5 .h5-section-head h2,.home-v5 .h5-reward-title h2,
.home-v5 .h5-game-title strong,.home-v5 .h5-event-copy>strong{font-weight:600!important;letter-spacing:-.15px!important}
.home-v5 .h5-prize b{font-weight:650!important;letter-spacing:-.5px!important}
.home-v5 .h5-wallet b,.home-v5 .h5-streak>strong,
.home-v5 .h5-referral-copy>strong,.home-v5 .h5-voucher-brand,
.home-v5 .h5-game-data b,.home-v5 .h5-referral-action>b{font-weight:600}
.home-v5 .h5-voucher-off strong{font-weight:650}
.home-v5 .h5-profile b{font-weight:600}
.home-v5 .h5-shortcut span,.home-v5 .h5-day>b,.home-v5 .h5-nav-item span{font-weight:500}
.home-v5 .h5-nav-item.active span,.home-v5 .h5-register,.home-v5 .h5-start{font-weight:600}
.auth-screen .auth-title,.auth-screen .auth-title>span:first-child{font-weight:600}
.auth-screen .auth-title strong{font-weight:800}
.auth-screen .auth-submit{font-weight:600!important}
.auth-screen .auth-label{font-weight:500}
.direction-heading h2,.bg-title,.bg-section-head h3{font-weight:600}
.sp-screen .sp-word,.brand-logo{font-weight:900}
/* Solid-colour moulded surfaces: top edge, soft inner bevel, lower contact shadow.
   No multi-colour gradient or dimmed primary is applied. */
body[data-mode=dark]{--material-top:#ffffff21;--material-side:#ffffff0d;--material-inset:#00000020;--material-cast:#00000016}
body[data-mode=bright]{--material-top:#ffffffec;--material-side:#ffffff88;--material-inset:#0000000b;--material-cast:#35202b09}
.home-v5 .h5-game,.home-v5 .h5-rewards,.home-v5 .h5-referral,.home-v5 .h5-voucher{
 box-shadow:inset 0 1px 0 var(--material-top),inset 1px 0 0 var(--material-side),inset 0 -4px 6px var(--material-inset),0 2px 0 color-mix(in srgb,var(--line) 50%,var(--base)),0 6px 10px var(--material-cast);
}
.home-v5 .h5-event{
 border-color:color-mix(in srgb,var(--accent) 77%,var(--on-accent));
 box-shadow:inset 0 1px 0 #ffffff65,inset 1px 0 0 #ffffff2b,inset 0 -4px 5px #0000001c,0 3px 0 color-mix(in srgb,var(--accent) 77%,#000),0 7px 11px var(--material-cast);
}
.home-v5 .h5-shortcut .icon,.home-v5 .h5-nav-item.active,.home-v5 .h5-start{
 box-shadow:inset 0 1px 0 #ffffff55,inset 0 -2px 2px #00000014,0 2px 0 color-mix(in srgb,var(--accent) 76%,#000);
}
.home-v5 .h5-register{box-shadow:inset 0 1px 0 #ffffff35,inset 0 -2px 2px #00000012}
.home-v5 .h5-nav{box-shadow:inset 0 1px 0 var(--material-top),0 -3px 12px var(--material-cast)}
body[data-mode] #login-device .auth-card,body[data-mode] #login-device .auth-invitation{
 box-shadow:inset 0 1px 0 var(--material-top),inset 1px 0 0 var(--material-side),inset 0 -4px 7px var(--material-inset),0 3px 0 color-mix(in srgb,var(--line) 50%,var(--base)),0 9px 18px var(--material-cast);
}
body[data-mode] #login-device .auth-invitation .auth-card{box-shadow:none}
.bg-shape-box,.bg-mode-event{box-shadow:inset 0 1px 0 #ffffff65,inset 1px 0 0 #ffffff2b,inset 0 -4px 5px #0000001c,0 3px 0 color-mix(in srgb,var(--bg-accent) 77%,#000)}
.bg-button,.bg-mode-button{box-shadow:inset 0 1px 0 #ffffff55,inset 0 -2px 2px #00000014,0 2px 0 color-mix(in srgb,var(--bg-accent) 76%,#000)}
/* Switch surfaces and foregrounds together, without a low-contrast crossfade. */
body[data-mode]{transition:none}
.bg-flow-block>small{color:var(--bg-ink)}