/* Phase Two Game Polish v3.4.0 — shared intro, larger controls, tighter gameplay */

/* Unified intro: one consistent opening card for every standard game. */
.gmr-game .gmr-header{display:none!important}
.gmr-game .gmr-screen[data-screen="start"]{
  min-height:430px!important;
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:20px;
  padding:44px 34px!important;
  text-align:center;
}
.gmr-game .gmr-screen[data-screen="start"][hidden]{display:none!important}
.gmr-unified-intro-title{max-width:780px;margin:0 auto 4px}
.gmr-unified-icon{font-size:3.4rem;line-height:1;margin-bottom:10px;filter:drop-shadow(0 8px 18px rgba(153,64,211,.35))}
.gmr-unified-eyebrow{margin:0 0 8px!important;color:#d59aff!important;font-size:1rem!important;font-weight:900!important;letter-spacing:.14em!important;text-transform:uppercase}
.gmr-unified-intro-title h2{margin:0!important;color:#fff!important;font-size:clamp(2.25rem,4.2vw,3.6rem)!important;line-height:1.08!important}
.gmr-unified-subtitle{margin:12px auto 0!important;max-width:720px;color:#ddd4e7!important;font-size:1.25rem!important;line-height:1.45!important}
.gmr-game .gmr-screen[data-screen="start"]>.gmr-big-icons,
.gmr-game .gmr-screen[data-screen="start"]>.gmr-guess-start-art,
.gmr-game .gmr-screen[data-screen="start"]>.gmr-smash-logo{margin:4px 0!important;transform:scale(.88)}
.gmr-game .gmr-screen[data-screen="start"]>p:not(.gmr-unified-subtitle){max-width:760px;margin:0 auto!important;font-size:1.15rem!important;line-height:1.6!important;color:#d8d0df!important}
.gmr-game .gmr-screen[data-screen="start"] .gmr-primary{min-width:230px!important;font-size:1.15rem!important}

/* Once gameplay begins, the game itself becomes the focus. */
.gmr-game.gmr-state-playing .gmr-content{padding-top:22px!important}
.gmr-game.gmr-state-playing .gmr-screen[data-screen="game"]{animation:gmrGameplayIn .28s ease both}
.gmr-game.gmr-state-results .gmr-screen[data-screen="results"]{animation:gmrGameplayIn .28s ease both}
@keyframes gmrGameplayIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* Stronger global typography across all gameplay screens. */
.gmr-game.gmr-state-playing,
.gmr-game.gmr-state-results{font-size:20px!important}
.gmr-game .gmr-question,
.gmr-game [data-field="question"],
.gmr-game [data-field="title"]{font-size:clamp(1.75rem,3vw,2.45rem)!important;line-height:1.22!important}
.gmr-game .gmr-story,
.gmr-game .gmr-screen[data-screen="game"]>p,
.gmr-game .gmr-find p,
.gmr-game .gmr-feedback p{font-size:1.08rem!important;line-height:1.65!important}

/* Answers and adventure choices: visibly larger and easier to click. */
.gmr-game .gmr-answers{gap:16px!important}
.gmr-game .gmr-answer-btn,
.gmr-game .gmr-choice,
.gmr-game .gmr-guess-answer{
  min-height:70px!important;
  padding:18px 22px!important;
  font-size:1.08rem!important;
  line-height:1.35!important;
  border-radius:16px!important;
}
.gmr-adventure .gmr-choice{position:relative;text-align:left!important;padding-left:58px!important;font-weight:800!important}
.gmr-adventure .gmr-choice::before{position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:1.35rem}
.gmr-adventure .gmr-choice:nth-child(1)::before{content:"🔍"}
.gmr-adventure .gmr-choice:nth-child(2)::before{content:"🥾"}
.gmr-adventure .gmr-choice:nth-child(3)::before{content:"💧"}

/* Quiz buttons get Kahoot-like breathing room. */
.gmr-quiz .gmr-answers button{min-height:74px!important;font-size:1.12rem!important;font-weight:800!important}

/* Word Scramble: letter tiles are the focus. */
.gmr-scramble .gmr-letters{gap:10px!important;margin:24px 0 10px!important}
.gmr-scramble .gmr-letters span{
  min-width:64px!important;height:70px!important;padding:10px 14px!important;
  font-size:2.2rem!important;border-radius:14px!important;
}
.gmr-scramble .gmr-answer-label{font-size:1rem!important}
.gmr-scramble .gmr-input{font-size:1.3rem!important;text-align:center}

/* Memory Match: board gains priority once play begins. */
.gmr-memory.gmr-state-playing .gmr-content{padding:18px 24px 26px!important}
.gmr-memory.gmr-state-playing .gmr-stats{margin-bottom:16px!important}
.gmr-memory .gmr-memory-grid{gap:14px!important}

/* Guess the Crystal: specimen should dominate. */
.gmr-guess .gmr-guess-layout{grid-template-columns:minmax(380px,1.15fr) minmax(330px,.85fr)!important;gap:18px!important}
.gmr-guess .gmr-guess-picture{min-height:450px!important}
.gmr-guess .gmr-guess-specimen{padding:14px!important}
.gmr-guess .gmr-guess-question{padding:24px!important}
.gmr-guess .gmr-guess-answer{min-height:74px!important}

/* Stats are compact but readable. */
.gmr-game .gmr-stats>div,
.gmr-game .gmr-result-grid>div,
.gmr-game .gmr-smash-hud>div,
.gmr-game .gmr-guess-hud>div{padding:15px 12px!important}
.gmr-game .gmr-stats span,
.gmr-game .gmr-result-grid span,
.gmr-game .gmr-smash-hud span,
.gmr-game .gmr-guess-hud span{font-size:.9rem!important}
.gmr-game .gmr-stats strong,
.gmr-game .gmr-result-grid strong,
.gmr-game .gmr-smash-hud strong,
.gmr-game .gmr-guess-hud strong{font-size:1.45rem!important}

/* Overlay begins immediately beneath the toolbar. */
.gmr-arcade-toolbar{min-height:52px!important;padding:9px 14px!important}
.gmr-game-panel{padding:4px 12px 16px!important}
.gmr-game-panel>.gmr-game,.gmr-game-panel>.gmr-cave-adv-shell{margin-top:0!important}

/* Crystal Caverns: compact header, larger help and controls. */
.gmr-cave-adv-header{padding:18px 22px!important;gap:16px!important}
.gmr-cave-adv-header h2{font-size:2.2rem!important;margin:4px 0!important}
.gmr-cave-adv-header p{font-size:1.05rem!important;line-height:1.45!important}
.gmr-cave-adv-actions button{font-size:1rem!important;min-height:48px!important}
.gmr-cave-adv-stats span{font-size:1rem!important}
.gmr-cave-adv-help{font-size:1rem!important}
.gmr-cave-adv-dpad button{width:60px!important;height:54px!important;font-size:1.45rem!important}
.gmr-cave-adv-pickaxe{min-width:190px!important;font-size:1.05rem!important}
.gmr-cave-adv-message strong{font-size:1.75rem!important}
.gmr-cave-adv-message span{font-size:1rem!important}

@media(max-width:850px){
  .gmr-guess .gmr-guess-layout{grid-template-columns:1fr!important}
  .gmr-guess .gmr-guess-picture{min-height:360px!important}
}
@media(max-width:700px){
  .gmr-game .gmr-screen[data-screen="start"]{min-height:350px!important;padding:30px 20px!important}
  .gmr-unified-intro-title h2{font-size:2.25rem!important}
  .gmr-unified-subtitle{font-size:1.08rem!important}
  .gmr-game.gmr-state-playing,.gmr-game.gmr-state-results{font-size:18px!important}
  .gmr-game .gmr-answer-btn,.gmr-game .gmr-choice,.gmr-game .gmr-guess-answer{min-height:62px!important;font-size:1rem!important}
  .gmr-scramble .gmr-letters span{min-width:48px!important;height:58px!important;font-size:1.65rem!important}
  .gmr-cave-adv-header{flex-direction:column!important;align-items:stretch!important}
}
@media(prefers-reduced-motion:reduce){.gmr-game.gmr-state-playing .gmr-screen[data-screen="game"],.gmr-game.gmr-state-results .gmr-screen[data-screen="results"]{animation:none!important}}
