.b4-player{min-height:100vh;padding:24px;background:#eaf1ed;color:#173e49;font-family:Arial,Noto Sans Kannada,Noto Sans Devanagari,sans-serif}.b4-player:fullscreen{overflow:auto}.b4-header{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px}.b4-header span{letter-spacing:1.5px;font-weight:700}.b4-header b{background:#f5e8bc;color:#6e5727;padding:8px 12px;border-radius:20px}.b4-context{font-size:18px;line-height:1.8;margin:22px 0}.b4-context small{display:block;font-size:12px;color:#5c777c}.b4-controls,.b4-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}.b4-controls label,.b4-toolbar label{display:flex;align-items:center;gap:10px;font-size:14px}.b4-player button,.b4-player select{font:inherit;border:1px solid #afc7c7;border-radius:9px;background:white;color:#1b4651;padding:10px 14px;cursor:pointer}.b4-player button:hover{background:#e0eee7}.b4-player button:disabled{opacity:.45;cursor:default}.b4-player :is(button,a,select,input,textarea,summary):focus-visible{outline:3px solid #2c8693;outline-offset:3px}.b4-player :is(input,textarea){font:inherit;font-size:23px;color:#214c56;width:100%;min-width:0;background:#fffdf4;border:1px solid #abc4c2;border-radius:5px;padding:10px;min-height:50px}.b4-player textarea{min-height:120px}.b4-slide{max-width:1460px;margin:auto;padding:clamp(28px,3.2vw,55px);background:#fffdf4;min-height:620px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:40px;border:1px solid #d3e0d5;border-radius:22px;box-shadow:0 24px 60px #2f514914}.b4-copy{min-width:0}.b4-slide h1{font-size:clamp(30px,3vw,49px);line-height:1.45;margin:0 0 24px;font-weight:750;overflow-wrap:anywhere}.b4-body p{font-size:clamp(23px,1.85vw,30px);line-height:1.95;margin:14px 0;white-space:pre-line}.b4-verse p{font-size:30px;line-height:1.95;margin:7px 0}.b4-dialogue p{font-size:24px;line-height:1.9;border-left:3px solid #aac5b7;padding-left:18px;margin:18px 0}.b4-object,.b4-scene{display:block;width:100%;height:auto;overflow:hidden}.b4-slide:is(.mode-practice,.mode-words,.mode-reorder,.mode-build,.mode-revision,.mode-objectives,.mode-completion){grid-template-columns:minmax(0,1fr)}.b4-exercises{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:24px}.b4-exercise{font-size:24px;line-height:1.9;display:flex;flex-direction:column;gap:12px;border-bottom:1px solid #c6d7cf;padding-bottom:22px;min-width:0}.b4-exercise>svg{max-width:240px;align-self:center}.b4-exercise select{font-size:21px;max-width:100%;width:100%}.b4-exercises.compact{grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:18px}.compact .b4-exercise{font-size:21px}.b4-review{font-size:16px;line-height:1.9;border-left:4px solid #bd975b;background:#f4ebd2;padding:12px 18px;margin-bottom:22px}.b4-oral{font-size:18px;line-height:1.9;background:#e7eee9;padding:14px 20px;border-radius:8px}.b4-targets,.b4-tiles,.b4-wordbank{display:flex;flex-wrap:wrap;gap:14px;margin:18px 0}.b4-tiles button,.b4-wordbank button{font-size:30px;line-height:1.7;padding:10px 20px}.b4-player button[aria-pressed=true]{background:#cce4d8;border-color:#598d79}.b4-pair{display:flex;gap:25px;align-items:center;flex-wrap:wrap;font-size:29px;line-height:1.9;padding:18px 0;border-bottom:1px solid #d4e2d9;margin:0}.b4-pair span:first-child{font-weight:700;color:#2c7466}.b4-reference{margin:0;min-width:0}.b4-reference img{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;background:white;border:1px solid #d0ded7}.b4-reference figcaption{font-size:13px;line-height:1.8;color:#5f7778;margin-top:10px}.b4-draw svg{width:100%;max-height:280px;touch-action:none;cursor:crosshair;background:#edf4ed;border-radius:12px;display:block}.b4-draw label,.b4-response{display:block;font-size:22px;line-height:1.9}.b4-draw small,.b4-formation small{display:block;font-size:14px;line-height:1.8;margin-top:12px}.b4-builder{background:#edf3ed;padding:24px;border-radius:14px;min-width:0}.b4-builder input{margin:14px 0}.b4-builder label{font-size:18px}.b4-form-glyphs{display:flex;gap:32px;align-items:center;font-size:60px;color:#2a7766;margin:26px 0;flex-wrap:wrap}.b4-form-glyphs.assembled{gap:0;animation:b4-assemble 1.4s ease both}.b4-revision-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.b4-revision-list details{border-top:2px solid #a8c5b3;padding:18px;font-size:22px;line-height:1.8}.b4-revision-list p{font-size:18px}.b4-completion{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.b4-completion a{padding:10px;text-decoration:underline}.b4-completion .primary{background:#225c50;color:white}.b4-player .mode-completion h1{text-transform:uppercase;font-size:clamp(38px,4.2vw,72px)}.b4-controls{max-width:1460px;margin:22px auto;justify-content:space-between}.b4-controls select{max-width:330px}.b4-toolbar select{max-width:260px;margin-left:8px}.b4-source{font-size:12px;line-height:1.8;color:#647d7c;max-width:1460px;margin:20px auto}.b4-transform{display:block;min-height:15px;color:#2b7864;font-size:25px}.b4-player .revision-modes button[aria-pressed=true]{background:#236650;color:white}.b4-counter{animation:b4-count .65s ease both}.b4-ball{animation:b4-throw 3s ease-in-out infinite}.b4-walking{animation:b4-walk 5s linear infinite alternate}.b4-playing .b4-limbs,.b4-walking .b4-limbs{transform-box:fill-box;transform-origin:top;animation:b4-step .7s ease-in-out infinite alternate}.b4-brush{animation:b4-brush 2.4s ease-in-out infinite alternate}.b4-bubble{animation:b4-bubble 3s ease-in-out infinite}.b4-breeze{animation:b4-breeze 4s ease-in-out infinite}.b4-racer.race-moving{animation:b4-race 4.5s ease-in-out both}.state-1 .b4-racer.camel{animation-duration:6s}.state-5 .b4-racer.horse{animation-duration:7s}.race-moving .b4-animal-legs{transform-box:fill-box;transform-origin:top;animation:b4-step .7s ease-in-out infinite alternate}.race-moving .back{animation-direction:alternate-reverse}.b4-monkey-hop{animation:b4-hop 1.8s ease-in-out both}.b4-chew{transform-box:fill-box;transform-origin:center;animation:b4-chew .7s ease-in-out infinite alternate}.b4-slide[data-playing=false] *,.b4-slide[data-playing=false] :after,.b4-slide[data-playing=false] :before{animation-play-state:paused!important}@keyframes b4-assemble{0%{gap:32px}to{gap:0}}@keyframes b4-count{0%{opacity:.2;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes b4-throw{0%,to{transform:translateY(0)}45%{transform:translateY(-65px)}55%{transform:translateY(-65px)}}@keyframes b4-walk{0%{transform:translateX(-30px)}to{transform:translateX(70px)}}@keyframes b4-brush{0%{transform:translate(0)}to{transform:translate(14px,-7px)}}@keyframes b4-bubble{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes b4-breeze{0%,to{opacity:.35}50%{opacity:1}}@keyframes b4-race{0%{translate:0}to{translate:330px}}@keyframes b4-hop{0%,to{translate:0}50%{translate:20px -45px}}@keyframes b4-chew{0%{scale:1}to{scale:1.15 .7}}@media(prefers-reduced-motion:reduce){.b4-player *,.b4-player :after,.b4-player :before{animation:none!important;transition:none!important}}@media(max-width:850px){.b4-player{padding:16px}.b4-header>span{display:none}.b4-header{font-size:12px}.b4-context{font-size:16px}.b4-slide{grid-template-columns:minmax(0,1fr);min-height:0;padding:30px;gap:28px}.b4-slide h1{font-size:34px}.b4-body p,.b4-dialogue p{font-size:24px}.b4-verse p{font-size:26px}.b4-art{max-width:600px;width:100%;margin:auto}.b4-exercises{grid-template-columns:minmax(0,1fr)}.b4-exercises.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.b4-exercise{font-size:23px}.b4-pair{font-size:25px;gap:15px}.b4-review{font-size:15px}.b4-controls select{max-width:175px}.b4-toolbar{font-size:13px}.b4-form-glyphs{font-size:48px}.b4-reference img{max-height:500px}}@media(max-width:440px){.b4-player{padding:12px}.b4-slide{padding:24px 20px;border-radius:16px}.b4-slide h1{font-size:30px}.b4-verse p{font-size:24px}.b4-controls{gap:8px;font-size:12px}.b4-controls select{max-width:135px;padding:9px 5px}.b4-controls button{font-size:13px;padding:9px}.b4-toolbar select{max-width:170px}.b4-tiles button,.b4-wordbank button{font-size:25px;padding:9px 14px}.b4-tiles{gap:10px}.b4-exercises.compact{grid-template-columns:minmax(0,1fr)}}.b4-transform:not(:empty){animation:b4-word-change .5s ease-out both}.b4-comb{animation:b4-comb 2.5s ease-in-out infinite alternate}.b4-bath-stream{animation:b4-flow 1.8s linear infinite}.scene-home .b4-arms,.scene-television .b4-arms{transform-box:fill-box;transform-origin:top;animation:b4-talk 3s ease-in-out infinite alternate}@keyframes b4-talk{0%{rotate:-2deg}to{rotate:3deg}}@keyframes b4-word-change{0%{opacity:.4;translate:0 6px}to{opacity:1;translate:0 0}}@keyframes b4-comb{0%{translate:0 0}to{translate:12px 14px}}@keyframes b4-flow{to{stroke-dashoffset:-26}}@media(prefers-reduced-motion:reduce){.b4-player .b4-arms,.b4-player .b4-bath-stream,.b4-player .b4-comb,.b4-player .b4-transform{animation:none!important}}.b4-player .b4-completion .primary:focus-visible,.b4-player .b4-completion .primary:hover{background:#194d42;color:#fff}.b4-underlined-word{display:inline-block;margin:0 24px 18px 0;font-size:36px}.b4-underlined-word u{text-decoration-thickness:3px;text-underline-offset:9px}.b4-scene{display:block;width:100%;height:auto;overflow:hidden}.b4-scene-letters{display:none}.b4-mouse-walk{animation:b4-mouse-step 3.8s ease-out both}.b4-nibble{animation:b4-nibble .45s ease-in-out 8}.b4-cut-net{animation:b4-net-release 4s ease-in both}.b4-march-group{animation:b4-procession 4.5s linear both}.b4-walker .b4-legs{transform-box:fill-box;transform-origin:50% 0;animation:b4-step .65s ease-in-out 8 alternate}.b4-market-walk{animation:b4-procession 4s ease-out both}.b4-trade-arrow{animation:b4-trade 2s ease-in-out 2}.b4-peel-drop{animation:b4-peel-fall 2s ease-out both}.b4-peel-bin{animation:b4-dispose 2.4s ease-in-out both}.b4-waves{animation:b4-wave 5s ease-in-out infinite alternate}.b4-boat{animation:b4-bob 2.5s ease-in-out infinite alternate}.b4-fish{animation:b4-swim 5s ease-in-out infinite alternate}.b4-sand-build{animation:b4-build-sand 3s ease-out both}.b4-car-arrives{animation:b4-drive 4s ease-out both}.b4-wheel{transform-box:fill-box;transform-origin:center;animation:b4-wheel-turn .8s linear 5}.b4-bird-wing{transform-box:fill-box;transform-origin:0 100%;animation:b4-wing 1s ease-in-out 4 alternate}.b4-bird-away{animation:b4-away 3s ease-in-out both}.b4-hunter-startle{animation:b4-startle 1s ease-in-out 2}.b4-arrow-water{animation:b4-missed-arrow 2s ease-in both}.b4-ant-help{animation:b4-ant-move 2s ease-out both}.b4-leaf-rescue{animation:b4-leaf-drift 4s ease-in-out both}.b4-poem-call{animation:b4-call 2s ease-in-out 2}.b4-slide[data-playing=false] *{animation-play-state:paused!important}@keyframes b4-mouse-step{0%{transform:translateX(-70px)}to{transform:translateX(0)}}@keyframes b4-nibble{50%{transform:translateY(-3px) rotate(-3deg)}}@keyframes b4-net-release{0%,35%{opacity:1}to{opacity:0}}@keyframes b4-procession{0%{transform:translateX(-32px)}to{transform:translateX(12px)}}@keyframes b4-step{to{transform:rotate(12deg)}}@keyframes b4-trade{50%{transform:translateX(18px)}}@keyframes b4-peel-fall{0%{transform:translate(-5px,-100px)}to{transform:translate(0)}}@keyframes b4-dispose{0%{transform:translate(0)}80%,to{transform:translate(137px,-44px)}to{opacity:0}}@keyframes b4-wave{to{transform:translateX(-25px)}}@keyframes b4-bob{to{transform:translateY(5px) rotate(2deg)}}@keyframes b4-swim{to{transform:translateX(-60px)}}@keyframes b4-build-sand{0%{opacity:.1;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes b4-drive{0%{transform:translateX(-190px)}to{transform:translateX(0)}}@keyframes b4-wheel-turn{to{transform:rotate(1turn)}}@keyframes b4-wing{to{transform:rotate(-12deg)}}@keyframes b4-away{to{transform:translate(-170px,-45px)}}@keyframes b4-startle{50%{transform:translateY(-8px) rotate(1deg)}}@keyframes b4-missed-arrow{to{transform:translate(-80px,155px) rotate(20deg);opacity:.3}}@keyframes b4-ant-move{to{transform:translateX(25px)}}@keyframes b4-leaf-drift{0%{transform:translate(60px,-70px)}to{transform:translate(-25px)}}@keyframes b4-call{50%{opacity:.35;transform:translateX(8px)}}@media(prefers-reduced-motion:reduce){.b4-scene *{animation-duration:.01ms!important;animation-iteration-count:1!important}}.b4-build-instruction{font-size:24px;line-height:1.8}.b4-lion-struggle{animation:b4-struggle .6s ease-in-out 6 alternate}.b4-mouse-home{animation:b4-go-home 3s ease-out both}@keyframes b4-struggle{to{transform:translateX(3px)}}@keyframes b4-go-home{70%,to{transform:translateX(-55px)}to{opacity:0}}@keyframes b4-heron-leaf{0%{transform:translate(280px,-68px)}to{transform:translate(-10px)}}@keyframes b4-pigeon-leaf{0%{transform:translate(177px,-253px)}to{transform:translate(-10px)}}.b4-leaf-heron{animation-name:b4-heron-leaf}.b4-leaf-pigeon{animation-name:b4-pigeon-leaf}