/* Starter L3/L4 presentation only. The L1/L2 Mother Template is untouched. */
html.starter-l34-ui body{background:linear-gradient(180deg,#ddf6ff 0,#f4fcff 34%,#fff8e3 100%);color:#164d70}
html.starter-l34-ui .lesson-hero{border-radius:28px;border:1px solid #b9dce8;box-shadow:0 15px 38px rgba(20,78,110,.1)}
html.starter-l34-ui #starterFlowNav{border-radius:28px!important;border:1px solid #b9dce8!important;box-shadow:0 15px 42px rgba(16,72,109,.12)!important}
html.starter-l34-ui #starterFlowNav .v870-topbar{background:linear-gradient(110deg,#155989,#2187a9);color:#fff}
html.starter-l34-ui #starterFlowNav .v870-breadcrumb,html.starter-l34-ui #starterFlowNav .v870-breadcrumb strong{color:#fff!important}
html.starter-l34-ui #starterFlowNav .v870-step.active .v870-step-icon{box-shadow:0 0 0 5px rgba(255,205,74,.35)}
html.starter-l34-ui main.page>section.card:not(.lesson-hero):not(#starterFlowNav){border-radius:28px;border:1px solid #b9dce8;box-shadow:0 15px 38px rgba(20,78,110,.1)}
html.starter-l34-ui main.page>section.card h2.step-title{font-size:clamp(24px,3vw,35px);color:#14517d}
html.starter-l34-ui main.page>section.card button.primary{background:linear-gradient(180deg,#ffd162,#f7b02a);color:#163e5e;border:2px solid #fff4cc;border-radius:20px;box-shadow:0 6px 0 #c88713;font-weight:950}
html.starter-l34-ui main.page>section.card button.secondary{border-radius:18px;border:2px solid #b6dce8;background:#fff;color:#1a668c;font-weight:900}
html.starter-l34-ui main.page>section.card button:focus-visible{outline:4px solid #f2bd32;outline-offset:3px}
html.starter-l34-ui .step-word-progress{color:#186587;font-size:15px}
html.starter-l34-ui .feedback:not(:empty){line-height:1.45}
html.starter-l34-ui .l34-round-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;padding:10px 20px 18px;background:#edf9fb}
html.starter-l34-ui .l34-round-nav button{min-width:120px;min-height:46px;padding:8px 13px;border:2px solid #b5dce8;border-radius:15px;background:#fff;color:#175b81;font-size:14px;font-weight:900}
html.starter-l34-ui .l34-round-nav button.active{border-color:#d79620;background:#ffdc78;color:#174d70;box-shadow:0 4px 0 #c79735}
html.starter-l34-ui .l34-round-nav button:disabled{opacity:.48;cursor:not-allowed}
html.starter-l34-ui .l34-locked-round{max-width:900px;margin:24px auto;padding:38px 28px;border:2px solid #b8dce7;border-radius:27px;background:#fff9e7;text-align:center}
html.starter-l34-ui .l34-locked-round h2{color:#155984;font-size:clamp(27px,4vw,42px)}
html.starter-l34-ui .l34-locked-round p{color:#4e7388;font-size:18px}
html.starter-l34-ui .l34-locked-round a{display:inline-block;margin-top:12px}

/* Step 1: Catherine, three image choices, Ollie and the recorder share one card. */
html.starter-l34-ui main.page>section.card.l34-task-host{width:min(1240px,calc(100% - 36px));max-width:1240px;margin:0 auto 20px;padding:0;overflow:hidden;background:#e9f8fb}
html.starter-l34-ui .l34-task-host>:not(#listenMission){display:none!important}
html.starter-l34-ui .l34-task-host #listenMission{display:block!important;margin:0;padding:0;border:0;background:none}
html.starter-l34-ui .l34-task-host #listenMission[hidden]{display:none!important}
html.starter-l34-ui body.starter-l34-cards-active .l34-task-host>#l34CardsMission{display:block!important}
html.starter-l34-ui #l34CardsMission{position:relative;overflow:hidden;background:linear-gradient(180deg,#e8f8fb 0 46%,#fff8e4 46% 100%)}
html.starter-l34-ui #l34CardsMission[hidden]{display:none!important}
html.starter-l34-ui .l34-cards-field{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:22px;align-items:center;padding:34px;background:linear-gradient(180deg,#f8fcfb,#fff7d9)}
html.starter-l34-ui .l34-cards-content{min-width:0}
html.starter-l34-ui #l34CardsMission #starterCardFocus,html.starter-l34-ui #l34CardsMission #starterWordRail,html.starter-l34-ui #l34CardsMission #cardsWordProgressWrap{display:block!important}
html.starter-l34-ui #l34CardsMission #starterWordRail{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:17px}
html.starter-l34-ui #l34CardsMission #teacherFeedback{display:block!important;margin:0 34px 22px}
html.starter-l34-ui #l34CardsMission .l34-card-count{display:flex;align-items:center;justify-content:center;min-height:60px;margin:15px 0 0;border-radius:18px;background:#fff2bd;color:#15577c;font-size:18px;font-weight:1000}
html.starter-l34-ui .l34-task-host #listenMission>.step-word-progress{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
html.starter-l34-ui .l34-adventure-task{position:relative;overflow:hidden;background:linear-gradient(180deg,#e8f8fb 0 47%,#fff8e4 47% 100%)}
html.starter-l34-ui .l34-adventure-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;min-height:185px;padding:30px 40px;overflow:hidden;background:linear-gradient(110deg,#145788 0%,#1b76a1 55%,#50b8c1 100%);color:#fff}
html.starter-l34-ui .l34-adventure-hero::before{content:"";position:absolute;right:-4%;top:-95%;width:62%;height:300%;background:url('assets/gept-unit13/words/island.png') center/cover no-repeat;opacity:.2;mix-blend-mode:screen}
html.starter-l34-ui .l34-hero-copy,html.starter-l34-ui .l34-hero-action{position:relative;z-index:1}
html.starter-l34-ui .l34-eyebrow{display:block;margin-bottom:10px;color:#ffe184;font-size:12px;font-weight:1000;letter-spacing:.15em}
html.starter-l34-ui .l34-hero-copy h3{margin:0;color:#fff;font-size:clamp(31px,4.2vw,54px);font-weight:1000;line-height:1.04;letter-spacing:-.035em}
html.starter-l34-ui .l34-hero-copy h3 strong{color:#ffe17a}
html.starter-l34-ui .l34-hero-copy p{margin:12px 0 2px;color:#fff;font-size:18px;font-weight:900}
html.starter-l34-ui .l34-hero-copy small{color:#e9faff;font-size:14px;font-weight:850}
html.starter-l34-ui #teacherBtn{min-width:230px;min-height:78px;padding:16px 24px;font-size:19px;text-align:center;box-shadow:0 8px 0 #b87910,0 15px 25px rgba(0,44,73,.18)}
html.starter-l34-ui .l34-adventure-playfield{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 210px;align-items:center;gap:22px;padding:36px 34px 22px;background:linear-gradient(180deg,#f8fcfb,#fff7d9)}
html.starter-l34-ui .l34-adventure-playfield::before{content:"";position:absolute;left:-5%;right:-5%;top:-18px;height:40px;border-radius:50%;background:#a9e4e9;box-shadow:0 -8px 0 rgba(255,255,255,.5)}
html.starter-l34-ui #listenMissionGrid{position:relative;z-index:1;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0!important}
html.starter-l34-ui #listenMissionGrid .listen-picture-card{display:flex;min-width:0;min-height:290px;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:13px;border:3px solid #fff;border-radius:27px;background:#fffdf7;box-shadow:0 8px 0 #c1dfe7,0 15px 24px rgba(20,77,109,.12);color:#174e75;transition:transform .16s,border-color .16s,box-shadow .16s}
html.starter-l34-ui #listenMissionGrid .listen-picture-card:hover{transform:translateY(-4px);border-color:#9bd7e2;box-shadow:0 12px 0 #a8d6e0,0 20px 28px rgba(20,77,109,.15)}
html.starter-l34-ui #listenMissionGrid .listen-picture-card.wrong{animation:l34GentleTry .38s ease}
html.starter-l34-ui #listenMissionGrid .listen-picture-icon{display:block;width:100%;height:184px;overflow:hidden;border-radius:19px;background:#eff9fa}
html.starter-l34-ui #listenMissionGrid .listen-picture-icon img{display:block;width:100%;height:100%;object-fit:contain}
html.starter-l34-ui #listenMissionGrid .listen-picture-card strong{font-size:clamp(27px,3vw,40px);line-height:1.05;font-weight:1000;text-transform:lowercase}
html.starter-l34-ui #listenMissionGrid .heard-mark{min-height:10px;color:#1686aa}
html.starter-l34-ui .l34-companion{position:relative;z-index:1;display:flex;min-height:280px;flex-direction:column;align-items:center;justify-content:flex-end}
html.starter-l34-ui .l34-companion>img{width:155px;height:155px;object-fit:contain;filter:drop-shadow(0 12px 10px rgba(33,85,105,.2))}
html.starter-l34-ui .l34-bubble{position:absolute;top:0;width:202px;min-height:53px;padding:12px;border:2px solid #90cbd7;border-radius:20px 20px 20px 6px;background:#fff;color:#175178;font-size:15px;font-weight:1000;text-align:center;box-shadow:0 8px 20px rgba(21,76,104,.11)}
html.starter-l34-ui .l34-pearl-count{display:flex;align-items:center;gap:8px;width:205px;min-height:69px;padding:5px 13px;border:3px solid #d49219;border-radius:22px;background:linear-gradient(180deg,#ffda6d,#f5b72d);box-shadow:0 7px 0 #b67b16;color:#194a68;font-size:14px;font-weight:900}
html.starter-l34-ui .l34-pearl-count img{width:54px;height:54px;object-fit:contain}
html.starter-l34-ui .l34-pearl-count strong{display:block;font-size:19px}
html.starter-l34-ui .l34-adventure-task #l34QuickVoice{display:block;max-width:none;margin:0 34px 18px!important;padding:18px 20px!important;border:2px solid #a9d8e4!important;border-radius:23px!important;background:#fff!important;box-shadow:0 7px 0 #d7e9eb}
html.starter-l34-ui .l34-adventure-task #l34QuickVoice[hidden]{display:none!important}
html.starter-l34-ui #l34QuickVoice>strong{color:#175989;font-size:24px}
html.starter-l34-ui #l34QuickVoice>p:first-of-type{font-size:14px;line-height:1.45}
html.starter-l34-ui #l34QuickVoice .button-row{display:flex;flex-wrap:wrap;gap:10px}
html.starter-l34-ui #l34QuickVoice button{min-height:56px;padding:10px 17px;font-size:15px}
html.starter-l34-ui #teacherFeedback{margin:0 36px 8px;padding:9px 13px;border-radius:13px;background:#eaf9fb;color:#15577b;font-size:15px;font-weight:850}
html.starter-l34-ui .l34-treasure-trail{display:flex;align-items:center;justify-content:center;gap:14px;padding:13px 20px 20px;background:#fff5d7;color:#876222;font-size:11px;font-weight:1000;letter-spacing:.12em}
html.starter-l34-ui .l34-treasure-pips{display:flex;gap:9px}
html.starter-l34-ui .l34-treasure-pips span{width:29px;height:29px;border:2px dashed #cba952;border-radius:50%;background:#fff9e7}
html.starter-l34-ui .l34-treasure-pips span.found{border-style:solid;border-color:#e7a824;background:#1685b4;box-shadow:0 3px 0 #0d6088}
html.starter-l34-ui .l34-celebrate .l34-companion>img{animation:l34Happy .65s ease}
html.starter-l34-ui .l34-finished{grid-column:1/-1;display:grid;place-items:center;min-height:250px;padding:35px 20px;border:3px solid #f4c963;border-radius:25px;background:linear-gradient(150deg,#fff9db,#e5f8fb);color:#145984;font-size:clamp(25px,3vw,38px);font-weight:1000;text-align:center;box-shadow:0 8px 0 #c7e5e9}
html.starter-l34-ui .l34-finished small{color:#577f93;font-size:15px}
html.starter-l34-ui #l34VoiceStatus{min-height:25px;color:#155d87;font-weight:900}
html.starter-l34-ui #l34Replay:not(:disabled){border-color:#f1bd44;background:#fff6d9;box-shadow:0 4px 0 #e1c37d}
html.starter-l34-ui #l34QuickVoice button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}
html.starter-l34-ui .choice-options button:focus-visible,html.starter-l34-ui .drag-word-grid button:focus-visible{outline:4px solid #f1bb33;outline-offset:3px}

/* The remaining missions retain their runtime DOM and controls, but share the island system. */
html.starter-l34-ui .choice-mission-card,html.starter-l34-ui .starter-drag-card,html.starter-l34-ui #dragSpeakStep5,html.starter-l34-ui #sentenceStep,html.starter-l34-ui .reward-card{background:linear-gradient(180deg,#f8fcfb,#fff8df)!important;overflow:hidden}
html.starter-l34-ui .choice-brief-card,html.starter-l34-ui .choice-radar-card,html.starter-l34-ui .starter-drag-layout,html.starter-l34-ui .drag-speak-stage,html.starter-l34-ui .sentence-build-card{border-radius:23px;background:#fff;border-color:#b5dce6;box-shadow:0 7px 0 #d9e9ec}
html.starter-l34-ui .choice-radar-card{min-width:180px;background:#e4f7fb}
html.starter-l34-ui .ocean-radar{background-image:url('assets/images/ollie-logo-face.png');background-position:center;background-size:contain;background-repeat:no-repeat}
html.starter-l34-ui .ocean-radar>*{opacity:0}
html.starter-l34-ui .choice-options button,html.starter-l34-ui .drag-word-grid button,html.starter-l34-ui .drag-speak-bank button{min-height:112px;border-radius:22px;border:2px solid #b6dce8;background:#fff;box-shadow:0 6px 0 #d3e5e9;font-size:clamp(18px,2.2vw,28px)}
html.starter-l34-ui .choice-options img,html.starter-l34-ui .drag-word-grid img{max-width:100%;object-fit:contain}
html.starter-l34-ui .v86-speak-panel{border-radius:24px;background:linear-gradient(180deg,#ebfaff,#fff7dc);border:2px solid #afdbe6;box-shadow:0 8px 0 #d0e6e9}
html.starter-l34-ui .v86-target{color:#155682;font-size:clamp(26px,3.5vw,43px)}
html.starter-l34-ui .v86-btn-grid button{min-height:62px;font-size:16px}
@keyframes l34GentleTry{25%,75%{transform:translateX(5px)}50%{transform:translateX(-5px)}}
@keyframes l34Happy{45%{transform:translateY(-10px) rotate(-6deg)}75%{transform:rotate(5deg)}}
@media(max-width:880px){html.starter-l34-ui .l34-adventure-playfield{grid-template-columns:1fr}html.starter-l34-ui .l34-companion{min-height:135px;flex-direction:row;justify-content:center;gap:10px}html.starter-l34-ui .l34-bubble{position:relative;width:180px}html.starter-l34-ui .l34-companion>img{width:110px;height:110px}html.starter-l34-ui .l34-pearl-count{width:170px}}
@media(max-width:880px){html.starter-l34-ui .l34-cards-field{grid-template-columns:1fr}html.starter-l34-ui #l34CardsMission #starterWordRail{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){html.starter-l34-ui main.page>section.card.l34-task-host{width:calc(100% - 16px);border-radius:22px}html.starter-l34-ui .l34-adventure-hero{grid-template-columns:1fr;gap:16px;min-height:0;padding:22px 17px 30px;text-align:center}html.starter-l34-ui .l34-hero-copy h3{font-size:31px}html.starter-l34-ui .l34-hero-copy p{font-size:14px}html.starter-l34-ui .l34-hero-copy small{font-size:12px}html.starter-l34-ui #teacherBtn{min-height:60px}html.starter-l34-ui .l34-adventure-playfield{gap:12px;padding:27px 10px 15px}html.starter-l34-ui #listenMissionGrid{gap:7px}html.starter-l34-ui #listenMissionGrid .listen-picture-card{min-height:180px;padding:7px 4px;border-radius:18px;box-shadow:0 5px 0 #c1dfe7}html.starter-l34-ui #listenMissionGrid .listen-picture-icon{height:112px;border-radius:12px}html.starter-l34-ui #listenMissionGrid .listen-picture-card strong{font-size:23px}html.starter-l34-ui .l34-companion{gap:4px;min-height:105px}html.starter-l34-ui .l34-bubble{width:130px;padding:8px;font-size:11px}html.starter-l34-ui .l34-companion>img{width:95px;height:95px}html.starter-l34-ui .l34-pearl-count{width:118px;min-height:56px;padding:4px;font-size:9px}html.starter-l34-ui .l34-pearl-count img{width:37px;height:37px}html.starter-l34-ui .l34-pearl-count strong{font-size:13px}html.starter-l34-ui .l34-adventure-task #l34QuickVoice{margin:0 10px 13px!important;padding:13px!important}html.starter-l34-ui #l34QuickVoice>strong{font-size:19px}html.starter-l34-ui #l34QuickVoice .button-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}html.starter-l34-ui #l34QuickVoice button{min-width:0;font-size:12px}html.starter-l34-ui #l34QuickVoice button:last-child{grid-column:1/-1}html.starter-l34-ui #teacherFeedback{margin:0 12px 8px;font-size:12px}html.starter-l34-ui .l34-treasure-trail{gap:7px;padding:10px 8px 15px;font-size:8px}html.starter-l34-ui .l34-treasure-pips{gap:5px}html.starter-l34-ui .l34-treasure-pips span{width:24px;height:24px}}
@media(max-width:620px){html.starter-l34-ui .l34-cards-field{gap:11px;padding:26px 10px 16px}html.starter-l34-ui #l34CardsMission #starterWordRail{gap:7px}html.starter-l34-ui #l34CardsMission #teacherFeedback{margin:0 12px 14px}}
@media(prefers-reduced-motion:reduce){html.starter-l34-ui .l34-celebrate .l34-companion>img,html.starter-l34-ui #listenMissionGrid .listen-picture-card.wrong{animation:none}}