
/* v1.8.7: animated, silent, accessible tour of the stage-to-FOH signal flow */
.jr-note-story{border-color:rgba(198,244,120,.43);background:rgba(255,255,255,.12)}
.jr-note-scene{margin-top:14px;border-radius:18px;padding:19px;background:linear-gradient(145deg,#071c2e,#133b55 52%,#25215c);color:#fff;overflow:hidden;position:relative}
.jr-note-scene:before{content:"✦  ✨  ✧";position:absolute;right:3%;top:9%;opacity:.22;font-size:2rem;pointer-events:none}
.jr-note-topline{display:flex;justify-content:space-between;gap:12px;position:relative;z-index:1;min-height:100px}.jr-note-kicker{font-size:.65rem;color:#d7fa7f;letter-spacing:.2em;font-weight:850}.jr-note-topline strong{display:block;font-size:clamp(1.02rem,2.3vw,1.55rem);margin-top:6px}.jr-note-topline p{font-size:.82rem;line-height:1.5;margin:6px 0;color:#dce9f3;max-width:560px}.jr-note-counter{align-self:flex-start;background:#d8f47a;color:#142d3d;border-radius:24px;padding:7px 12px;font-size:.75rem;white-space:nowrap;font-weight:900}
.jr-note-track{position:relative;isolation:isolate;padding:13px 4px 22px;margin:9px 0 4px}.jr-note-trackbar{position:absolute;top:47px;left:7.2%;width:85.6%;height:5px;background:rgba(255,255,255,.23);border-radius:30px;z-index:0}.jr-note-trackbar span{display:block;background:linear-gradient(90deg,#90edec,#d9f674,#fbaf72);height:100%;width:0;transition:width .52s ease;border-radius:30px;box-shadow:0 0 15px #d8f585}
.jr-note-stops{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;position:relative;z-index:1}.jr-note-stop{min-width:0;text-align:center;opacity:.55;transform:scale(.95);transition:opacity .4s,transform .45s;}.jr-note-stop .jr-note-emoji{display:grid;place-items:center;width:61px;height:61px;max-width:100%;margin:0 auto 8px;background:#1f475e;border:2px solid #6695ac;border-radius:17px;font-size:1.8rem;box-shadow:0 5px 14px rgba(0,0,0,.18)}.jr-note-stop b{display:block;font-size:.67rem;line-height:1.25;color:#d8e7f4}.jr-note-stop.visited{opacity:.83}.jr-note-stop.active{opacity:1;transform:scale(1.06)}.jr-note-stop.active .jr-note-emoji{border-color:#e1fa87;background:#286f78;box-shadow:0 0 0 4px rgba(218,247,118,.16),0 0 22px rgba(216,247,118,.55);animation:jrNotePulse 1.05s ease-in-out infinite alternate}
.jr-note-traveler{position:absolute;top:24px;left:7%;z-index:3;background:#f9dc8b;color:#163645;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:1.35rem;line-height:1;box-shadow:0 0 23px #e7fa8d;transform:translateX(-50%);transition:left .52s ease;pointer-events:none}.jr-note-story.is-paused .jr-note-stop.active .jr-note-emoji{animation-play-state:paused}
.jr-note-branches{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin:8px 0 17px}.jr-note-branch{background:#243853;border:1px solid #4a6781;color:#e1eaf5;border-radius:12px;padding:12px 14px;font-size:.87rem;opacity:.65;transition:opacity .4s,background .4s,box-shadow .4s}.jr-note-branch small{display:block;margin-top:5px;font-size:.73rem;color:#b7c9df;line-height:1.4}.jr-note-branch.lit{opacity:1;background:#244e5c;box-shadow:0 0 0 2px rgba(157,239,216,.35)}
.jr-note-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.jr-note-control{cursor:pointer;border:1px solid #8db0bf;border-radius:10px;background:rgba(255,255,255,.12);color:#fff;padding:9px 14px;font-weight:800;font:inherit;font-size:.82rem}.jr-note-control:focus-visible{outline:3px solid #f6d57b;outline-offset:2px}.jr-note-play{background:#dbf582;border-color:#dbf582;color:#163749;font-weight:900}.jr-note-status{font-size:.72rem;color:#c2dcdf;margin-left:auto}.jr-note-finale{margin-top:14px;border-radius:12px;background:linear-gradient(95deg,#d5f77e,#b7ebe0);color:#173748;padding:13px;text-align:center;font-size:.88rem}.jr-note-scene .jr-note-disclaimer{font-size:.69rem;line-height:1.45;color:#bcd0e2;margin:14px 0 0}
@keyframes jrNotePulse{from{transform:translateY(0)}to{transform:translateY(-5px)}}
@media(max-width:700px){.jr-note-scene{padding:14px}.jr-note-stops{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:14px}.jr-note-trackbar,.jr-note-traveler{display:none}.jr-note-stop .jr-note-emoji{width:50px;height:50px;font-size:1.35rem}.jr-note-branches{grid-template-columns:1fr}.jr-note-status{width:100%;margin-left:0}.jr-note-topline{min-height:126px}}
@media(prefers-reduced-motion:reduce){.jr-note-trackbar span,.jr-note-traveler,.jr-note-stop,.jr-note-branch{transition:none}.jr-note-stop.active .jr-note-emoji{animation:none}}

/* v1.9.0: Kicksy cartoon stage mascot and original Web Audio sound cues */
.jr-note-track{min-height:135px;padding-top:56px}
.jr-note-trackbar{top:90px}
.jr-note-traveler{top:68px}
.jr-note-mascot{position:absolute;left:7%;top:-23px;width:72px;height:108px;z-index:4;pointer-events:none;transform:translateX(-65%);transition:left .55s ease;filter:drop-shadow(0 4px 5px #0018);display:flex;flex-direction:column;align-items:center}
.jr-note-mascot svg{width:62px;height:84px;overflow:visible}.jr-kick-foot{transform-origin:45px 70px;opacity:0}.jr-kick-standing{opacity:1}
.jr-note-mascot.is-kicking .jr-kick-foot{animation:jrMascotKick .48s ease forwards}.jr-note-mascot.is-kicking .jr-kick-standing{animation:jrMascotStand .48s ease forwards}
.jr-kick-name{font-size:.55rem;font-weight:900;color:#daff86;background:#12374b;border:1px solid #85c69c;border-radius:20px;padding:2px 6px;letter-spacing:.06em;white-space:nowrap}
.jr-note-traveler.is-bouncing{animation:jrNoteHop .55s cubic-bezier(.2,.7,.25,1)}
.jr-note-finale:not([hidden]){animation:jrFinaleGlitter .5s ease both}.jr-applause-label{display:block;font-size:.78rem;margin-top:5px}
.jr-note-sound[aria-pressed="true"]{border-color:#d7f77d;color:#e8ffb8;background:rgba(133,194,87,.24)}
.jr-note-sound:focus-visible{outline:3px solid #f7dc8d;outline-offset:2px}
@keyframes jrMascotKick{0%,100%{opacity:0;transform:rotate(-40deg)}25%,70%{opacity:1;transform:rotate(6deg)}}
@keyframes jrMascotStand{0%,100%{opacity:1}25%,70%{opacity:.2}}
@keyframes jrNoteHop{0%,100%{transform:translateX(-50%) translateY(0)}48%{transform:translateX(-50%) translateY(-24px) rotate(17deg)}}
@keyframes jrFinaleGlitter{from{transform:scale(.98);opacity:.55}to{transform:scale(1);opacity:1}}
@media(max-width:700px){.jr-note-track{padding-top:8px;min-height:auto}.jr-note-mascot{position:relative;top:auto;left:auto!important;transform:none;margin:0 auto 10px;height:96px}.jr-note-mascot svg{height:72px}.jr-note-stops{margin-top:4px}}
@media(prefers-reduced-motion:reduce){.jr-note-mascot,.jr-note-traveler{transition:none!important}.jr-note-mascot.is-kicking .jr-kick-foot,.jr-note-mascot.is-kicking .jr-kick-standing,.jr-note-traveler.is-bouncing,.jr-note-finale:not([hidden]){animation:none!important}}

/* v1.9.4 — recorded-applause selection and visible production stories */
.jr-tech-chapters{margin:23px 0;padding:18px;border-radius:18px;background:linear-gradient(150deg,#f0f8fc,#f8f4ff);color:#173745}.jr-tech-heading h3{font-size:1.4rem;margin:8px 0}.jr-tech-heading p{color:#536c7c;font-size:.84rem;line-height:1.55}.jr-tech-jump{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}.jr-tech-jump a{color:#1c5364;background:#d9f1f2;border:1px solid #a1d8d9;padding:9px 12px;border-radius:10px;font-weight:800;text-decoration:none;font-size:.82rem}.jr-tech-chapters h4{margin:24px 0 12px;font-size:1.15rem}.jr-tech-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.jr-tech-card{border:1px solid #c0d8dc;background:white;border-radius:13px;padding:12px;min-width:0;box-shadow:0 4px 14px #183e4910}.jr-tech-card:nth-child(4n+2){background:#f4eefe}.jr-tech-card:nth-child(4n+3){background:#e8f7ef}.jr-tech-card:nth-child(4n+4){background:#fff4e8}.jr-tech-card summary{cursor:pointer;list-style:none}.jr-tech-card summary::-webkit-details-marker{display:none}.jr-tech-card summary span{display:block;font-size:1.6rem;margin-bottom:8px}.jr-tech-card summary b{display:block;font-size:.85rem}.jr-tech-card summary small{display:block;font-size:.7rem;color:#54717b;margin-top:4px}.jr-tech-card summary:after{content:'Learn more +';font-size:.66rem;color:#14748a;display:block;margin-top:12px;font-weight:800}.jr-tech-card[open] summary:after{content:'Show less −'}.jr-tech-card p{font-size:.75rem;line-height:1.6;margin:9px 0 0;color:#405c68}.jr-pre-show-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:7px;align-items:center}.jr-pre-show-flow>div{min-width:0;text-align:center;border-radius:13px;padding:12px 8px;background:white;border:1px solid #c5dce0}.jr-pre-show-flow span,.jr-pre-show-flow b,.jr-pre-show-flow small{display:block}.jr-pre-show-flow span{font-size:1.6rem}.jr-pre-show-flow b{font-size:.8rem;margin:6px 0}.jr-pre-show-flow small{font-size:.68rem;color:#587481;line-height:1.4}.jr-pre-show-flow i{font-style:normal;color:#1292a1;font-weight:900}.jr-tech-closer{margin-top:18px;font-weight:850;color:#1e5868;text-align:center}
@media(max-width:900px){.jr-tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.jr-tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jr-pre-show-flow{display:flex;flex-direction:column}.jr-pre-show-flow>div{width:100%}.jr-pre-show-flow i{transform:rotate(90deg)}}
