/* Rocket world: the existing game state and assets remain authoritative. */
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) { background:#10253b; color:#fff4dc; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell { width:min(680px,100%); padding:0; margin:0 auto; min-height:100svh; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell .top-bar { position:relative; height:60px; min-height:60px; margin:0; padding:env(safe-area-inset-top,0px) 14px 0; box-sizing:content-box; flex-wrap:nowrap; gap:8px; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell .top-bar h1 { font:650 15px/1.2 system-ui,sans-serif; letter-spacing:-.02em; color:#fff4dc; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell .eyebrow { display:none; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell .top-controls { margin:0; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell #gamesButton { flex-direction:row; min-width:44px; min-height:44px; height:44px; padding:8px; background:transparent; color:#e1edee; border:0; border-radius:12px; font:600 12px/1.2 system-ui,sans-serif; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gamesButton .games-collage { display:none; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gamesButton::before { content:'‹'; font:300 28px/1 system-ui,sans-serif; margin-right:3px; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell .top-bar>div:first-child { order:1; flex:1; text-align:center; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell .top-controls { order:0; }
#rocketParents { order:2; min-width:72px; min-height:44px; padding:8px 4px; border:0; border-radius:12px; background:transparent; color:#e1edee; font:600 12px system-ui,sans-serif; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell .playboard { position:relative; height:calc(100svh - 60px - env(safe-area-inset-top,0px)); min-height:460px; display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr) 84px 76px; grid-template-areas:'scene' 'dock' 'agency'; gap:0; padding:0 0 env(safe-area-inset-bottom,0px); border:0; border-radius:0; box-shadow:none; background:#142b43; overflow:hidden; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell .stage { grid-area:scene; height:100%; min-height:0; position:relative; display:block; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell .scene-art { height:100%; min-height:0; border-radius:0; overflow:hidden; background:#10253b; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell .mission { position:absolute; z-index:5; top:8px; left:18px; right:18px; min-height:34px; justify-content:center; color:#fff4dc; pointer-events:none; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) .mission-picture { display:none; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell .mission strong { font:500 14px/1.3 system-ui,sans-serif; letter-spacing:0; color:#e6edf0; }
body.game-first.rocket-exemplar .rocket-world { background-position:center bottom; transition:none; }
body.game-first.rocket-exemplar .rocket-world::after { content:''; position:absolute; inset:0; background:linear-gradient(#10253b88,transparent 25%,transparent 76%,#142b43); }
body.game-first.rocket-exemplar #gameShell .scene-art .illustrated-rocket { width:38%; height:49%; left:37%; bottom:10%; transform:translateX(-50%); transform-origin:50% 80%; animation:none; z-index:3; touch-action:manipulation; -webkit-tap-highlight-color:transparent; }
body.game-first.rocket-exemplar .illustrated-rocket>img { filter:drop-shadow(0 12px 10px #001b2d55); transition:scale 80ms ease; }
body.game-first.rocket-exemplar .illustrated-rocket:active>img { scale:.94; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell .rocket-tap-cue { bottom:0; padding:7px 13px; color:#16344d; font:650 12px system-ui,sans-serif; }
body.game-first.rocket-exemplar .rocket-route { opacity:.45; top:20%; left:30%; width:40%; height:48%; }
body.game-first.rocket-exemplar .rocket-destination { left:66%; top:21%; width:66px; height:66px; border:1px dashed #ffdf90a0; border-radius:50%; background:#f2c9720a; }
body.game-first.rocket-exemplar .rocket-destination>img { display:none; }
body.game-first.rocket-exemplar .rocket-destination svg { width:36px; height:36px; position:absolute; inset:15px; }
body.game-first.rocket-exemplar #gameShell[data-rocket-phase='flying'] .illustrated-rocket { animation:rocket-world-flight var(--rocket-flight-duration,2600ms) linear both; }
body.game-first.rocket-exemplar #gameShell[data-rocket-phase='arrived'] .illustrated-rocket { transform:translate(33%,-80%) rotate(13deg) scale(.64); }
body.game-first.rocket-exemplar #gameShell[data-rocket-phase='arrived'] .rocket-world { transform:none; }
body.game-first.rocket-exemplar .arrival-orbit { display:none; }
body.game-first.rocket-exemplar #gameShell .arrival-note { top:11%; bottom:auto; font:600 18px system-ui,sans-serif; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell .phrase-bubble { top:54px; max-width:84%; font:600 1.1rem/1.3 system-ui,sans-serif; border-radius:18px; padding:10px 18px; box-shadow:0 4px 14px #00132630; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell #phraseGrid { grid-area:dock; display:grid; grid-template-rows:auto; grid-template-columns:repeat(2,minmax(0,1fr)); align-self:stretch; gap:12px; padding:5px 18px 9px; height:84px; box-sizing:border-box; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell #phraseGrid .phrase-button { justify-content:center; min-height:64px; height:70px; display:flex; flex-direction:row; gap:6px; padding:4px 9px; border:1px solid #ffffff42; border-radius:20px; box-shadow:0 3px 0 #0003; color:#17354a; font:700 16px system-ui,sans-serif; transition:transform 80ms ease,box-shadow 80ms ease; touch-action:manipulation; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell #phraseGrid .phrase-button:active { transform:translateY(2px) scale(.97); box-shadow:none; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell #phraseGrid .tone-coral { background:#e6eee2; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell #phraseGrid .tone-mint { background:#e6eee2; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell #phraseGrid .tone-blue { background:#f6d19a; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell #phraseGrid .phrase-icon,body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell #phraseGrid .rocket-card-art,body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell #phraseGrid .phrase-picture { width:46px; height:52px; min-height:0; max-height:52px; flex:0 0 46px; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell #phraseGrid .is-last-used { outline:3px solid #fff0c5; outline-offset:2px; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell #actionRow { grid-area:dock; padding:5px 18px 9px; height:84px; box-sizing:border-box; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell #actionRow button { min-height:64px; height:70px; background:#f5d49b; color:#17354a; border-radius:20px; font:700 17px system-ui,sans-serif; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell #regulationRow { grid-area:agency; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:7px 12px 10px; gap:4px; background:#10253b; border-top:1px solid #fff1; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell #regulationRow .regulation-button { min-height:54px; padding:4px; flex-direction:column; gap:3px; border:1px solid transparent; border-radius:14px; background:transparent; color:#e9f0f2; font:600 11px/1.2 system-ui,sans-serif; transition:background 80ms,transform 80ms; touch-action:manipulation; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell #regulationRow .regulation-button:active { background:#2a4358; transform:scale(.95); }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell #regulationRow .is-last-used,body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell #regulationRow [aria-pressed='true'] { background:#2b465b; border-color:#a4c2d2; outline:none; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell #regulationRow .phrase-icon { width:26px; height:26px; min-width:26px; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell #regulationRow .phrase-icon svg { width:26px; height:26px; }
body.game-first.rocket-exemplar .rocket-help-example { top:54px; }
body.game-first.rocket-exemplar .rocket-quiet-status { bottom:12px; color:#fff4dc; background:#10253bcc; font:500 12px system-ui,sans-serif; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell .public-footer { display:none; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) button:focus-visible { outline:3px solid #ffe3a4; outline-offset:3px; }
/* Motion has one ending and no perpetual idle loop; Stop retains the computed pose. */
@keyframes rocket-world-flight {
  0% { transform:translate(-50%,0) rotate(0) scale(1); }
  12% { transform:translate(-50%,2%) rotate(0) scale(.97,1.02); }
  28% { transform:translate(-49%,-13%) rotate(3deg) scale(.97); }
  65% { transform:translate(4%,-66%) rotate(16deg) scale(.73); }
  88% { transform:translate(34%,-82%) rotate(14deg) scale(.63); }
  100% { transform:translate(33%,-80%) rotate(13deg) scale(.64); }
}
#rocketParentSheet { width:min(560px,100%); max-height:calc(100dvh - 40px - env(safe-area-inset-top,0px)); margin:auto auto 0; padding:22px 20px max(22px,env(safe-area-inset-bottom,0px)); box-sizing:border-box; border:0; border-radius:26px 26px 0 0; color:#203447; background:#f4f5f7; font:400 15px/1.45 system-ui,sans-serif; overflow:auto; }
#rocketParentSheet::backdrop { background:#07162999; }
#rocketParentSheet header { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:12px; }
#rocketParentSheet h2 { font:700 20px system-ui,sans-serif; margin:0; }
#rocketParentSheet button { min-height:44px; font:600 14px system-ui,sans-serif; border-radius:12px; }
#rocketParentClose { min-width:60px; background:transparent; color:#235f70; border:0; }
#rocketParentSheet .adult-details>summary { display:none; }
#rocketParentSheet .adult-details { background:transparent; margin:0; padding:0; }
#rocketParentSheet .adult-details>.control-button { width:100%; text-align:left; padding:14px; margin:3px 0; border:0; background:#fff; color:#203447; }
#rocketParentSheet .sensory-controls { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:14px; }
#rocketParentSheet .sensory-help { font-size:13px; color:#506270; }
#rocketParentSheet .adult-details nav { border-top:1px solid #d9dfe3; margin-top:18px; padding-top:12px; font-size:13px; }
#rocketParentSheet a { color:#285b6b; min-height:44px; display:inline-flex; align-items:center; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gamesDialog,body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) .summary-dialog,body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #purchasePanel { border-radius:24px; font-family:system-ui,sans-serif; background:#f4f5f7; color:#203447; }
@media(max-width:360px) {
 body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell .top-bar { padding-inline:6px; height:52px; min-height:52px; }
 body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell .playboard { height:calc(100svh - 52px - env(safe-area-inset-top,0px)); min-height:400px; grid-template-rows:minmax(0,1fr) 76px 66px; }
 body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell #phraseGrid,body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell #actionRow { height:76px; padding-inline:12px; }
 body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell #phraseGrid .phrase-button { height:62px; min-height:62px; font-size:14px; }
 body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell #regulationRow { padding:4px 8px; }
 body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell .mission strong { font-size:12px; }
}
@media(orientation:landscape) and (max-height:550px) {
 body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell { width:100%; }
 body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell .top-bar { height:48px; min-height:48px; padding-inline:max(14px,env(safe-area-inset-left,0px)); }
 body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell .playboard { height:calc(100svh - 48px - env(safe-area-inset-top,0px)); min-height:250px; grid-template-columns:minmax(0,1fr) 235px; grid-template-rows:1fr 70px; grid-template-areas:'scene dock' 'scene agency'; padding-right:env(safe-area-inset-right,0px); }
 body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell #phraseGrid { height:auto; grid-template-columns:1fr; align-content:center; gap:8px; }
 body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell #actionRow { align-self:center; }
 body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell #regulationRow { padding:4px; }
 body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell #regulationRow .regulation-button { font-size:10px; padding:3px 2px; gap:3px; }
 body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell #regulationRow .phrase-icon { flex:0 0 22px; width:22px; height:22px; }
 body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell #regulationRow .phrase-icon svg { width:22px; height:22px; }
 body.game-first.rocket-exemplar .rocket-destination { top:21%; left:65%; width:44px; height:44px; }
 body.game-first.rocket-exemplar .rocket-destination svg { width:28px; height:28px; inset:8px; }
}
@media(prefers-reduced-motion:reduce) {
 body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) * { animation:none!important; transition:none!important; }
}
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar).quiet-mode * { animation:none!important; transition:none!important; }

html.game-document:has(body:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar)) { overflow-y:auto; background:#10253b; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell .phrase-label { font:inherit; }
/* A second rest action needs its own column inside the fixed-height dock. */
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell #actionRow:where(:has(#nextButton[hidden])) { grid-template-columns:1fr; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell #phraseGrid:has(>button:nth-child(3)) { grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell #phraseGrid:has(>button:nth-child(3)) .phrase-button { flex-direction:column; font-size:12px; gap:0; padding:2px; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell #phraseGrid:has(>button:nth-child(3)) .phrase-icon { height:34px; flex-basis:34px; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell #phraseGrid:has(>button:nth-child(3)) .phrase-picture { height:34px; max-height:34px; }

body.game-first.rocket-exemplar #gameShell .mission span#missionHint { display:none; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #actionRow.empty-action-row { display:none; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) [data-help="true"] .mission { background:transparent; }
body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) .help-target { outline:3px solid #ffe1a3!important; outline-offset:5px; }
@media(min-width:761px) {
 body.game-first:is(.rocket-exemplar,.stars-exemplar,.moon-exemplar,.snack-exemplar,.cookie-exemplar,.juice-exemplar,.railway-exemplar,.bubble-exemplar) #gameShell #phraseGrid .phrase-button { max-height:72px; }
}

@media(max-width:360px) {
 body.game-first.rocket-exemplar #gameShell .playboard:has(#actionRow:not([hidden])) { grid-template-rows:minmax(0,1fr) 84px 66px; }
 body.game-first.rocket-exemplar #gameShell #actionRow { height:84px; }
}
@media(orientation:landscape) and (max-height:550px) {
 /* The side dock has room to stack full-size actions, but not half-width labels. */
 body.game-first.rocket-exemplar #gameShell #actionRow { height:auto; grid-template-columns:1fr; }
}