/* CyberBeagles C004 additive visual system: preserve owner-approved C003 layout. */
.story-content{padding-top:29px;padding-bottom:68px}.story-info-bar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 17px;border-radius:14px;background:#e7f7f7;color:#145171;margin:0 0 18px;font-size:13px;font-weight:850}.story-info-bar span:last-child{color:#637984;font-weight:650}.motion-story-layout{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(290px,.73fr);gap:24px;align-items:start}.story-main-column{min-width:0}.story-stage{height:clamp(330px,33vw,520px);position:relative;border:4px solid #f5fffd;border-radius:27px;overflow:hidden;isolation:isolate;background:linear-gradient(165deg,#194f79,#3c8eb2 50%,#a1dbad);box-shadow:0 13px 36px #0c415a25}.story-stage:after{content:'';position:absolute;left:-10%;right:-10%;bottom:-35%;height:68%;border-radius:50% 50% 0 0;background:linear-gradient(180deg,#6ca99b,#1c777d);z-index:-1}.stage-workshop{background:linear-gradient(115deg,#dfedca,#a4dbe7 52%,#4e9fc1)}.stage-workshop:after{background:linear-gradient(#b7ad83,#749e94)}.stage-message{background:linear-gradient(130deg,#134a83,#408aae 50%,#b4d5b5)}.stage-pond{background:linear-gradient(175deg,#08547d,#0d90aa 50%,#a1e3ba)}.stage-data{background:linear-gradient(130deg,#132f79,#137da2 63%,#4fc5bc)}.stage-celebration{background:radial-gradient(circle at 52% 25%,#ffedac,#6bc1bb 53%,#075f88)}.stage-mountain{background:linear-gradient(180deg,#165c93,#4b9fba 59%,#caf5da)}.stage-gate{background:linear-gradient(125deg,#166388,#76bcb1)}.stage-bridge{background:linear-gradient(155deg,#20678f,#56a6c8 54%,#a1dbca)}.stage-tower{background:linear-gradient(165deg,#062f72,#247eac 55%,#94d8b7)}.stage-far-light{position:absolute;inset:-42% 0 auto -30%;width:70%;height:120%;background:radial-gradient(circle,#ffe7a577,transparent 67%);pointer-events:none}.stage-orb{position:absolute;border-radius:50%;z-index:0;pointer-events:none;background:#fffbca93;box-shadow:0 0 28px #b5faff85}.orb-a{top:15%;left:14%;width:13px;height:13px;animation:floatOrb 4s ease-in-out infinite alternate}.orb-b{top:28%;right:16%;width:8px;height:8px;animation:floatOrb 3s ease-in-out infinite alternate-reverse}.stage-landscape{position:absolute;inset:0;z-index:0;pointer-events:none}.landscape-circle{position:absolute;width:290px;height:290px;border:23px solid #ffffff24;border-radius:50%;left:32%;top:-17%;box-shadow:0 0 0 55px #fff2b20a}.landscape-road{position:absolute;bottom:-60%;left:29%;width:39%;height:130%;background:linear-gradient(#fff8b800,#fafcc64d);clip-path:polygon(44% 0,58% 0,100% 100%,0 100%)}.landscape-panel{position:absolute;left:5%;bottom:13%;width:20%;height:23%;border:7px solid #ebffffaa;border-radius:16px;transform:skew(-8deg);background:#1d639c6b;box-shadow:0 0 23px #e5ffd35d}.stage-mountain .landscape-panel,.stage-gate .landscape-panel,.stage-tower .landscape-panel{left:66%;bottom:16%;width:22%;height:42%;border-radius:18px 18px 5px 5px;transform:none;background:#eeeeff77}.stage-message .landscape-panel{bottom:27%;left:41%;width:22%;height:20%;transform:rotate(-7deg);border-radius:17px;background:#ffecb4e3}.stage-message .landscape-panel:after{content:'✉';font-size:60px;position:absolute;inset:0;display:grid;place-items:center;color:#125f85}.stage-symbol{position:absolute;top:10%;right:7%;font-size:clamp(50px,8vw,105px);font-family:var(--rounded);font-weight:900;color:#ffe6a0cc;text-shadow:0 9px 30px #083e6d38;z-index:1;pointer-events:none;animation:symbolPulse 4s ease-in-out infinite}.stage-actor{position:absolute;z-index:3;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 5px #12393f33);animation:characterBob 3.8s ease-in-out infinite alternate;pointer-events:none;max-width:none}.stage-actor[hidden]{display:none!important}.actor-darwin{height:56%;width:38%;left:31%;bottom:6%;z-index:6;animation-delay:-1s}.actor-rosie{height:43%;width:30%;left:1%;bottom:6%;z-index:5;animation-delay:-.6s}.actor-snowie{height:43%;width:31%;right:1%;bottom:6%;z-index:5;animation-delay:-2s}.actor-bit{height:31%;width:26%;right:17%;top:8%;z-index:7;animation-delay:-1.7s}.actor-watson{height:62%;width:31%;right:1%;bottom:1%;z-index:4;animation-delay:-2.3s}.stage-visual-label{position:absolute;top:13px;left:13px;z-index:8;border:1px solid #ffffff99;background:#073a5fcf;color:#fff;border-radius:99px;padding:8px 13px;font-size:13px;font-weight:850;max-width:72%}.stage-scene-index{position:absolute;right:14px;bottom:12px;z-index:8;background:#0a3d5cbe;color:white;font-size:12px;font-weight:850;padding:7px 10px;border-radius:99px}.story-transcript{display:flex;gap:15px;align-items:flex-start;background:white;border:2px solid #d3e6ed;border-radius:20px;padding:22px 23px;min-height:170px;margin:17px 0;box-shadow:var(--shadow)}.speaker-icon{font-size:27px;line-height:1;display:grid;place-items:center;background:#fff2cf;border-radius:14px;min-width:49px;height:49px}.spoken-text{min-width:0;flex:1}.spoken-text #story-speaker{text-transform:uppercase;font-size:12px;font-weight:1000;letter-spacing:.1em;color:#047d87}.spoken-text #story-speaker[data-role="DARWIN"]{color:#b5712e}.spoken-text #story-speaker[data-role="MR_WATSON"]{color:#406c65}.spoken-text #story-speaker[data-role="ROSIE"]{color:#ae4d90}.spoken-text #story-speaker[data-role="SNOWIE"]{color:#496aa1}.spoken-text p{margin:10px 0 0;font-size:clamp(17px,1.35vw,21px);line-height:1.57;font-weight:590;color:#113b55}.story-controls{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.story-icon-button{display:inline-flex;gap:6px;align-items:center;justify-content:center;border:2px solid #b3dce5;border-radius:13px;padding:12px 14px;background:#fff;color:#155471;font-size:15px;font-weight:900;cursor:pointer;min-height:49px}.story-icon-button[aria-pressed="true"]{background:#dff4e9;border-color:#27bba8}.story-icon-button:hover:not(:disabled){background:#f0fffb}.story-icon-button:disabled{opacity:.47;cursor:default}.story-next-button{margin-left:auto;min-height:49px}.story-player-note{font-size:12px;line-height:1.55;color:#657885;margin:14px 3px 0}.story-choice,.story-finished{padding:22px;margin:17px 0;border-radius:20px;background:#fff5db;border:2px solid #efdba7;box-shadow:0 10px 24px #94753c10}.story-choice h3,.story-finished h3{font-family:var(--rounded);font-size:24px;line-height:1.2;margin:0 0 15px;color:#174862}.story-choice-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.choice-option,.game-answer{border:2px solid #b1d4dc;border-radius:15px;padding:15px;background:white;min-height:66px;text-align:left;font-size:16px;line-height:1.35;color:#0d4260;font-weight:850;cursor:pointer}.choice-option:hover:not(:disabled),.game-answer:hover:not(:disabled){background:#e9fbf5;border-color:#159b9f}.choice-option:disabled,.game-answer:disabled{cursor:default}.choice-option[data-choice-result="correct"],.game-answer[data-result="right"]{background:#d8f4de;border-color:#218e61}.choice-option[data-choice-result="try-again"],.game-answer[data-result="learning"]{background:#fff0dd;border-color:#dca35c}.story-choice #story-choice-feedback{line-height:1.55;font-weight:800;color:#185c6a;margin:15px 0}.story-finished{text-align:center}.earned-paw{font-size:50px;display:block}.story-finished p{font-size:17px;line-height:1.6}.finish-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:20px auto 5px}.story-outline{background:#fff;border-radius:22px;padding:23px;border:1px solid #cfe6e9;box-shadow:var(--shadow);min-width:0}.story-outline .overline{font-size:10px}.story-outline h2{font-family:var(--rounded);color:#174662;margin:11px 0;font-size:24px}.story-outline>p{font-size:14px;line-height:1.5;color:#4d6876;margin:0 0 22px}.progress-top{display:flex;justify-content:space-between;gap:6px;font-size:12px;font-weight:900;color:#567381}.progress-rail,.game-meter{width:100%;background:#e6f4f4;border-radius:99px;overflow:hidden;height:12px;margin:9px 0 18px}.progress-rail>span,.game-meter-progress{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#2fa9a1,#e9bc5b);transition:width .2s}.story-scene-list{padding:0 0 0 26px;margin:5px 0 20px;display:grid;gap:10px;font-size:13px;color:#65808b}.story-scene-list li{padding-left:5px}.story-scene-list li.is-current{font-weight:900;color:#127d91}.story-scene-list li.is-visited{color:#347b6c}.story-learning{background:#edf9eb;border-radius:15px;padding:15px;font-size:13px;line-height:1.5;color:#386b60}.story-learning p{margin:7px 0 0}.story-live-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.story-card-link{display:block;color:inherit;text-decoration:none;height:100%}.story-card-body{padding:20px}.story-card-body>span{font-size:11px;color:#467f87;font-weight:900;letter-spacing:.05em}.story-card-body h3{margin:10px 0;font-size:22px}.story-card-body p{font-size:14px}.play-story-label{display:inline-flex;color:#007c91;font-weight:950;margin-top:10px}.watch-explainer{display:flex;align-items:center;gap:17px;background:#e8f7ee;border-radius:20px;margin:34px 0;padding:20px 23px}.watch-explainer>span{font-size:35px}.watch-explainer p{margin:7px 0 0;font-size:14px;color:#426978}.zone-action{display:inline-flex!important;margin:14px 0 10px;text-align:center;justify-content:center}.zone-action[hidden]{display:none!important}
/* Games */
.game-selection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:30px}.game-pick{border:2px solid #d6e7ec;background:#fff;box-shadow:var(--shadow);border-radius:21px;min-height:218px;padding:22px 19px;display:flex;flex-direction:column;align-items:flex-start;gap:9px;color:#12405c;cursor:pointer;text-align:left;transition:border-color .15s,transform .15s}.game-pick:hover{border-color:#1caaa5;transform:translateY(-2px)}.game-pick[data-selected="true"]{border-color:#e6b255;background:#fffaec}.game-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:15px;font-size:35px;color:#0b7688;background:#e5f6f5}.game-icon-key{background:#fcf3d7;color:#9b7129}.game-icon-wall{background:#e2ebfc;color:#475b9c}.game-pick strong{font-family:var(--rounded);font-size:23px;letter-spacing:-.025em}.game-pick small{font-size:14px;color:#5c7181}.game-pill{font-size:11px;font-weight:900;letter-spacing:.04em;color:#257f7b;border-radius:99px;padding:6px 10px;background:#e5f5ef;margin-top:auto}.game-play-area{margin:30px auto 0;background:#fff;border:2px solid #d0e6ea;padding:25px;border-radius:23px;box-shadow:var(--shadow);scroll-margin-top:35px}.game-play-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:20px}.game-play-top h2{font-family:var(--rounded);font-size:28px;margin:4px 0;color:#17516b}.game-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(230px,.8fr);gap:22px}.game-challenge{min-width:0}.game-question-count{font-size:12px;font-weight:950;color:#278c96;text-transform:uppercase;letter-spacing:.04em}.game-stage{min-height:210px;border-radius:19px;margin:14px 0 17px;position:relative;overflow:hidden;background:linear-gradient(145deg,#0b4c81,#4eacbd 66%,#b1e5bf)}.game-stage:after{content:'';position:absolute;left:-15%;bottom:-48%;width:120%;height:70%;border-radius:50%;background:#7dc6a7bb}.game-stage img{position:absolute;z-index:2;height:92%;width:45%;left:17%;bottom:0;object-fit:contain;filter:drop-shadow(0 9px 7px #123b4e33)}.game-stage span{position:absolute;right:18%;top:17%;font-size:90px;font-weight:900;color:#ffe3a1da;text-shadow:0 0 17px #fff6cf}.game-challenge h3{font-family:var(--rounded);font-size:22px;margin:11px 0 15px;color:#13405a;line-height:1.35}.game-options{display:grid;gap:11px}.game-answer{text-align:center;min-height:63px}.game-feedback{font-size:15px;font-weight:820;line-height:1.5;padding:16px;border-radius:14px;background:#e5f5ed;color:#225e56;margin:13px 0}.game-scoreboard{background:#eff8f7;border-radius:17px;padding:21px;color:#22596c;font-size:15px;line-height:1.55}.game-scoreboard strong{font-family:var(--rounded);font-size:21px}.game-scoreboard p{margin:12px 0 20px}.game-paws{padding:12px;background:white;border-radius:12px;font-size:17px;font-weight:900}.game-scoreboard .game-privacy-note{font-size:13px;margin:17px 0 0;color:#657785}.game-next{margin-top:8px}.game-complete{text-align:center;padding:22px 8px}.game-complete h3{font-family:var(--rounded);font-size:29px;margin:4px 0}.game-complete p{max-width:530px;margin:12px auto;line-height:1.55}.grownup-resources{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:32px;margin-top:26px;border-radius:22px;background:#e6f6ef}.grownup-resources h2{font-family:var(--rounded);margin:9px 0}.grownup-resources p{line-height:1.6}.grownup-resources .btn{margin-top:10px}.resource-list{padding:23px;border-radius:17px;background:white}.resource-list strong{color:#0e7a87}.resource-list p{margin:7px 0 17px;font-size:14px}
@keyframes floatOrb{from{transform:translateY(-6px)}to{transform:translateY(17px)}}
@keyframes characterBob{from{transform:translateY(0)}to{transform:translateY(-8px)}}
@keyframes symbolPulse{from{opacity:.5;transform:scale(.94)}to{opacity:1;transform:scale(1.06)}}
@media(max-width:1110px){.motion-story-layout{grid-template-columns:minmax(0,1fr)}.story-outline{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,1fr);gap:10px 24px}.story-outline .overline,.story-outline h2,.story-outline>p{grid-column:1/-1}.story-outline .story-progress{grid-column:1/-1}.story-scene-list{grid-column:1}.story-learning{align-self:start;grid-column:2}}
@media(max-width:900px){.story-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-layout{grid-template-columns:1fr}.game-scoreboard{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.game-scoreboard .game-privacy-note{grid-column:1/-1}.game-selection{gap:12px}.game-pick{padding:17px 13px}.game-pick strong{font-size:20px}.grownup-resources{grid-template-columns:1fr}}
@media(max-width:700px){.story-content{padding-top:16px}.story-info-bar{font-size:11px;padding:11px}.story-stage{height:clamp(284px,74vw,420px);border-width:3px;border-radius:18px}.stage-visual-label{font-size:10px;padding:7px 9px;max-width:68%}.stage-symbol{font-size:53px}.actor-darwin{height:56%;width:43%;left:28%}.actor-rosie{width:32%;height:39%;left:-2%}.actor-snowie{width:32%;height:39%;right:-2%}.actor-bit{height:27%;width:31%;right:16%;top:11%}.actor-watson{height:57%;width:35%;right:-2%}.story-transcript{padding:16px;min-height:165px}.speaker-icon{font-size:22px;min-width:39px;height:39px}.spoken-text p{font-size:17px}.story-next-button{flex:1;max-width:none;min-width:170px}.story-icon-button{min-height:47px;padding:10px}.story-icon-button span{font-size:12px}.story-outline{display:block}.story-outline h2{font-size:23px}.story-scene-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 20px}.story-learning{margin-top:17px}.story-choice-options{grid-template-columns:1fr}.story-live-grid,.game-selection{grid-template-columns:1fr}.game-pick{min-height:auto;display:grid;grid-template-columns:59px 1fr;column-gap:14px;align-items:center}.game-icon{grid-row:span 3}.game-pick strong,.game-pick small,.game-pill{grid-column:2;margin:0}.game-play-area{padding:17px}.game-play-top{align-items:start}.game-play-top h2{font-size:23px}.game-scoreboard{display:block}.game-stage{min-height:185px}.grownup-resources{padding:22px}.watch-explainer{padding:15px}}
@media(max-width:400px){.story-controls{gap:6px}.story-icon-button{font-size:13px;padding:8px 10px}.story-icon-button span{font-size:11px}.story-stage{height:295px}.story-info-bar span:last-child{font-size:10px}.story-scene-list{font-size:12px}.game-play-top .btn{font-size:12px;padding:12px}.game-stage{min-height:160px}}
@media(prefers-reduced-motion:reduce){.stage-orb,.stage-actor,.stage-symbol{animation:none!important}.progress-rail>span,.game-meter-progress,.game-pick{transition:none!important}}
/* Author-level display rules must never defeat the native hidden attribute. */
[hidden]{display:none!important}

/* C006 audio controls: tablet- and phone-friendly, no floating/nested scrollers. */
.audio-status{font-size:13px;line-height:1.5;color:#285d71;background:#e8f6f3;border-radius:12px;padding:9px 13px;margin:10px 0}
.welcome-voice-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px}
.welcome-voice-row .btn{min-height:48px;white-space:normal}
.welcome-voice-row span{font-size:13px;color:#24586a}
.game-header-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.game-header-buttons .btn{min-height:47px}
.story-controls [data-story-action="listen"]{min-width:116px}
.story-controls [data-story-action="auto"]{min-width:130px}
@media(max-width:650px){
 .game-play-top{flex-wrap:wrap}
 .game-header-buttons{justify-content:flex-start;width:100%}
 .story-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .story-controls button{width:100%;margin-left:0}
 .story-controls [data-story-action="next"]{grid-column:1/-1;min-width:0}
 .story-controls .story-icon-button{font-size:14px}
}