/* MAKE IT Beta 2.73 — shared navigation, a fixed challenge hub and scrolling detail. */
html:not(.makeit-menu-active) #app>header .language-switch{display:none!important}
/* Platform mission title: centered in the band between language selector and game choices. */
#app #menu .menu-motivation{min-height:clamp(36px,6dvh,57px)!important;align-items:center!important}
#app #menu #mission-open{font-size:clamp(17px,5.5vw,24px)!important;letter-spacing:.016em!important;padding:4px 6px!important;max-width:100%!important;white-space:nowrap!important}
#app #menu #mission-open span{white-space:nowrap!important}
/* Always expose HOME in the upper right of secondary screens, not centered. */
#app #game,#app #result,#app #leaderboard,#app #challenges{position:relative!important}
#app #game #gameback,#app #challenges #challengeback,#app #leaderboard #back,
#app #result #home{width:44px!important;min-width:44px!important;max-width:44px!important;height:42px!important;min-height:42px!important;margin:0!important;padding:7px!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:35!important}
#app #game #gameback,#app #challenges #challengeback,#app #leaderboard #back{position:absolute!important;top:0!important;right:0!important;left:auto!important}
#app #result{padding-top:44px!important}
#app #result .result-navigation{position:absolute!important;top:0!important;right:0!important;left:auto!important;width:44px!important;height:42px!important;z-index:35!important}
#app #game .game-macro{padding-left:48px!important;padding-right:48px!important}
#app #leaderboard .board-fixed{position:relative!important;padding:0 48px 8px!important}
#app #leaderboard .board-fixed .eyebrow{font-size:clamp(13px,3.8vw,17px)!important}
#app #leaderboard #back{right:0!important;top:0!important}
/* Hub occupies only available space under the common header, not the Safari document. */
#app #challenges:not([hidden]){display:flex!important;flex-direction:column!important;overflow:hidden!important;min-height:0!important;max-height:none!important;flex:1 1 auto!important;height:auto!important;position:relative!important}
#app #challenges .challenge-hub:not([hidden]){display:flex!important;flex:1 1 auto!important;min-height:0!important;flex-direction:column!important;justify-content:space-evenly!important;gap:clamp(7px,1.7dvh,14px)!important;overflow:hidden!important;padding:clamp(37px,6dvh,51px) 1px clamp(5px,1dvh,12px)!important}
#app #challenges .challenge-mission{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important}
#app #challenges #challenge-mission-open{border:0!important;background:var(--mi-platform-gradient)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;font-weight:950!important;font-size:clamp(17px,5.5vw,24px)!important;letter-spacing:.016em!important;line-height:1.15!important;white-space:nowrap!important;padding:4px 2px!important;max-width:100%!important}
#app #challenges .challenge-hub-title{background:var(--mi-platform-gradient)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;font-size:clamp(11px,3.35vw,14px)!important;font-weight:900!important;letter-spacing:.11em!important;text-align:center!important;margin:0!important;flex:0 0 auto!important}
#app #challenges .challenge-hub-options{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;gap:clamp(7px,1.4dvh,12px)!important;min-height:0!important;flex:1 1 auto!important;max-height:390px!important}
#app #challenges .challenge-type-button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:0!important;width:100%!important;gap:4px!important;padding:clamp(6px,1.2dvh,13px) 8px!important;border-radius:13px!important;background:transparent!important;background-image:none!important;border:1px solid #66577b!important;box-shadow:none!important;text-align:center!important}
#app #challenges .challenge-type-button strong{background:var(--mi-platform-gradient)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;font-size:clamp(14px,3.7vw,18px)!important;font-weight:900!important;line-height:1.12!important}
#app #challenges .challenge-type-button span{color:#ded8ec!important;font-size:clamp(10px,2.75vw,12.5px)!important;line-height:1.2!important}
#app #challenges .challenge-type-button em{color:#d1bcde!important;font-style:normal!important;font-size:10px!important;font-weight:850!important;line-height:1.1!important;letter-spacing:.05em!important}
/* One shared detail component; title/description/tab bar fixed, list alone scrolls. */
#app #challenges .challenge-detail:not([hidden]){display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;padding-top:clamp(41px,6dvh,55px)!important}
#app #challenges .challenge-detail>.challenge-fixed{flex:0 0 auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:0 0 9px!important;text-align:center!important}
#app #challenges .challenge-type-back{position:absolute!important;top:0!important;left:0!important;right:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;width:44px!important;min-width:44px!important;height:42px!important;padding:8px!important;background:#24213e!important;border:1px solid #706287!important;border-radius:12px!important}
#app #challenges .challenge-type-back svg{width:24px!important;height:24px!important}
#app #challenges #challenge-mode-heading{font-size:clamp(19px,5.5vw,26px)!important;line-height:1.2!important;margin:1px auto 8px!important;white-space:normal!important}
#app #challenges .challenge-mode-description{font-size:clamp(12px,3.1vw,15px)!important;line-height:1.4!important;color:#eee9fa!important;margin:0 auto 9px!important;max-width:35ch!important}
#app #challenges .challenge-mode-status{font-weight:850!important;color:#e5c4e9!important;font-size:11px!important;margin:3px auto 9px!important}
#app #challenges .challenge-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0!important;padding:0!important}
#app #challenges .challenge-tabs .challenge-tab{background:var(--challenge-current-color,#32e8ff)!important;background-image:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 1px 3px #0810208a!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:12px!important;min-width:0!important;min-height:45px!important;padding:8px!important;font-weight:900!important;font-size:clamp(12px,3.3vw,15px)!important;box-shadow:none!important}
#app #challenges .challenge-tabs .challenge-tab[disabled]{opacity:.5!important;cursor:not-allowed!important}
#app #challenges .challenge-detail>.challenge-scroll{flex:1 1 0!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;padding:9px 2px 18px!important}
#app #challenges .section-nav{display:none!important}
#app #challenges .challenge-detail .challenge-entry{margin:0!important}
#app #challenges .challenge-home svg{width:26px!important;height:26px!important}
#app #challenges .challenge-type-button:focus-visible,#app #challenges #challenge-mission-open:focus-visible{outline:2px solid white!important;outline-offset:2px!important}
@media(max-height:650px){#app #challenges .challenge-hub:not([hidden]){gap:4px!important;padding-top:39px!important;padding-bottom:0!important}#app #challenges .challenge-hub-options{gap:6px!important}#app #challenges .challenge-type-button{gap:2px!important;padding:5px!important}#app #challenges .challenge-type-button span{font-size:10px!important}#app #challenges .challenge-type-button em{font-size:9px!important}#app #challenges .challenge-detail:not([hidden]){padding-top:43px!important}}