/* MAKE IT Beta 2.72 — compact, fixed home: no changes to gameplay/storage. */
#app #menu.fixed-screen:not([hidden]){
  display:flex!important;flex-direction:column!important;justify-content:space-between!important;
  flex:1 1 auto!important;min-height:0!important;width:100%!important;
  overflow:hidden!important;overscroll-behavior:none!important;
  padding:clamp(3px,.7dvh,8px) 0 clamp(4px,.8dvh,10px)!important;
}
#app #menu .menu-motivation{
  flex:0 0 auto!important;display:flex!important;justify-content:center!important;
  margin:0!important;padding:0!important;
}
#app #menu #mission-open{
  border:0!important;background:transparent!important;box-shadow:none!important;
  padding:clamp(4px,.75dvh,8px) 12px!important;border-radius:11px!important;
  color:transparent!important;font-size:clamp(14px,4.2vw,19px)!important;
  font-weight:950!important;letter-spacing:.07em!important;line-height:1.1!important;
}
#app #menu #mission-open span{
  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:focus-visible{outline:2px solid #fff;outline-offset:2px}
/* Remove ONLY the collective box: keep all six individual tiles and selected-state borders. */
#app #menu .screen-games{
  flex:0 0 auto!important;min-height:0!important;height:auto!important;
  margin:clamp(3px,.9dvh,9px) 0!important;padding:0!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  background:transparent!important;background-image:none!important;
}
#app #menu .screen-games .eyebrow{
  margin:0 0 3px!important;text-align:center!important;
  font-size:clamp(11px,3.35vw,14px)!important;line-height:1.13!important;
}
#app #menu .menu-help-hint{
  margin:0 0 4px!important;font-size:clamp(9px,2.7vw,11px)!important;
  line-height:1.15!important;text-align:center!important;
}
#app #menu .screen-games .choices{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(3,minmax(0,auto))!important;
  gap:clamp(5px,1dvh,10px)!important;margin:clamp(5px,1dvh,9px) 0 0!important;
  padding:0 2px!important;overflow:visible!important;
}
#app #menu .choices .choice-slot{
  height:clamp(56px,9.5dvh,86px)!important;min-height:0!important;
}
#app #menu .choices .choice-slot>.choice{
  min-height:0!important;padding:clamp(4px,.65dvh,7px) 22px clamp(4px,.65dvh,7px) 6px!important;
}
#app #menu .choices .choice-slot>.choice .choice-heading{gap:clamp(2px,.65dvh,5px)!important}
#app #menu .choices .choice-slot>.choice .choice-icon,
#app #menu .choices .choice-slot>.choice .choice-icon svg{
  width:clamp(22px,4.8dvh,34px)!important;height:clamp(22px,4.8dvh,34px)!important;
  min-width:0!important;min-height:0!important;
}
#app #menu .choices .choice-slot>.choice .choice-heading strong{
  font-size:clamp(10px,2.7vw,12.5px)!important;line-height:1.05!important;
}
/* Three primary actions are one row and inherit the chosen game's actual registry color. */
#app #menu .menu-operations{
  display:flex!important;flex-direction:column!important;flex:0 0 auto!important;
  gap:clamp(6px,.9dvh,10px)!important;
  padding:0!important;margin:clamp(6px,1.3dvh,14px) 0 0!important;
}
#app #menu .menu-game-actions{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(6px,1.6vw,10px)!important;width:100%!important;
}
#app #menu .menu-game-actions .menu-symbol-action{
  display:flex!important;justify-content:center!important;align-items:center!important;
  width:100%!important;min-width:0!important;
  height:clamp(45px,7.2dvh,59px)!important;min-height:0!important;
  padding:7px!important;margin:0!important;flex:0 0 auto!important;
  border:1px solid rgba(255,255,255,.53)!important;border-radius:13px!important;
  background:var(--selected-game-color,var(--mi-catch))!important;
  background-image:none!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  box-shadow:0 3px 13px rgba(0,0,0,.21)!important;
  text-shadow:0 1px 3px #0d1027a9!important;
}
#app #menu .menu-game-actions .menu-symbol-action svg{
  width:clamp(29px,7.5vw,38px)!important;height:clamp(29px,7.5vw,38px)!important;
  color:#fff!important;filter:drop-shadow(0 1px 2px #101226a0)!important;
}
#app #menu .menu-game-actions .menu-versus{
  font-size:clamp(21px,6.3vw,29px)!important;letter-spacing:-.08em!important;
  font-weight:950!important;line-height:1!important;color:#fff!important;
  filter:drop-shadow(0 1px 2px #101226a0)!important;
}
#app #menu .menu-game-actions .menu-symbol-action:focus-visible,
#app #menu #data-management-open:focus-visible{outline:2px solid #fff!important;outline-offset:2px!important}
#app #menu .menu-operations #data-management-open{
  display:block!important;width:100%!important;
  height:clamp(37px,6dvh,45px)!important;min-height:0!important;
  padding:7px 12px!important;margin:0!important;
  font-size:clamp(12px,3.2vw,14px)!important;line-height:1.2!important;
  background:#161f36!important;background-image:none!important;
  color:#cbd7e8!important;-webkit-text-fill-color:#cbd7e8!important;
  border:1px solid #697c96!important;box-shadow:none!important;
}
/* Keep install option available without forcing home scrolling when the browser offers it. */
#app #menu #install:not([hidden]){flex:0 0 auto!important;padding:5px 8px!important;min-height:32px!important;font-size:11px!important;margin:0!important}
@media(max-height:670px){
  #app #menu .choices .choice-slot{height:clamp(51px,8.5dvh,66px)!important}
  #app #menu .screen-games .eyebrow{font-size:11px!important}
  #app #menu .menu-help-hint{font-size:9px!important}
  #app #menu .screen-games .choices{gap:5px!important;margin-top:4px!important}
  #app #menu .menu-game-actions .menu-symbol-action{height:43px!important}
  #app #menu .menu-operations #data-management-open{height:35px!important}
  #app #menu .menu-operations{gap:5px!important;margin-top:4px!important}
}
/* Very small screens: permit local fallback scrolling instead of hiding playable actions. */
@media(max-height:535px){
  #app #menu.fixed-screen:not([hidden]){overflow-y:auto!important;justify-content:flex-start!important}
}
/* Shared semantic nav symbols: actual actions stay wired to their original button IDs. */
.makeit-icon-nav{display:flex!important;align-items:center!important;justify-content:center!important;
  min-width:42px!important;min-height:40px!important;padding:7px 10px!important;
  font-size:0!important;line-height:0!important}
