/* Separate optional workout, with stable cards and generous phone tap targets. */
.wb-home-card{width:calc(100% - 12px);margin:26px 6px 8px;min-height:92px;padding:17px 18px;display:flex;align-items:center;gap:12px;text-align:left;position:relative;isolation:isolate;border:0;border-radius:0;color:#fff;background:transparent;animation:wb-arrive .45s .85s both;touch-action:manipulation}
.wb-home-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,#6443c7,#a33fca);border:2px solid #d5b6ff;box-shadow:0 6px 0 #241350;transform:skewX(-7deg)}
.wb-home-copy{display:grid;gap:5px;min-width:0}.wb-home-copy strong{font-family:"Barlow Condensed",sans-serif;font-weight:900;font-style:italic;font-size:29px;line-height:1.05;letter-spacing:.5px}.wb-home-copy>span{font-size:12px;line-height:1.35;font-weight:700;color:#f5ecff}.wb-home-icon{font-size:29px}.wb-home-arrow{font-size:26px;margin-left:auto}.wb-home-card:active{translate:0 3px}
.wb-ready,.wb-game,.wb-results{max-width:490px;margin:0 auto;display:flex;flex-direction:column;gap:14px;color:#fff;padding:20px 18px max(24px,env(safe-area-inset-bottom))}
.electric-theme :is(.wb-ready,.wb-game,.wb-results)>.primary{border-radius:3px 14px 3px 14px;justify-content:center;font:900 20px/1.3 "Nunito",sans-serif}
.wb-person .person-ground{left:22%;right:12%}.wb-person .person-breath{left:22%;top:20%;width:62%;height:auto;aspect-ratio:1}
.wb-ready,.wb-results{text-align:center;align-items:center}.wb-ready>h1,.wb-results>h1{font-family:"Barlow Condensed",sans-serif;font-size:clamp(42px,13vw,62px);line-height:.94;font-weight:900;font-style:italic;margin:0}.wb-ready>h1 em,.wb-results>h1 em{color:#c7a4ff}.wb-ready>.section-label,.wb-results>.section-label{color:#e5d5ff;font-size:11px;letter-spacing:2px}
.wb-ready .wb-person{width:130px;height:130px;flex:0 0 130px;margin:-2px auto}.wb-ready .wb-collection-count{margin:0;font-weight:800;font-size:16px;line-height:1.45}.wb-collection-count>span{color:#d6dff5;white-space:nowrap}
.wb-how{width:100%;padding:15px 16px;background:#162a56;border:1px solid #6476a6;border-left:5px solid #b88bff;text-align:center;display:grid;gap:8px}.wb-how p{margin:0;font-size:15px;color:#fff}.wb-out-loud{color:#ffe24c;font-size:14px;letter-spacing:1px;font-weight:900;line-height:1.4;animation:wb-emphasis .6s 2 alternate}.wb-example{border-top:1px solid #607199;margin-top:5px;padding-top:10px;display:grid;gap:5px;font-size:16px}.wb-example small{font-size:10px;letter-spacing:1.4px;color:#d6dff5}.wb-example b{padding:0 6px;color:#ffe24c}.wb-example strong{color:#b6ffe4}.wb-best{margin:0;font-size:13px;color:#dce6ff}.wb-best strong{color:#fff}.wb-ready>.primary,.wb-results>.primary,.wb-game>.primary{width:100%;min-height:56px}.wb-ready>.link,.wb-results>.link{min-height:44px;margin:0;padding:8px 12px;color:#ebdfff}
.wb-empty{font-size:17px;line-height:1.55;max-width:340px}
.wb-scoreboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px 0;background:#162a56;border:1px solid #657ba9;align-items:center;text-align:center}.wb-scoreboard>span+span{border-left:1px solid #657ba9}.wb-scoreboard small{display:block;color:#dce6ff;font-size:10px;font-weight:800;letter-spacing:1px}.wb-scoreboard strong{display:block;font-variant-numeric:tabular-nums;color:#ffe24c;font-size:28px;line-height:1.3}
.wb-prompt{height:152px;flex:0 0 152px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;overflow-y:auto;padding:10px 12px;background:#102044;border:1px solid #536995;border-top:4px solid #b88bff}.wb-prompt h1{font-family:"Outfit",sans-serif;margin:0;font-size:clamp(24px,7.3vw,34px);line-height:1.15;overflow-wrap:anywhere;color:#fff}.wb-prompt .wb-out-loud{animation:none}
.wb-feedback{min-height:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:2px 4px;text-align:center;font-size:14px;font-weight:800;color:#e2eaff;overflow-y:auto}.wb-feedback.is-correct{color:#aaffd7}.wb-feedback.is-missed{color:#ffe24c}
.wb-pads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:120px;gap:12px;width:100%;min-height:252px;align-content:start}.wb-pad{position:relative;min-width:0;height:120px;padding:18px 12px 32px;display:flex;align-items:center;justify-content:center;background:#f3eaff;border:3px solid #ba94ff;border-bottom-width:7px;border-radius:3px;color:#24103c;font-size:clamp(20px,6vw,26px);font-family:"Outfit",sans-serif;font-weight:800;line-height:1.12;overflow-wrap:anywhere;touch-action:manipulation}.wb-pad:nth-child(2),.wb-pad:nth-child(3){background:#d6f8ff;border-color:#5ecce0;color:#102d3d}.wb-pad small{position:absolute;bottom:8px;left:5px;right:5px;text-align:center;font-size:10px;line-height:1.1;font-family:"Nunito",sans-serif;font-weight:800;min-height:12px}.wb-pad:disabled{opacity:1}.wb-pad.is-correct{background:#a4ffc8;border-color:#31be78;color:#073d23}.wb-pad.is-missed{background:#ffdbc8;border-color:#ff9972;color:#4c2113}.wb-pad:active:not(:disabled){transform:translateY(3px)}.wb-pad:focus-visible,.wb-home-card:focus-visible{outline:3px solid #fff;outline-offset:4px}.wb-controls{display:flex;justify-content:space-between;gap:12px}.wb-controls .link{min-height:48px;color:#e2eaff;padding:10px 12px;font-size:14px}
.wb-record{padding:9px 14px;color:#102e20;background:#a4ffc8;font-weight:900;letter-spacing:1px;font-size:13px;margin:0}.wb-result-stats{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.wb-result-stats>span{display:grid;gap:4px;padding:20px 8px;background:#162a56;border-top:4px solid #b88bff}.wb-result-stats strong{font-family:"Barlow Condensed",sans-serif;font-size:54px;line-height:1;color:#ffe24c}.wb-result-stats small{font-size:13px;color:#e2eaff}.wb-result-note{font-size:14px;line-height:1.5;margin:0;color:#dce6ff}.wb-missed{width:100%;text-align:left;border:1px solid #6476a6;padding:14px 16px;background:#102044}.wb-missed h2{font-size:17px;margin:0 0 12px}.wb-missed ul{list-style:none;padding:0;margin:0;max-height:240px;overflow-y:auto;overscroll-behavior:contain}.wb-missed li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:12px;padding:10px 0;font-size:14px;overflow-wrap:anywhere}.wb-missed li+li{border-top:1px solid #435779}.wb-missed strong{color:#cdb4ff}.wb-missed li>span{color:#e2eaff}
@keyframes wb-arrive{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}
@keyframes wb-emphasis{to{color:#fff7b0;text-shadow:0 0 12px #ffe24c66}}
@media(max-width:360px){.wb-home-card{padding:16px 12px;gap:8px}.wb-home-copy strong{font-size:25px}.wb-home-icon{font-size:23px}.wb-game{gap:8px}.wb-prompt{height:138px;flex-basis:138px}.wb-pads{grid-auto-rows:112px;min-height:236px}.wb-pad{height:112px;padding-left:8px;padding-right:8px}.wb-scoreboard small{font-size:9px;letter-spacing:.5px}}
@media(prefers-reduced-motion:reduce){.wb-home-card,.wb-out-loud{animation:none}.wb-pad:active:not(:disabled){transform:none}}

/* The English is read as the clue; the Māori answer is spoken. */
.wb-clue-label{font-size:10px;line-height:1.4;font-weight:800;letter-spacing:1.4px;color:#dce6ff}

/* One accepted answer drives one rope turn. No extra gesture and no moving pads. */
.wb-prompt{height:174px;flex-basis:174px;display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:6px;padding:8px 8px 8px 12px;overflow:hidden}
.wb-clue{min-width:0;max-height:150px;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:9px}
.wb-clue h1{font-size:clamp(22px,6.5vw,30px)}
.wb-clue .wb-out-loud{font-size:12px;letter-spacing:.6px}
.wb-skip-stage{align-self:stretch;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}
.wb-skipper{width:140px;max-width:100%;line-height:0;flex-shrink:0;isolation:isolate}
.wb-skipper svg{display:block;width:100%;overflow:visible}
/* Native SVG animates sections of the approved artwork; the rope passes behind and in front. */
.wb-skip-shadow{fill:#060e29}
.wb-rope{fill:none;stroke:#ffe24c;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}
.wb-rope-back{stroke:#b8a43e;stroke-width:2.1}
.wb-streak{font-size:10px;line-height:1.5;font-weight:900;color:#b6ffe4;letter-spacing:.4px;white-space:nowrap;min-height:15px}
.wb-ready>.wb-skipper{width:184px;margin:-6px auto -12px}
.wb-skipper.is-catch .wb-rope{stroke:#ffab85}
@media(max-width:360px){.wb-prompt{grid-template-columns:minmax(0,1fr) 112px}.wb-clue h1{font-size:22px}.wb-clue .wb-out-loud{font-size:11px}.wb-streak{font-size:9px}}
@media(max-height:760px){.wb-game{padding-top:10px;gap:7px}.wb-scoreboard{padding:7px 0}.wb-scoreboard strong{font-size:25px}.wb-prompt{height:160px;flex-basis:160px}.wb-pads{grid-auto-rows:96px;min-height:202px;gap:10px}.wb-pad{height:96px;padding-top:12px;padding-bottom:25px}.wb-feedback{height:34px;min-height:34px}.wb-clue{max-height:140px}}
@media(prefers-reduced-motion:reduce){.wb-skipper.is-skip .wb-rope{stroke:#a4ffc8}}