/* Stable layout; emphasis belongs to START, then the daily challenge. */
html body #overlay>.titleCard .weekdayMissionGo{background:#243837!important;border:1px solid #86b9a8!important;color:#c4f4df!important;box-shadow:inset 0 1px #ffffff12!important;font-size:10px;font-weight:800;white-space:nowrap;word-break:normal;overflow-wrap:normal;transition:background-color .12s,transform .12s}
html body #overlay>.titleCard .weekdayMissionGo:hover{background:#304d47!important}
html body #overlay>.titleCard .weekdayMissionGo:active{transform:translateY(1px)}
.titleCard .titleSettingsBtn{width:38px;height:38px;border-radius:6px}
.titleCard .titleSkinOwnedBonus,.titleCard .titleSkinItemSpawn{font-size:11px;line-height:1.4}
.titleCard .statBox .v,.titleCard .metaMini .v,#ui .value{font-variant-numeric:tabular-nums}
.titleCard .statBox{display:grid;grid-template-rows:30px auto;align-items:end;justify-items:center}
.titleCard .statBox .k{align-self:start;min-width:0;max-width:100%}
.titleCard .totalEarned{font-size:10px;line-height:1.5}
html body #ui #top .panel{background:#101c1e!important;border-color:#637d7470!important;box-shadow:inset 0 1px #d7f3e51f!important}
#ui .label{color:#afc4bc!important;font-size:10px!important}
html body #feverWrap{border-color:#698b796b!important;box-shadow:inset 0 1px #d7f3e512!important}
#overlay>.spSurfaceEnter:not(.titleIntroPrep){animation:spSurfaceEnter .18s cubic-bezier(.16,.8,.28,1) both}
#overlay>.titleCard.spSurfaceEnter:not(.titleIntroPrep){animation:spTitleEnter .18s ease-out both}
.spResultArrival .resultScoreWrap{animation:spResultFocus .36s cubic-bezier(.16,.8,.28,1) both;transform-origin:center}
.spResultArrival .rewardValue{animation:spRewardReveal .28s .12s ease-out both;font-variant-numeric:tabular-nums}
.spResultArrival .resultRankBadge.best{border-color:#ffe18b99!important;color:#ffe8ab!important}
.spResultArrival .resultBtn{transition:background-color .12s,transform .12s}
.spResultArrival .resultBtn:active{transform:translateY(1px)}
.missionResultCard{animation:spSurfaceEnter .18s cubic-bezier(.16,.8,.28,1) both}
@keyframes spSurfaceEnter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes spTitleEnter{from{opacity:0}to{opacity:1}}
@keyframes spResultFocus{from{opacity:.5;transform:scale(.975)}to{opacity:1;transform:scale(1)}}
@keyframes spRewardReveal{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:350px){.titleCard .statBox .k,#ui .label{font-size:9px!important}.titleCard .titleSkinOwnedBonus,.titleCard .titleSkinItemSpawn{font-size:10px}}
@media(max-width:350px){html body #overlay>.titleCard .weekdayMissionGo{font-size:9px}}
@media(prefers-reduced-motion:reduce){#overlay>.spSurfaceEnter,.spResultArrival .resultScoreWrap,.spResultArrival .rewardValue,.missionResultCard{animation:none!important}.spResultArrival .resultBtn,.titleCard .weekdayMissionGo{transition:none!important}}
body.spReducedFx #overlay>.spSurfaceEnter,body.spReducedFx .spResultArrival .resultScoreWrap,body.spReducedFx .spResultArrival .rewardValue,body.spReducedFx .missionResultCard{animation:none!important}