.makeit-icon-nav svg{display:block!important;width:26px!important;height:26px!important;flex:0 0 26px!important}
#app #game #gameback,#app #challenges #challengeback,#app #leaderboard #back,
#app #result #home{width:clamp(49px,13vw,60px)!important;max-width:60px!important;
  min-height:42px!important;height:42px!important;padding:7px!important;
  margin-left:auto!important;margin-right:auto!important}
/* One small X at the upper right of each dedicated window. */
#leaderboard .board-window-dialog{position:relative!important;padding-top:48px!important}
#leaderboard .board-window-dialog .board-window-close{
  position:absolute!important;top:9px!important;right:9px!important;left:auto!important;
  width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;
  padding:5px!important;margin:0!important;
  border-radius:11px!important;border:1px solid #776c9e!important;
  background:#24213e!important;background-image:none!important;color:#fff!important;
  box-shadow:none!important;-webkit-text-fill-color:#fff!important;
}
#leaderboard #master-modal .master-dialog{position:relative!important;padding-top:52px!important}
#leaderboard #master-modal #master-dialog-close{
  position:absolute!important;right:11px!important;top:10px!important;
  width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;
  background:#24213e!important;background-image:none!important;border:1px solid #776c9e!important;
  color:#fff!important;box-shadow:none!important;padding:5px!important;margin:0!important;
}
#leaderboard #board-info-modal .board-info-content{position:relative!important;padding-top:52px!important}
#leaderboard #board-info-modal .board-info-close{
  position:absolute!important;top:10px!important;right:10px!important;
  width:38px!important;height:38px!important;min-height:38px!important;
  background:#24213e!important;background-image:none!important;border:1px solid #776c9e!important;
  color:#fff!important;padding:5px!important;margin:0!important;
}
.data-management-panel{position:relative!important;padding-top:58px!important}
.data-management-panel .data-management-close{
  position:absolute!important;top:12px!important;right:12px!important;
  width:38px!important;height:38px!important;min-height:38px!important;
  padding:6px!important;margin:0!important;
  background:#253b59!important;border-color:#8ea1b8!important;
}
#instructions.guide-overlay .guide-actions{justify-content:flex-end!important;padding:4px 5px 8px!important}
#instructions.guide-overlay .guide-actions button{
  width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;
  background:#24213e!important;background-image:none!important;border:1px solid #776c9e!important;
}
#game #gamerules{position:relative!important;padding-top:51px!important}
#game #gamerules #closegamerules{
  position:absolute!important;top:8px!important;right:8px!important;
  width:38px!important;height:38px!important;min-height:38px!important;
  padding:5px!important;margin:0!important;
}
/* Mission (Possible) is a platform manifesto, not a new game. */
#mission-modal[hidden]{display:none!important}
#mission-modal{position:fixed;inset:0;z-index:180010;
  display:flex;align-items:center;justify-content:center;
  background:rgba(3,5,20,.92);padding:clamp(12px,4vw,22px);
  overscroll-behavior:contain;
}
#mission-modal .mission-panel{
  position:relative;width:min(100%,440px);max-height:88dvh;overflow-y:auto;
  padding:clamp(61px,10dvh,86px) clamp(19px,5vw,28px) clamp(39px,7dvh,60px);
  border:1px solid #51466e;border-radius:21px;
  background:radial-gradient(ellipse at 75% 0%,#292054 0%,transparent 53%),linear-gradient(160deg,#15152f,#101225 70%,#0c1025);
  box-shadow:0 22px 64px #000a;text-align:center;
}
#mission-heading{
  margin:0 0 clamp(22px,5dvh,38px);font-size:clamp(20px,6.6vw,30px);
  font-weight:950;line-height:1.12;letter-spacing:.01em;
  background:var(--mi-platform-gradient);background-clip:text;-webkit-background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent;
}
#mission-modal .mission-copy,#mission-modal .mission-copy span{
  font-size:clamp(21px,6.3vw,30px)!important;font-weight:900!important;
  line-height:1.35!important;letter-spacing:.018em!important;text-transform:uppercase!important;
  background:var(--mi-platform-gradient)!important;background-clip:text!important;
  -webkit-background-clip:text!important;color:transparent!important;
  -webkit-text-fill-color:transparent!important;
}
#mission-modal #mission-close{
  position:absolute;top:12px;right:12px;
  display:flex;align-items:center;justify-content:center;
  width:41px;height:41px;padding:8px;
  background:#201e39;border:1px solid #695c86;border-radius:11px;color:white;
}
#mission-modal #mission-close svg{width:24px;height:24px}
#mission-modal button:focus-visible{outline:2px solid #fff;outline-offset:3px}