/* MAKE IT Beta 2.76 — high-contrast Home icon and consistent results actions. */
/* Previous styles explicitly applied dark text to brightly coloured buttons.
   These rules correct ALL homes, including challenges and game over. */
#app #game #gameback,
#app #result #home,
#app #challenges #challengeback,
#app #leaderboard #back{
 color:#fff!important;-webkit-text-fill-color:#fff!important;
}
#app #game #gameback svg,
#app #result #home svg,
#app #challenges #challengeback svg,
#app #leaderboard #back svg{
 color:#fff!important;stroke:#fff!important;fill:none!important;opacity:1!important;
 filter:drop-shadow(0 1px 1px #0005);
}
/* Result actions use the selected game's own colour rather than platform rainbow.
   The same three icon roles are used in MENU and in the result screen. */
#app #result{position:relative!important;--mi276-current:var(--accent,#25c8fb)}
#app #result .result-navigation{
 position:sticky!important;top:0!important;z-index:18!important;
 width:100%!important;display:flex!important;justify-content:flex-end!important;
 margin:0 0 5px!important;padding:3px 0 2px!important;
 background:transparent!important;
}
#app #result .result-navigation #home{
 width:clamp(49px,13vw,60px)!important;max-width:60px!important;
 height:44px!important;min-height:44px!important;
 margin:0!important;padding:8px!important;
 background:color-mix(in srgb,var(--mi276-current) 22%,#211f39)!important;
 background-image:none!important;border:1px solid var(--mi276-current)!important;
 border-radius:12px!important;
}
#app #result .end-actions{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:clamp(7px,2vw,12px)!important;margin-top:17px!important;
}
#app #result .end-actions>.mi276-result-action:not([hidden]){
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:100%!important;min-width:0!important;max-width:none!important;
 min-height:67px!important;height:67px!important;
 margin:0!important;padding:8px!important;
 background:var(--mi276-current)!important;background-image:none!important;
 border:1px solid color-mix(in srgb,var(--mi276-current) 60%,white)!important;
 border-radius:16px!important;box-shadow:0 3px 11px #0005!important;
 color:#fff!important;-webkit-text-fill-color:#fff!important;
 font-size:0!important;line-height:0!important;
}
#app #result .end-actions>.mi276-result-action svg{
 display:block!important;width:34px!important;height:34px!important;flex:0 0 34px!important;
 color:#fff!important;fill:#fff!important;stroke:#fff!important;
}
#app #result .end-actions>.mi276-result-action[data-icon="podium"] svg{fill:none!important}
#app #result .end-actions>.mi276-result-action[data-icon="podium"] svg text{fill:#fff!important;stroke:none!important}
#app #result .end-actions>.mi276-result-action .mi276-vs{
 color:#fff!important;-webkit-text-fill-color:#fff!important;
 font-size:clamp(20px,6vw,27px)!important;font-weight:950!important;line-height:1!important;
}
#app #result .end-actions>.mi276-result-action:focus-visible{outline:2px solid white!important;outline-offset:3px!important}
#app #result .end-actions>button:not(.mi276-result-action):not([hidden]){
 grid-column:1 / -1!important;background:var(--mi276-current)!important;
 background-image:none!important;color:white!important;-webkit-text-fill-color:white!important;
 border:1px solid var(--mi276-current)!important;
}
#app #result .end-actions>.share-status{grid-column:1/-1!important}