.bridge-step-builder{--bsb-deep:#296645;--bsb-green:#54a968;--bsb-wood:#b87a45;background:linear-gradient(180deg,#76d7ee,#c3f0cd 60%,#72bf70)}.bridge-step-builder .prek-machine{background:linear-gradient(145deg,#65bd78,#348e61);box-shadow:0 10px 0 #296645,0 22px 42px #244f3c55}.bridge-step-builder .prek-immersive-heading p{color:#fff3a4;text-shadow:0 2px #28664a}.bridge-step-builder .prek-immersive-heading h1{text-shadow:0 3px #6dc17d,0 6px #296645,0 10px 18px #234b3966;-webkit-text-stroke-color:#265f45}.bridge-step-builder .prek-prompt{color:#24543d;background:#fffcebe9}.bridge-step-builder .prek-prompt h2{color:#24543d;font-size:clamp(20px,3vw,32px)}.bridge-step-builder .prek-prompt button{background:linear-gradient(#f38f70,#d65e55);box-shadow:0 5px #9c4441}.bridge-step-builder .prek-status{color:#24543d;background:#fff9dce8}.bridge-step-builder.is-immersive .prek-screen{min-height:clamp(650px,calc(100svh - 168px),790px)}.bsb-stage{position:absolute;inset:0;box-sizing:border-box;overflow:hidden;padding:109px 18px 15px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;isolation:isolate}.bsb-background{z-index:-5;object-fit:cover;object-position:center 56%}.bsb-scene-wash{position:absolute;z-index:-4;inset:0;pointer-events:none;background:linear-gradient(180deg,#99e9ff21,#fff8d51a 48%,#195e5a25)}.bsb-round-trail{position:absolute;z-index:26;top:104px;right:18px;display:flex;gap:4px;padding:5px 8px;border:3px solid #fff;border-radius:18px;background:#235f49d9;box-shadow:0 5px #17493680}.bsb-round-trail span{display:grid;width:27px;height:27px;place-items:center;opacity:.4;filter:grayscale(.65);transform:rotate(-4deg)}.bsb-round-trail span.is-done{opacity:1;filter:none drop-shadow(0 0 5px #fff690);animation:bsb-trail-pop .55s cubic-bezier(.2,1.45,.35,1)}.bsb-feedback{position:relative;z-index:22;width:fit-content;min-height:34px;margin:0 auto;padding:7px 18px;border:0;border-radius:999px;color:#fff;background:#245f49e8;box-shadow:0 4px #19453477;font-size:clamp(15px,1.8vw,20px);font-weight:1000;line-height:1.1;text-align:center;backdrop-filter:none}.bsb-feedback.is-correct{color:#315c3e;background:#fff48ff2;box-shadow:0 4px #ae8e32}.bsb-feedback.is-wrong{background:#aa5a65ed;box-shadow:0 4px #743b48}.bsb-bridge-zone{position:absolute;z-index:8;top:156px;right:7%;left:7%;height:310px}.bsb-bank{position:absolute;z-index:5;bottom:15px;width:13%;height:125px;border:6px solid #d8ad61;border-radius:50% 50% 20px 20px;background:linear-gradient(150deg,#86d66f,#3d9c56 52%,#806444 53%);box-shadow:inset 0 8px #d2f39a80,0 10px #5c4937aa}.bsb-bank.is-left{left:0}.bsb-bank.is-right{right:0}.bsb-bank:after{position:absolute;right:8px;bottom:15px;left:8px;height:20px;border-radius:50%;content:"";background:#527d42;opacity:.45}.bsb-bridge-slots{position:absolute;z-index:8;right:12%;bottom:45px;left:12%;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.bsb-slot{position:relative;display:grid;min-width:0;height:94px;place-items:center;border:5px dashed #fff9c7c7;border-radius:22px;background:#ecfbf12e;box-shadow:inset 0 0 18px #174e5240;transition:transform .22s ease}.bsb-slot.is-active{border-color:#fff45f;background:#fff6a947;box-shadow:0 0 0 5px #fff3694d,inset 0 0 18px #b67a2a40;animation:bsb-slot-pulse 1.2s ease-in-out infinite}.bsb-slot.is-filled{border:0;background:transparent;box-shadow:none;animation:bsb-plank-arrive .52s cubic-bezier(.2,1.35,.35,1)}.bsb-slot-number{color:#fff;font-size:36px;font-weight:1000;text-shadow:0 3px #245c6977}.bsb-plank-visual{position:relative;display:flex;width:100%;height:100%;box-sizing:border-box;align-items:center;justify-content:space-between;gap:8px;padding:10px 13px;border:5px solid #fff1bd;border-radius:24px;background:linear-gradient(180deg,#db9b58,#a8623f);box-shadow:inset 0 7px #ffce886e,inset 0 -8px #77432e66,0 8px #71472f,0 12px 16px #224d4f42}.bsb-plank-visual:before{position:absolute;top:14px;right:48%;bottom:14px;width:4px;border-radius:4px;content:"";background:#7a4d3566;transform:rotate(8deg)}.bsb-plank-rivets{color:#ffe29b;font-size:17px;font-weight:1000;letter-spacing:3px;text-shadow:0 2px #75462d}.bsb-badge{--badge-color:#ffd85d;position:relative;display:grid;flex:0 0 auto;width:54px;height:54px;place-items:center;border:4px solid #fff;border-radius:50%;color:#fff;background:var(--badge-color);box-shadow:inset 0 5px #ffffff55,inset 0 -5px #6f54313d,0 4px #64493166}.bsb-badge svg{width:30px;height:30px;fill:color-mix(in srgb,var(--badge-color) 70%,white 30%);stroke:#fff;stroke-width:2.8}.bsb-badge.is-small{width:38px;height:38px;border-width:3px}.bsb-badge.is-small svg{width:22px;height:22px}.bsb-start-post{bottom:151px;left:5%;place-items:center;gap:3px;padding:7px 8px;border:4px solid #fff;border-radius:20px;color:#fff;background:#396a4deb;box-shadow:0 6px #24503988;font-size:11px;font-weight:1000}.bsb-finish-post,.bsb-start-post{position:absolute;z-index:13;display:grid}.bsb-finish-post{right:4%;bottom:147px;width:62px;height:74px;place-items:center;border:5px solid #fff;border-radius:24px;background:#f8e78feb;box-shadow:0 7px #9d773e88;font-size:36px}.bsb-frog{position:absolute;z-index:18;bottom:168px;left:7%;width:clamp(82px,9vw,112px);aspect-ratio:1;pointer-events:none;filter:drop-shadow(0 8px 6px #174b3c66);transform:translateX(-50%);transition:left .55s cubic-bezier(.2,.85,.28,1.18),transform .25s ease}.bsb-frog .prek-character-sprite{position:absolute;inset:0;width:100%;height:100%}.bsb-frog[data-step="0"]{left:16%}.bsb-frog[data-step="1"]{left:37%}.bsb-frog[data-step="2"]{left:61%}.bsb-frog[data-step="3"]{left:84%}.bsb-frog.is-placing{animation:bsb-frog-hop .58s ease-in-out}.bsb-frog.is-wrong{animation:bsb-frog-wiggle .45s ease-in-out}.bsb-frog.is-correct{filter:brightness(1.16) saturate(1.12) drop-shadow(0 0 17px #fff46f);animation:bsb-frog-celebrate 1.35s ease-in-out}.bsb-open-clue{position:absolute;z-index:14;bottom:0;left:50%;display:flex;min-width:128px;min-height:48px;align-items:center;justify-content:center;gap:8px;padding:5px 12px;border:4px solid #fff;border-radius:999px;color:#29543e;background:#fffce8ed;box-shadow:0 5px #245a4770;font-size:14px;font-weight:1000;transform:translateX(-50%)}.bsb-cherry{position:absolute;z-index:17;bottom:88px;left:-16px;width:clamp(198px,22.5vw,267px);aspect-ratio:1;pointer-events:none;filter:drop-shadow(0 10px 8px #173f3b55);transform-origin:center bottom;animation:bsb-cherry-idle 3.4s ease-in-out infinite}.bsb-cherry img{object-fit:contain}.bsb-cherry.is-correct,.bsb-cherry.is-placing{animation:bsb-cherry-cheer .62s cubic-bezier(.2,1.35,.35,1)}.bsb-cherry.is-wrong{animation:bsb-cherry-wiggle .48s ease-in-out}.bsb-choice-row{position:absolute;z-index:22;right:18px;bottom:120px;left:18px;display:grid;grid-template-columns:repeat(3,minmax(0,200px));justify-content:center;gap:clamp(12px,3vw,32px)}.bsb-choice{position:relative;height:108px;padding:4px;cursor:pointer;touch-action:manipulation;border:0;border-radius:27px;background:transparent;transition:transform .16s ease,filter .16s ease}.bsb-choice .bsb-plank-visual{height:96px}.bsb-choice:nth-child(2) .bsb-plank-visual{background:linear-gradient(180deg,#cf8d55,#985d42)}.bsb-choice:nth-child(3) .bsb-plank-visual{background:linear-gradient(180deg,#e3a660,#aa6941)}.bsb-choice:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-5px) scale(1.02)}.bsb-choice:active:not(:disabled){transform:translateY(5px) scale(.97)}.bsb-choice:focus-visible{outline:6px solid #fff35e;outline-offset:3px}.bsb-choice:disabled{cursor:default}.bsb-choice.is-wrong{animation:bsb-choice-wrong .43s ease-in-out}.bsb-choice.is-correct,.bsb-choice.is-placing{filter:brightness(1.12)}.bsb-choice.is-correct .bsb-plank-visual,.bsb-choice.is-placing .bsb-plank-visual{box-shadow:0 0 0 7px #fff477,0 8px #4f8f59,0 0 25px #fff277}.bsb-choice kbd{position:absolute;z-index:4;right:4px;bottom:3px;min-width:22px;padding:3px;border:2px solid #ffffffba;border-radius:7px;color:#fff;background:#31523eaa;font:900 12px/1 system-ui}.bsb-finish{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:18px;background:#173f4b9e;backdrop-filter:blur(7px)}.bsb-finish-card{display:grid;width:min(480px,100%);box-sizing:border-box;padding:22px 24px 25px;place-items:center;gap:8px;border:7px solid #fff;border-radius:38px;background:linear-gradient(155deg,#fff8c9,#dcf7d8 58%,#bdebf0);box-shadow:0 12px 0 #347956,0 28px 70px #173e477a;text-align:center}.bsb-finish-frog{position:relative;width:130px;height:120px}.bsb-finish-frog .prek-character-sprite{position:absolute;inset:0;width:100%;height:100%;animation:bsb-finish-float 1.35s ease-in-out infinite}.bsb-finish-frog>svg{position:absolute;z-index:3;top:-2px;right:-8px;width:38px;height:38px;color:#e5aa1c;fill:#fff27a}.bsb-finish-card p{margin:0;color:#315d4a;font-size:18px;font-weight:900}.bsb-finish-card h2{margin:0;color:#2d7654;font-size:clamp(30px,7vw,44px);line-height:1}.bsb-finish-card .bsb-finish-cheer{font-size:21px}.bsb-finish-badges{display:flex;gap:7px}.bsb-finish-card button{display:inline-flex;min-width:200px;min-height:58px;align-items:center;justify-content:center;gap:9px;cursor:pointer;border:4px solid #fff;border-radius:22px;color:#fff;background:linear-gradient(#f18e70,#d65f55);box-shadow:0 7px #9c4441;font-size:20px;font-weight:1000}.bsb-finish-card a:focus-visible,.bsb-finish-card button:focus-visible{outline:6px solid #fff35e;outline-offset:4px}@keyframes bsb-trail-pop{50%{transform:translateY(-8px) rotate(8deg) scale(1.25)}}@keyframes bsb-slot-pulse{50%{filter:brightness(1.16);transform:translateY(-3px)}}@keyframes bsb-plank-arrive{0%{opacity:.2;transform:translateY(-28px) scale(.82) rotate(-4deg)}}@keyframes bsb-frog-hop{45%{transform:translateX(-50%) translateY(-25px) rotate(-6deg) scale(1.08)}}@keyframes bsb-frog-wiggle{25%{transform:translateX(-50%) rotate(-5deg)}70%{transform:translateX(-50%) rotate(5deg)}}@keyframes bsb-frog-celebrate{25%{transform:translateX(-50%) translateY(-30px) rotate(-8deg) scale(1.08)}55%{transform:translateX(-50%) rotate(7deg) scale(1.1,.94)}82%{transform:translateX(-50%) translateY(-44px) scale(1.15)}}@keyframes bsb-choice-wrong{25%{transform:translateX(-7px)}70%{transform:translateX(7px)}}@keyframes bsb-finish-float{50%{transform:translateY(-8px) rotate(3deg)}}@keyframes bsb-cherry-idle{50%{transform:translateY(-5px) rotate(1deg)}}@keyframes bsb-cherry-cheer{45%{transform:translateY(-18px) rotate(4deg) scale(1.05)}}@keyframes bsb-cherry-wiggle{25%{transform:rotate(-4deg)}70%{transform:rotate(4deg)}}@media (max-width:1000px){.bsb-stage{padding-top:137px}.bsb-round-trail{top:101px}.bsb-bridge-zone{top:184px}.bsb-choice-row{right:12px;left:170px;gap:10px}}@media (max-width:700px){.bridge-step-builder.is-immersive .prek-screen{min-height:max(650px,calc(100svh - 126px))}.bsb-stage{padding:132px 7px 9px}.bsb-round-trail{top:106px;right:8px;gap:2px;padding:4px 6px}.bsb-round-trail span{width:22px;height:22px;font-size:15px}.bsb-feedback{max-width:78%;font-size:14px}.bsb-bridge-zone{top:181px;right:2%;left:2%;height:294px}.bsb-bank{width:11%}.bsb-bridge-slots{right:9%;left:9%;gap:4px}.bsb-slot{height:84px;border-width:4px;border-radius:18px}.bsb-plank-visual{gap:3px;padding:7px;border-width:4px;border-radius:19px}.bsb-plank-rivets{display:none}.bsb-badge{width:44px;height:44px;border-width:3px}.bsb-badge svg{width:25px;height:25px}.bsb-start-post{bottom:143px;left:2%;transform:scale(.86)}.bsb-finish-post{right:1%;bottom:142px;transform:scale(.85)}.bsb-frog{bottom:161px;width:82px}.bsb-open-clue{min-width:112px;min-height:43px;padding:3px 8px;font-size:12px}.bsb-cherry{bottom:-5px;left:-13px;width:168px}.bsb-choice-row{right:6px;bottom:136px;left:6px;grid-template-columns:repeat(3,1fr);gap:6px}.bsb-choice{height:102px;padding:2px}.bsb-choice .bsb-plank-visual{height:90px}.bsb-choice .bsb-badge{width:42px;height:42px}}@media (max-width:430px){.bsb-feedback{max-width:72%;padding-inline:10px}.bsb-bridge-zone{right:0;left:0}.bsb-bridge-slots{right:7%;left:7%}.bsb-slot{height:79px}.bsb-start-post{left:0}.bsb-finish-post{right:-2px}.bsb-frog{bottom:158px;width:74px}.bsb-cherry{left:-16px;width:156px}.bsb-choice{height:96px}.bsb-choice .bsb-plank-visual{height:85px;padding:5px 4px}.bsb-choice .bsb-badge{width:36px;height:36px}.bsb-choice .bsb-badge svg{width:21px;height:21px}}@media (prefers-reduced-motion:reduce){.bsb-finish *,.bsb-stage *{animation:none!important;transition-duration:.01ms!important}}