/* EducTools Game member experience v1.25.0
   Loaded after Theme Editor CSS so mobile player geometry remains usable. */

/* Compact current-package badge in the public Game navigation. */
body.egs-kids-theme:not(.game-player-body) .game-plan-chip{
  display:grid;grid-template-columns:24px auto;grid-template-rows:auto auto;column-gap:7px;align-items:center;
  min-height:48px;padding:6px 10px;border:2px solid #fff;border-radius:16px;background:linear-gradient(145deg,#fff9d9,#ffe777);
  box-shadow:0 5px 0 rgba(150,112,26,.15),0 10px 20px rgba(81,63,117,.09);color:#6a4b12;line-height:1.04;white-space:nowrap
}
body.egs-kids-theme:not(.game-player-body) .game-plan-chip>span{grid-row:1/3;display:grid;width:24px;height:24px;place-items:center;font-size:1.15rem}
body.egs-kids-theme:not(.game-player-body) .game-plan-chip small{font-size:.58rem;font-weight:800;opacity:.72}
body.egs-kids-theme:not(.game-player-body) .game-plan-chip b{max-width:112px;overflow:hidden;font-size:.72rem;text-overflow:ellipsis}
body.egs-kids-theme:not(.game-player-body) .game-plan-chip.is-pro{background:linear-gradient(145deg,#e9f8ff,#b9e9ff);color:#245c83}
body.egs-kids-theme:not(.game-player-body) .game-plan-chip.is-super-pro{background:linear-gradient(145deg,#f1e8ff,#d9c2ff 55%,#ffd8f0);color:#5d358e}
body.egs-kids-theme:not(.game-player-body) .game-nav-teacher-site{--game-nav-bg:#fff0bd;--game-nav-ink:#765000;--game-nav-border:#ffe07a}

/* My Games: members can change visibility without opening the builder. */
.visibility-quick-form{display:grid;grid-template-columns:minmax(132px,1fr) auto;align-items:center;gap:6px;min-width:225px}
.visibility-quick-form select{min-height:36px;padding:6px 9px;border:1px solid #ddd4ef;border-radius:10px;background:#fff;color:#43345b;font-weight:750}
.visibility-quick-form button{min-height:34px;padding:5px 10px;border:0;border-radius:10px;background:#6d4cf5;color:#fff;font-weight:850;box-shadow:0 4px 10px rgba(109,76,245,.18)}
.visibility-quick-form small{grid-column:1/-1;color:#8c6500;font-size:.68rem}

/* Game builder: permanent live preview column. */
.creator-builder-page .builder-layout{grid-template-columns:160px minmax(0,1fr) minmax(300px,360px)!important;align-items:start}
.builder-live-preview-panel{position:sticky;top:96px;min-width:0;padding:14px;border:1px solid #e5dcf3;border-radius:22px;background:linear-gradient(180deg,#fff,#faf7ff);box-shadow:0 15px 36px rgba(67,45,111,.10)}
.builder-live-preview-head{display:flex;align-items:center;gap:10px;margin-bottom:11px}
.builder-live-preview-head>span{display:grid;width:40px;height:40px;place-items:center;border-radius:13px;background:#eee7ff;font-size:1.25rem}
.builder-live-preview-head b,.builder-live-preview-head small{display:block}.builder-live-preview-head b{color:#493566}.builder-live-preview-head small{margin-top:2px;color:#877997;font-size:.72rem;line-height:1.35}
.builder-live-preview-panel .builder-preview{min-height:340px;border:4px solid #fff;border-radius:18px;box-shadow:0 7px 0 rgba(95,70,130,.12)}
.builder-live-preview-panel .preview-game{min-height:340px;padding:14px}
.builder-live-preview-panel .preview-body{min-height:250px;padding:10px}
.builder-live-preview-panel .preview-body h3{font-size:1.18rem}
.builder-live-preview-panel .preview-options{grid-template-columns:1fr;gap:7px}
.builder-live-preview-panel .preview-options button,.builder-live-preview-panel .preview-match button{min-width:0;padding:9px;font-size:.82rem}
.builder-live-preview-panel .preview-camera{min-width:0;width:100%;min-height:260px;padding:12px}
.builder-live-preview-panel .preview-memory{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.builder-live-preview-panel .preview-memory>span{height:65px}
.creator-preview-guide{margin-top:13px;padding:12px;border-radius:16px;background:#f4f0ff;color:#4d3b6b}.creator-preview-guide>b{display:block;margin-bottom:7px}.creator-preview-guide ul{display:grid;gap:5px;margin:0;padding:0;list-style:none}.creator-preview-guide li{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed #ddd1f3;font-size:.72rem}.creator-preview-guide li:last-child{border-bottom:0}.creator-preview-guide li span{font-weight:850}.creator-preview-guide li em{color:#7c6c91;font-style:normal;text-align:right}.creator-preview-guide>small{display:block;margin-top:8px;color:#806f95;font-size:.66rem;line-height:1.4}

/* Keep the editor practical on medium and small screens. */
@media(max-width:1280px){
  .creator-builder-page .builder-layout{grid-template-columns:150px minmax(0,1fr)!important}
  .builder-live-preview-panel{position:static;grid-column:2;margin-top:0}
}
@media(max-width:760px){
  body.egs-kids-theme:not(.game-player-body) .game-plan-chip{width:100%;grid-template-columns:26px 1fr;padding:9px 12px}
  body.egs-kids-theme:not(.game-player-body) .game-plan-chip b{max-width:none}
  .creator-builder-page .builder-layout{grid-template-columns:1fr!important}
  .builder-live-preview-panel{grid-column:auto;order:3;margin-top:8px}
  .visibility-quick-form{min-width:190px}
}

/* Player mobile header: Theme Editor may set a tall desktop topbar. Never let it consume the mobile viewport. */
@media(max-width:640px){
  body.egs-kids-theme.game-player-body .play-topbar{
    min-height:0!important;height:auto!important;max-height:none!important;padding:8px 9px!important;gap:7px!important;
    align-items:stretch!important;justify-content:flex-start!important;flex-direction:column!important
  }
  body.egs-kids-theme.game-player-body .play-title-area{width:100%!important;min-height:0!important;align-items:center!important;gap:9px!important}
  body.egs-kids-theme.game-player-body .play-game-icon{width:44px!important;height:44px!important;flex-basis:44px!important;border-radius:13px!important}
  body.egs-kids-theme.game-player-body .play-title-copy>b{font-size:.98rem!important;line-height:1.28!important;white-space:normal!important;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  body.egs-kids-theme.game-player-body .play-creator-row{margin-top:4px!important}
  body.egs-kids-theme.game-player-body .play-creator-link{min-height:36px!important;padding:3px 7px!important}
  body.egs-kids-theme.game-player-body .play-creator-avatar{width:30px!important;height:30px!important;flex-basis:30px!important}
  body.egs-kids-theme.game-player-body .play-creator-copy small{font-size:.58rem!important}.play-creator-copy strong{font-size:.72rem!important}
  body.egs-kids-theme.game-player-body .play-top-actions{
    display:flex!important;width:100%!important;max-width:100%!important;justify-content:flex-start!important;gap:5px!important;
    overflow-x:auto!important;overflow-y:hidden!important;flex-wrap:nowrap!important;padding:1px 1px 4px!important;scrollbar-width:thin
  }
  body.egs-kids-theme.game-player-body .play-action{flex:0 0 auto!important;min-height:35px!important;padding:5px 9px!important;border-radius:11px!important;font-size:.72rem!important;box-shadow:0 3px 0 rgba(70,52,102,.10)!important}
  body.egs-kids-theme.game-player-body .play-subbar{min-height:34px!important;padding:5px 9px!important;border-radius:0!important}
  body.egs-kids-theme.game-player-body .play-subbar>div{gap:7px!important}
  body.egs-kids-theme.game-player-body .play-subbar b{font-size:.72rem!important;padding:4px 7px!important}
}
@media(max-width:390px){
  body.egs-kids-theme.game-player-body .play-action{font-size:.68rem!important;padding-inline:8px!important}
}

/* v1.26.0: top header no longer renders teacher-site or package chip; profile dropdown keeps account shortcuts. */
@media(max-width:1400px) and (min-width:761px){
  body.egs-kids-theme:not(.game-player-body) .site-nav{gap:7px!important}
  body.egs-kids-theme:not(.game-player-body) .site-nav>a.game-nav-item{padding:7px 8px!important;font-size:.76rem!important}
  body.egs-kids-theme:not(.game-player-body) .game-plan-chip{padding:5px 7px;grid-template-columns:20px auto;gap:0 5px}
  body.egs-kids-theme:not(.game-player-body) .game-plan-chip>span{width:20px;height:20px;font-size:.95rem}
  body.egs-kids-theme:not(.game-player-body) .game-plan-chip small{display:none}
  body.egs-kids-theme:not(.game-player-body) .game-plan-chip b{max-width:88px;font-size:.66rem}
}