.site-reader-toolbar{position:relative;z-index:1;max-width:1300px;margin:12px auto 0;padding:12px 20px;background:#f0f6df;color:#244b32;border:2px solid #cad7ad;border-radius:4px;font:600 14px/1.45 var(--body,Arial,sans-serif)}
.site-reader-topline{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.site-reader-topline>strong{font-size:17px}.site-reader-help{font-weight:500}.site-reader-source{font-size:12px;color:#456146;overflow-wrap:anywhere}.site-reader-topline>.site-reader-source{margin-left:auto}.site-reader-stop{min-width:100px;min-height:44px;border:2px solid #7a8a62;border-radius:2px;padding:8px 13px;background:#fffdf1;color:#244b32;font:inherit;font-size:14px;font-weight:700;line-height:1.2;cursor:pointer;touch-action:manipulation}.site-reader-stop:disabled{opacity:.55;cursor:default}
.site-reader-voices{margin-top:5px;max-width:680px}.site-reader-voices>summary{min-height:44px;display:list-item;align-content:center;cursor:pointer;font-weight:700}.site-reader-voices p{font-weight:500;font-size:13px;margin:6px 0}.site-reader-voices label{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.site-reader-voices select{font:inherit;max-width:100%;min-height:44px;background:#fffdf4;border:2px solid #94a37c;border-radius:6px;padding:7px;color:#244b32}.site-reader-voices[open]{padding-bottom:6px}
.site-reader-text{cursor:pointer;touch-action:manipulation;text-decoration-line:underline;text-decoration-style:dotted;text-decoration-color:#668150;text-underline-offset:4px;text-decoration-thickness:1px}.site-reader-text:focus-visible,.site-reader-ear:focus-visible,.site-reader-stop:focus-visible,.site-reader-voices summary:focus-visible,.site-reader-voices select:focus-visible{outline:3px solid #d78b16;outline-offset:4px}.site-reader-text:hover{background-color:#dcecb54d}.site-reader-speaking{box-shadow:0 0 0 3px #e1bc49;background-color:#fff0ac!important;color:#254b31!important}
.site-reader-ear{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;flex-shrink:0;margin:3px 5px;border:2px solid #82936d;border-radius:2px;background:#ecebd5;color:#31513a;font:inherit;cursor:pointer;touch-action:manipulation;box-shadow:0 2px 0 #49633a40}.site-reader-ear:hover{background:#dce6bd;border-color:#5d7848}.site-reader-ear:active{transform:translateY(1px)}
.site-reader-item{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:5px;min-width:0}.site-reader-item>.mc-item-card{width:100%;height:100%}.site-reader-item>.site-reader-ear{justify-self:end;margin:0 3px}.site-reader-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 0 12px;margin:0 0 12px;border-bottom:1px solid #cbd4b3;color:#31503a;font:600 13px/1.4 var(--body,Arial,sans-serif)}.site-reader-inline>.site-reader-stop{margin-left:auto}.site-reader-inline>.site-reader-source{max-width:65%}
.topbar nav{gap:clamp(4px,1.2vw,16px);flex-wrap:wrap;align-self:center}.topbar nav>.site-reader-ear{align-self:center;margin:0}.topbar:has(.site-reader-ear){height:auto;min-height:82px;padding-top:10px;padding-bottom:10px;flex-wrap:wrap}.topbar>.site-reader-ear{margin:0}
@media(max-width:700px){.site-reader-toolbar{margin:8px 10px 0;padding:10px 12px}.site-reader-topline{gap:5px 10px}.site-reader-topline>.site-reader-source{margin-left:0;flex:1;min-width:130px}.site-reader-topline>.site-reader-help{flex-basis:100%;font-size:13px}.site-reader-topline>strong{font-size:16px}.site-reader-voices{font-size:12px}.site-reader-voices label{align-items:flex-start;flex-direction:column}.site-reader-voices select{width:100%}.site-reader-inline{padding-right:0}.site-reader-inline>.site-reader-source{max-width:100%;flex:1;min-width:110px}.site-reader-inline>.site-reader-stop{font-size:12px;min-width:95px}.topbar nav{gap:4px;justify-content:center;width:100%}.topbar nav a{font-size:14px;min-height:44px}.topbar nav>.site-reader-ear{width:44px;height:44px;margin:0}.site-reader-ear{margin:3px}.site-reader-item>.site-reader-ear{margin:0 2px}}
@media(prefers-reduced-motion:reduce){.site-reader-ear,.site-reader-text,.site-reader-stop{transition:none!important;animation:none!important;scroll-behavior:auto!important}.site-reader-ear:active{transform:none}}
.site-reader-ear{flex:0 0 44px}.site-reader-action-card{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px;min-width:0}.site-reader-action-card>.mode-card{height:100%;min-width:0}.site-reader-action-card>.site-reader-ear{justify-self:end;margin:0 4px}.co-report>.site-reader-ear,.px-report>.site-reader-ear,.builder-report>.site-reader-ear{margin-block:6px}
.library-speech{min-width:0;margin:20px 0;padding:20px;border:2px solid #aec08b;border-radius:14px;background:#f5f8e8;color:#294d35;box-shadow:0 3px 0 #80976720}.library-speech>h3{font:700 clamp(21px,3vw,26px)/1.25 var(--body,Arial,sans-serif);margin:0 0 12px}.library-speech p{margin:10px 0;line-height:1.55;overflow-wrap:anywhere}.library-speech .library-speech-sentence{padding:15px;border:2px dashed #a5b776;border-radius:10px;background:#fffdf2;font-size:clamp(19px,3vw,25px);font-weight:800;line-height:1.45}.library-speech-consent{display:grid;grid-template-columns:25px minmax(0,1fr);align-items:start;gap:10px;min-height:44px;margin:15px 0;font-size:14px;line-height:1.55}.library-speech-consent input{width:24px;height:24px;min-width:24px;min-height:24px;margin:1px 0;accent-color:#497c3c}.library-speech-consent>span{min-height:44px;align-content:start}.library-speech-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:16px 0}.library-speech-controls>button:not(.site-reader-ear){flex:1 1 160px;min-width:0;min-height:48px;border:2px solid #74965c;border-radius:9px;padding:11px 15px;background:#fdfcf0;color:#295137;font:inherit;font-weight:800;line-height:1.3;touch-action:manipulation;cursor:pointer}.library-speech-controls>button:first-child{background:#dcebbd}.library-speech-controls>button:disabled{opacity:.52;cursor:default}.library-speech-controls>button:focus-visible,.library-speech-consent input:focus-visible{outline:3px solid #d78b16;outline-offset:4px}.library-speech-status{padding:12px 14px;background:#e4edce;border-radius:9px;font-weight:700;min-height:44px}.library-speech-result{margin-top:16px;padding:16px;border:2px solid #d4bb67;border-radius:12px;background:#fff9df}.library-speech-result[hidden]{display:none}.library-speech-result>h4{font-size:13px;letter-spacing:.025em;text-transform:none;color:#617044;margin:16px 0 4px}.library-speech-result>p{margin:4px 0;font-size:16px;line-height:1.55}.library-speech-result>p:first-child{font-size:23px;font-weight:900;color:#315a31}.library-speech-result>p:nth-child(2){font-weight:800;color:#755724}.library-speech .site-reader-text{min-height:44px;align-content:center}.library-speech>.site-reader-ear{margin-block:2px 8px}
@media(max-width:700px){.library-speech{padding:15px;margin:16px 0;border-radius:11px}.library-speech .library-speech-sentence{padding:12px;font-size:20px}.library-speech-controls{gap:8px}.library-speech-controls>button:not(.site-reader-ear){flex-basis:calc(100% - 60px);padding:11px 12px;font-size:14px}.library-speech-controls>button:first-child{flex-basis:100%}.library-speech-consent{font-size:13px;gap:9px}.library-speech-result{padding:12px}.library-speech-result>p{font-size:15px}.library-speech-result>p:first-child{font-size:22px}.site-reader-action-card{gap:6px}}
@media(prefers-reduced-motion:reduce){.library-speech,.library-speech button,.site-reader-action-card>.mode-card{animation:none!important;transition:none!important}}
.site-reader-action{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:0;vertical-align:middle}.site-reader-action>.site-reader-ear{margin:0}.site-reader-settings{display:flex;align-items:flex-start;gap:8px;margin-top:6px}.site-reader-settings>.site-reader-voices{flex:1;min-width:0;margin-top:0}.site-reader-settings>.site-reader-ear{margin:0;align-self:flex-start}.site-reader-picker{display:flex;align-items:center;gap:8px;min-width:0}.site-reader-picker>label{min-width:0;flex:1}.site-reader-picker>.site-reader-ear{margin:0;align-self:flex-end}.site-reader-topline>.site-reader-action{flex-shrink:0}.site-reader-inline>.site-reader-action{margin-left:auto;flex-shrink:0}
.topbar:has(.site-reader-action){display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:auto auto;align-items:center;justify-content:initial;align-content:initial;min-height:0;height:auto;padding:10px 22px;gap:7px 14px;flex-direction:initial}.topbar>.site-reader-action{justify-self:start}.topbar>.site-reader-action:has(.brand){grid-column:1;grid-row:1}.topbar>.site-reader-action:has(#treasure-button){grid-column:2;grid-row:1}.topbar>.site-reader-action:has(#help-button){grid-column:3;grid-row:1}.topbar>.site-reader-action>.treasure-button{position:static;min-height:44px}.topbar>.site-reader-action>#help-button{display:block;height:44px;min-width:44px}.topbar:has(.site-reader-action)>nav{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;height:auto;min-height:44px;margin:0;gap:6px 18px;align-self:initial}.topbar nav>.site-reader-action{flex:0 0 auto}.topbar nav>.site-reader-action>a{min-height:44px}.topbar .site-reader-action>.site-reader-ear{margin:0}
@media(max-width:700px){.topbar:has(.site-reader-action){padding:9px 12px;gap:7px 5px}.topbar>.site-reader-action{gap:2px}.topbar>.site-reader-action>.brand{min-width:0;font-size:21px;gap:4px}.topbar .brand .grass-cube{width:20px;height:24px;flex-shrink:0}.topbar>.site-reader-action>.treasure-button{width:44px;min-width:44px;max-width:44px;min-height:44px;padding:4px;gap:3px}.topbar .treasure-button>span:first-child{font-size:18px}.topbar .treasure-button>span:last-child{font-size:12px}.topbar:has(.site-reader-action)>nav{gap:5px 10px}.topbar nav>.site-reader-action{gap:2px}.topbar nav>.site-reader-action>a{font-size:14px}.site-reader-topline>.site-reader-action{gap:5px}.site-reader-settings{gap:6px}.site-reader-picker{align-items:flex-end;gap:5px}.site-reader-picker>label>select{max-width:100%}.site-reader-inline>.site-reader-action{gap:5px}}

.human-sample-text{border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;line-height:inherit;text-align:left;padding:0;min-height:44px;cursor:pointer;text-decoration:underline dotted #809770;text-underline-offset:5px}.human-sample-text:focus-visible{outline:3px solid #d78b16;outline-offset:4px}.speech-reward-celebration{animation:site-reward-pop .55s ease-out}.speech-reward-celebration h3:before{content:'✦ ';color:#a87316}@keyframes site-reward-pop{from{transform:translateY(12px) scale(.96);opacity:.3}to{transform:translateY(0) scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.speech-reward-celebration{animation:none}}

/* The speaker is drawn in pixels; touch targets stay 44px on iPad and phone. */
.blockling-audio-icon{display:inline-block;flex:none;width:18px;height:18px;overflow:visible;vertical-align:-2px;pointer-events:none;shape-rendering:crispEdges}
.site-reader-ear>.blockling-audio-icon{display:block;margin:0}
.course-app .co-hear,.course-app .co-mini-hear,.px-unit .px-hear,.px-unit .px-journey-hear,.px-unit .px-cell-hear,.builder-page .builder-small-sound{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:9px;border:2px solid #82936d;border-radius:2px;background:#ecebd5;color:#31513a;box-shadow:0 2px 0 #49633a30;touch-action:manipulation}
.course-app .co-hear:hover,.course-app .co-mini-hear:hover,.px-unit .px-hear:hover,.px-unit .px-journey-hear:hover,.px-unit .px-cell-hear:hover,.builder-page .builder-small-sound:hover{background:#dce6bd;border-color:#5d7848}
.site-reader-ear.site-reader-speaking,.course-app .co-hear.speaking,.course-app .co-mini-hear.speaking,.px-unit .px-hear.px-speaking,.px-unit .px-journey-hear.px-speaking,.px-unit .px-cell-hear.px-speaking{background:#cdddac!important;border-color:#4d713d;color:#24462e!important;box-shadow:0 0 0 2px #d9c17a}
.co-read>.blockling-audio-icon,.co-read>span>.blockling-audio-icon,.px-readable .blockling-audio-icon{width:13px;height:13px;margin-left:6px;opacity:.68;vertical-align:-1px}
.audio-button>.blockling-audio-icon,.choice-listen>.blockling-audio-icon,.sound-icon>.blockling-audio-icon{width:18px;height:18px}
.builder-page button>.blockling-audio-icon{margin-right:6px}.builder-page .builder-small-sound>.blockling-audio-icon{margin:0}
.site-reader-ear:focus-visible,.course-app .co-hear:focus-visible,.course-app .co-mini-hear:focus-visible,.px-unit .px-hear:focus-visible,.px-unit .px-journey-hear:focus-visible,.px-unit .px-cell-hear:focus-visible,.builder-page .builder-small-sound:focus-visible{outline:3px solid #bd8a36;outline-offset:3px}
.site-reader-ear:disabled,.course-app .co-hear:disabled,.course-app .co-mini-hear:disabled,.px-unit .px-hear:disabled,.px-unit .px-journey-hear:disabled,.px-unit .px-cell-hear:disabled,.builder-page .builder-small-sound:disabled{opacity:.5;box-shadow:none}

/* Keep each block/friend beside its own reading control without shrinking the speaker. */
.site-reader-palette{display:flex;flex-direction:column;align-items:stretch;min-width:0;gap:4px}.site-reader-palette>[data-creative-material],.site-reader-palette>[data-creative-animal]{width:100%;flex:1;min-width:0}.creative-friends>div>.site-reader-palette{flex:1}.site-reader-palette>.site-reader-ear{flex:0 0 44px;min-width:44px;width:44px;min-height:44px;height:44px;padding:8px;margin:0;align-self:center}

/* Readable world overlays must receive a tap instead of passing it to the canvas. */
.creative-world-hud .site-reader-text,.creative-world-tip.site-reader-text,.creative-badges .site-reader-text,.voxel-label.site-reader-text{pointer-events:auto}.creative-world-hud .site-reader-text,.creative-world-tip.site-reader-text,.creative-badges .site-reader-text{min-height:44px;align-content:center}
.site-reader-text{pointer-events:auto!important;touch-action:manipulation}

.voxel-label{min-height:44px;display:flex;align-items:center;justify-content:center}
.world-mode-nav>.site-reader-text,.creative-nav>.site-reader-text{min-height:44px;display:flex;align-items:center}
.world-mode-nav,.creative-nav{height:auto;min-height:50px;align-self:stretch;margin-left:0}

.creative-stage:has(.creative-fallback),.creative-view:has(.creative-fallback){height:auto;min-height:0}.creative-fallback{height:auto!important;padding-top:85px}.creative-map-scroll{width:100%;max-width:100%;overflow:auto;overscroll-behavior:contain}.creative-fallback .creative-map{width:596px;min-width:596px;grid-template-columns:repeat(13,44px)}.creative-fallback .creative-map button{width:44px;height:44px}.creative-map img{max-width:36px;max-height:36px;object-fit:contain}.creative-stage:has(.creative-fallback) .creative-world-tip,.creative-stage:has(.creative-fallback) .creative-badges{position:static;max-width:none;margin:0 12px 12px;justify-content:start}