/* A member's door is #academy-door, half a row beside 🗺 MY PLAN in .menu-under;
   the stack's full-width #academy-btn is the free tier's only (premium.css
   hides .menu-under for it). */
body:not(.tier-free) #menu .menu-stack #academy-btn { display: none !important; }
/* Under MY PLAN, the three ordinary doors share one row: Academy, Mini-games,
   Compose (the Stage menu's column is wide enough; the classic 300px column
   gives the Academy a row of its own instead). */
.menu-under > #academy-door.mode-btn { grid-column: span 6; border-color: rgba(232,186,90,.55); color: #fbeccb; }
html[data-menu="stage"] #menu .menu-under:has(> #academy-door) > #academy-door.mode-btn,
html[data-menu="stage"] #menu .menu-under:has(> #academy-door) > #minigames-btn.mode-btn,
html[data-menu="stage"] #menu .menu-under:has(> #academy-door) > #compose-btn.mode-btn { grid-column: span 2; padding-inline: 6px; letter-spacing: .04em; font-size: 14px; }
html[data-menu="stage"] #menu .menu-under > #academy-door.mode-btn { border-color: rgba(232,186,90,.6); color: #fbeccb; }

/* 🎓 THE ACADEMY's door (index.html #academy-btn): a full-width door under the
   keys, beside the Form trainer's, and shown in the free tier's simple menu too. */
#menu .menu-stack #academy-btn {
  width: 100%; grid-column: 1 / -1; min-height: 52px; margin-top: 12px;
  white-space: normal; text-align: center;
}
html[data-menu="stage"] #menu .menu-stack #academy-btn {
  height: auto; min-height: 56px; flex-direction: row; align-items: center;
  justify-content: center; gap: 10px; padding: 13px 18px; border-radius: 10px;
  border: 1px solid rgba(232,186,90,.55); color: #fbeccb;
  background: linear-gradient(110deg,rgba(120,84,36,.55),rgba(46,32,18,.92));
  box-shadow: none; font-size: 19px; line-height: 1.3; letter-spacing: .04em;
  text-transform: none;
}
html[data-menu="stage"] #menu .menu-stack #academy-btn:hover {
  background: #6b4a22; border-color: #f0cf85; color: #fff; box-shadow: none;
}
html[data-menu="stage"] #menu .menu-stack #academy-btn:focus-visible {
  outline: 3px solid #f0cf85; outline-offset: 3px;
}
@media(max-width:600px){
  html[data-menu="stage"] #menu .menu-stack #academy-btn { font-size: 16px; padding: 12px; }
}