/* MAKE IT Beta 2.83 — centralized menu/board/challenge copy and hub shell. */
#app #menu #menu-help-hint{font-size:clamp(11px,3.35vw,14px)!important;font-weight:850!important;line-height:1.25!important;color:#efe6ff!important;margin:4px auto 7px!important;max-width:410px}
#app #menu .screen-games .eyebrow, #app #challenges .challenge-hub-title, #app #leaderboard .board-hub-title{display:none!important}
/* A single three-context mission button, label and caption; avoid scroll/layout jumps. */
#app #menu #mission-open,#app #challenges #challenge-mission-open,#app #leaderboard #board-mission-open{
 display:flex!important;flex-direction:column!important;position:relative!important;align-items:center!important;justify-content:center!important;gap:3px!important;
 border:1px solid #8171b7!important;background:linear-gradient(135deg,#30264b,#201c3d)!important;box-shadow:0 2px 12px rgba(114,86,170,.20)!important;
 padding:8px 22px 8px 12px!important;border-radius:14px!important;white-space:normal!important;
 width:min(100%,380px)!important;min-width:0!important;min-height:51px!important;line-height:1.08!important;text-align:center!important;
}
#app #menu .menu-motivation,#app #challenges .challenge-mission,#app #leaderboard .board-mission{width:100%!important;justify-content:center!important}
#app #menu #mission-open .mission283-title,#app #challenges #challenge-mission-open .mission283-title,#app #leaderboard #board-mission-open .mission283-title{
 font-size:clamp(15px,4.1vw,19px)!important;font-weight:950!important;letter-spacing:.035em!important;
 color:#ecd2ff!important;background:var(--mi-platform-gradient)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;
}
#app #menu #mission-open .mission283-caption,#app #challenges #challenge-mission-open .mission283-caption,#app #leaderboard #board-mission-open .mission283-caption{
 font-size:clamp(9px,2.5vw,11px)!important;font-weight:650!important;color:#ddd1f5!important;-webkit-text-fill-color:#ddd1f5!important;
 background:none!important;background-image:none!important;line-height:1.24!important;letter-spacing:.005em!important;
}
#app #menu #mission-open .mission283-arrow,#app #challenges #challenge-mission-open .mission283-arrow,#app #leaderboard #board-mission-open .mission283-arrow{position:absolute!important;right:9px!important;top:10px!important;color:#f4d5ff!important;-webkit-text-fill-color:#f4d5ff!important;font-size:17px!important;background:none!important}
#app #leaderboard .board-hub-options{grid-template-rows:repeat(3,minmax(0,1fr))!important}
#app #leaderboard #board-hub-categories,#app #leaderboard #board-hub-master{display:none!important}
#app #leaderboard #board-window-ranking .board274-scope-other{display:none!important}
#app #leaderboard .board283-ranking-row{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid #3e375a}
#app #leaderboard .board283-ranking-row span{font-size:12px;color:#e6def4}
#app #leaderboard .board283-ranking-row strong{font-size:12px;color:var(--board274-game-color,#fff);font-variant-numeric:tabular-nums}
#app #leaderboard .board283-ranking-subtitle{font-size:11px;letter-spacing:.04em;color:#e4c8ff;margin:15px 0 8px;font-weight:900}
.board283-modal[hidden]{display:none!important}
.board283-modal{position:fixed;inset:0;z-index:140000;background:#050610e8;display:flex;justify-content:center;align-items:center;padding:12px}
.board283-dialog{position:relative;width:min(100%,460px);max-height:calc(100dvh - 24px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #74619a;background:#17132a;border-radius:20px;padding:47px 14px 16px}
.board283-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 3px 12px}
.board283-scroll h3{text-align:center;margin:0 42px 16px;font-size:clamp(18px,5vw,23px);color:#eac8fb}
.board283-group{border:1px solid #554c76;border-radius:13px;margin-bottom:13px;padding:12px;background:#1d1937;font-size:13px}
.board283-group h4{color:#e7c0ff;text-align:center;font-size:16px;margin:0 0 12px}
.board283-group .board278-game,.board283-group .master-details-section{max-width:100%}
.board283-x{position:absolute!important;right:13px!important;top:11px!important;z-index:3!important;display:flex!important;align-items:center!important;justify-content:center!important;color:white!important;min-width:35px;min-height:35px;font-size:18px}
#board283-show-details{display:block;width:100%;margin-top:8px}
@media(max-height:670px){#app #menu #mission-open,#app #challenges #challenge-mission-open,#app #leaderboard #board-mission-open{min-height:45px!important;padding-top:6px!important;padding-bottom:6px!important}#app #menu #menu-help-hint{font-size:11px!important}}

#app #leaderboard #board283-show-details{display:block;width:100%;min-height:43px;margin-top:10px;border-radius:11px;border:1px solid #ad8adb;background:linear-gradient(110deg,#3b6bce,#853fc6,#fa5a9a);color:#fff;font-weight:900;letter-spacing:.08em}
#app #leaderboard .board283-x{background:linear-gradient(120deg,#558cf6,#9d4df3,#ff6d7b)!important;border:1px solid #f5ccff!important;border-radius:11px!important;width:40px;height:40px;box-shadow:none!important}

/* Reuse Beta 2.78 category-details appearance in the combined detail, no new layout semantics. */

#app #leaderboard #board283-cat-details .board278-category-dialog{
 width:min(100%,470px);height:auto;max-height:min(88dvh,790px);min-height:0;
 overflow:hidden;display:flex;flex-direction:column;position:relative;
 border:1px solid #71669b;border-top:3px solid #67c5ff;border-radius:20px;
 background:linear-gradient(160deg,#211b39,#12192d);color:#fff;padding:58px 14px 15px;
 box-shadow:0 18px 60px #000b;
}

#app #leaderboard #board283-cat-details .board278-category-scroll{
 overflow:auto;min-height:0;flex:1;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
 padding:2px 2px 10px}

#app #leaderboard #board283-cat-details .board278-game{margin:10px 0 16px}

#app #leaderboard #board283-cat-details .board278-game-title{margin:4px 0 8px;
 padding:10px 8px;text-align:center;border:1px solid var(--board278-detail-color);border-radius:12px;
 color:var(--board278-detail-color);font-size:clamp(15px,4vw,18px);font-weight:900;
 background:color-mix(in srgb,var(--board278-detail-color) 8%,#191a31)}

#app #leaderboard #board283-cat-details .board278-category-row{padding:10px;margin:6px 0;
 border:1px solid #56526f;border-radius:11px;background:#1d2039}

#app #leaderboard #board283-cat-details .board278-category-top{display:flex;justify-content:space-between;
 align-items:baseline;gap:10px;font-size:13px}

#app #leaderboard #board283-cat-details .board278-category-top strong{color:var(--board278-detail-color);font-weight:850}

#app #leaderboard #board283-cat-details .board278-category-top span{text-align:right;font-weight:750}

#app #leaderboard #board283-cat-details .board278-category-next{font-size:12px;margin-top:8px;color:#c8c7dc;
 display:flex;gap:8px;justify-content:space-between}

#app #leaderboard #board283-cat-details .board278-category-next b{color:var(--board278-detail-color);font-size:15px}

#app #leaderboard #board283-cat-details .board278-category-bar{height:7px;background:#373551;
 border-radius:30px;overflow:hidden;margin-top:6px}

#app #leaderboard #board283-cat-details .board278-category-bar span{display:block;height:100%;border-radius:30px;
 background:var(--board278-detail-color)}

#app #leaderboard #board283-cat-details .board278-category-count{font-size:11px;color:#bfc0d2;
 text-align:right;margin-top:3px}

#app #leaderboard #board283-cat-details .board278-category-complete{color:#d4c7e9;font-size:12px;margin-top:7px}

 #app #leaderboard #board283-cat-details .board278-category-dialog{padding:55px 10px 12px}
