/* A still garden: soap, water and large direct objects share one quiet world. */
html.game-document:has(body.bubble-exemplar),body.game-first.bubble-exemplar { background:#eaf2da; color:#275c58; }
body.game-first.bubble-exemplar #gameShell .top-bar h1,
body.game-first.bubble-exemplar #gameShell #gamesButton,
body.game-first.bubble-exemplar #rocketParents { color:#275c58; }
body.game-first.bubble-exemplar #gameShell .top-controls { width:auto; }
body.game-first.bubble-exemplar #gameShell #previousGameButton { display:none; }
body.game-first.bubble-exemplar #gameShell .playboard { background:#6d9b86; }
body.game-first.bubble-exemplar #gameShell .scene-art { background:radial-gradient(ellipse at 25% 9%,#fff6cf 0,transparent 55%),linear-gradient(#eaf2da,#cee6df 58%,#bed9c5); }
body.game-first.bubble-exemplar .bubble-garden { opacity:.85; }
body.game-first.bubble-exemplar .bubble-garden::after { content:'';position:absolute;inset:0;background:linear-gradient(transparent 70%,#6d9b86); }
body.game-first.bubble-exemplar #gameShell .mission { text-align:center;color:#275c58; }
body.game-first.bubble-exemplar #gameShell .mission strong { font-size:16px;font-weight:650;color:#275c58; }
body.game-first.bubble-exemplar #gameShell #missionHint { margin-top:4px;color:#356663;font:400 12px/1.35 system-ui,sans-serif; }
body.game-first.bubble-exemplar #gameShell .phrase-bubble { top:68px;padding:7px 14px;font-size:16px;pointer-events:none; }
body.game-first.bubble-exemplar :is(.bubble-field,.wand-field,.splash-field) { inset:100px 18px 58px; }
body.game-first.bubble-exemplar :is(.pop-bubble,.splash-target) { width:max(88px,min(100cqh,46cqw,260px));height:max(88px,min(100cqh,46cqw,260px)); }
body.game-first.bubble-exemplar .bubble-film { inset:8%;border-color:#65999e;box-shadow:inset 3px 3px 1px #ffffefcc,inset -4px -3px 2px #d2a3b178,0 9px 13px #427d7820; }
body.game-first.bubble-exemplar .pop-bubble[data-size='large'] .bubble-film { inset:0; }
body.game-first.bubble-exemplar .bubble-status { bottom:20px;color:#275c58;background:#fffae9;border:1px solid #86af9d;font:600 12px system-ui,sans-serif; }
body.game-first.bubble-exemplar .garden-touch-cue { position:absolute;top:-25px;left:50%;transform:translateX(-50%);padding:5px 10px;border-radius:16px;background:#fff8dc;border:1px solid #86af9d;color:#275c58;font:650 12px system-ui,sans-serif;white-space:nowrap;pointer-events:none; }
body.game-first.bubble-exemplar [data-wand-motion]:not([data-wand-motion='still']) .garden-touch-cue,
body.game-first.bubble-exemplar .wand-target:disabled .garden-touch-cue { display:none; }
body.game-first.bubble-exemplar #gameShell #phraseGrid { grid-template-columns:repeat(3,minmax(0,1fr));gap:7px; }
body.game-first.bubble-exemplar #gameShell #phraseGrid .phrase-button { background:#fff2cf;color:#275c58;border-color:#fffbdf8c; }
body.game-first.bubble-exemplar #gameShell #phraseGrid .tone-mint { background:#d9eeda; }
body.game-first.bubble-exemplar #gameShell #phraseGrid .tone-blue { background:#cce6e8; }
body.game-first.bubble-exemplar #gameShell #phraseGrid .phrase-icon { position:relative; }
body.game-first.bubble-exemplar #gameShell #regulationRow { background:#275c58; }
body.game-first.bubble-exemplar #gameShell #regulationRow :is(.is-last-used,[aria-pressed='true']) { background:#43786a;border-color:#a5cbb2; }
body.game-first.bubble-exemplar #gameShell #regulationRow .regulation-button:active { background:#43786a; }
body.game-first.bubble-exemplar #gameShell #actionRow { grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
body.game-first.bubble-exemplar #gameShell #actionRow button { font-size:14px;padding:5px;gap:5px; }
body.game-first.bubble-exemplar #gameShell #actionRow :is(.replay-picture,.next-picture) { width:36px;height:40px;flex:0 0 36px; }
.garden-help-example { position:absolute;z-index:6;top:68px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;padding:7px 18px;border:1px solid #86af9d;border-radius:18px;background:#fff9e6;color:#275c58;pointer-events:none;box-shadow:0 4px 16px #275c5818; }
.garden-help-example[hidden] { display:none; }
.garden-help-example span { display:grid;justify-items:center;font:600 12px system-ui,sans-serif; }
.garden-help-example svg { width:58px;height:44px; }
.garden-help-example i { font:600 24px system-ui,sans-serif; }
body.game-first.bubble-exemplar.mission-active #gameShell .stage { display:grid;grid-template-rows:60px auto minmax(190px,1fr); }
body.game-first.bubble-exemplar.mission-active #gameShell .mission { position:static;padding:7px 12px;background:#eaf2da; }
body.game-first.bubble-exemplar.mission-active #gameShell .scene-art { min-height:190px; }
body.game-first.bubble-exemplar.mission-active .optional-mission-progress { background:#d3e6cb;color:#275c58;border:0;border-radius:0;padding:4px 12px; }
body.game-first.bubble-exemplar.mission-active .optional-mission-step { min-height:44px;padding-block:2px; }
body.game-first.bubble-exemplar.mission-active .bubble-garden-scene { background:transparent; }
body.game-first.bubble-exemplar.mission-active .garden-help-example { top:6px; }
@media(orientation:landscape) and (max-height:550px) {
 body.game-first.bubble-exemplar #gameShell #phraseGrid,
 body.game-first.bubble-exemplar #gameShell #phraseGrid:has(>button:nth-child(3)) { grid-template-columns:1fr;gap:6px;padding:6px 14px; }
 body.game-first.bubble-exemplar #gameShell #phraseGrid .phrase-button,
 body.game-first.bubble-exemplar #gameShell #phraseGrid:has(>button:nth-child(3)) .phrase-button { flex-direction:row;min-height:54px;height:58px;font-size:14px;gap:8px; }
 body.game-first.bubble-exemplar #gameShell #phraseGrid .phrase-icon { width:44px;height:40px;flex:0 0 44px; }
 body.game-first.bubble-exemplar #gameShell #actionRow { height:auto;grid-template-columns:1fr;gap:6px;padding:6px 14px; }
 body.game-first.bubble-exemplar #gameShell #actionRow button { height:58px;min-height:58px; }
 body.game-first.bubble-exemplar #gameShell .mission { top:0; }
 body.game-first.bubble-exemplar #gameShell .phrase-bubble { top:52px;padding:5px 12px;font-size:14px; }
 body.game-first.bubble-exemplar :is(.bubble-field,.wand-field,.splash-field) { inset:58px 18px 36px; }
 body.game-first.bubble-exemplar .bubble-status { bottom:7px; }
 .garden-help-example { top:50px;padding:4px 14px; }
 .garden-help-example svg { height:30px; }
 body.game-first.bubble-exemplar.mission-active #gameShell .stage { grid-template-rows:48px auto minmax(190px,1fr); }
 body.game-first.bubble-exemplar.mission-active #gameShell .playboard { min-height:300px; }
}

body.game-first.bubble-exemplar #gameShell[data-help='true'] .garden-touch-cue { display:none; }

body.game-first.bubble-exemplar.mission-active .garden-wand-art { overflow:visible; }
@media(min-height:551px) { body.game-first.bubble-exemplar.mission-active #gameShell .playboard:has(#actionRow[hidden]) .stage { grid-row:1 / 3; } }