.bateria-lab-link{display:flex;align-items:center;gap:24px;padding:25px 28px;border:1px solid #525c41;border-radius:15px;background:linear-gradient(110deg,#303b27,#1d251d);color:var(--text);margin:25px 0}.bateria-lab-link>span{font-size:2rem;color:#c8da99;white-space:nowrap}.bateria-lab-link>div{flex:1}.bateria-lab-link strong{display:block;font-size:1.25rem;margin:7px 0}.bateria-lab-link small{color:var(--muted)}.bateria-lab-link>b{color:var(--orange)}
.bateria-coach-modes{display:flex;gap:12px;margin:30px 0 20px}.bateria-coach-modes button{display:flex;align-items:center;gap:15px;flex:1;max-width:370px;padding:18px 22px;border:1px solid var(--line);border-radius:12px;background:#1b211a;text-align:left;color:var(--text);font:inherit;cursor:pointer}.bateria-coach-modes button>span{font-size:1.6rem;color:#a2b187}.bateria-coach-modes small{display:block;color:var(--muted);margin-top:6px;font-size:.75rem}.bateria-coach-modes [aria-pressed=true]{border-color:#c8da99;background:#303c25}
.bateria-coach-panel{padding:32px;border:1px solid #46503b;border-radius:20px;background:radial-gradient(ellipse at 50% 20%,#2b3526,transparent 65%),#1b211b}.bateria-coach-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:32px}.bateria-coach-intro>div{max-width:630px}.bateria-coach-intro h2{font-size:1.75rem;margin:12px 0}.bateria-coach-intro p{color:var(--muted);line-height:1.75}.bateria-coach-intro label{display:flex;flex-direction:column;gap:9px;font-size:.75rem;color:var(--muted);min-width:210px;max-width:290px}.bateria-coach-intro select{background:#161d16;color:var(--text);border:1px solid #5d674b;border-radius:8px;padding:12px;width:100%;font:inherit}
.bateria-build-stage{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;position:relative;padding:30px 0 22px}.bateria-layer-lines{position:absolute;left:10%;right:10%;height:1px;top:56%;background:#526443}.bateria-layer{position:relative;padding:15px 8px 20px;text-align:center;border:1px solid #414d39;border-radius:14px;background:#1d241d;transition:background .2s,border-color .2s}.bateria-layer-art{height:175px;margin-bottom:12px;opacity:.35;transition:opacity .25s}.bateria-layer-art svg{height:100%;max-width:100%}.bateria-layer small{font-size:.6rem;color:var(--muted);letter-spacing:.12em}.bateria-layer h3{font-size:1.05rem;margin:9px 0}.bateria-layer>span{font-size:.73rem;color:var(--muted)}.bateria-layer.entered{background:#2a3325;border-color:#687654}.bateria-layer.entered .bateria-layer-art{opacity:1}.bateria-layer.focus{border-color:var(--voice)}.bateria-layer.hit h3{color:var(--voice)}.bateria-layer.entered>span{color:#c8da99}
.bateria-coach-instruction{display:flex;gap:20px;align-items:center;padding:22px;background:#111a12;border:1px solid #394831;border-radius:12px;min-height:115px}.bateria-coach-instruction>span{font-size:2.3rem;color:#c8da99;font-weight:650}.bateria-coach-instruction h3{font-size:1.15rem;margin-bottom:8px}.bateria-coach-instruction p{color:var(--muted);line-height:1.7;font-size:.88rem}.bateria-coach-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:22px 0}.bateria-coach-timeline>span{position:relative;height:5px;border-radius:5px;background:#475139}.bateria-coach-timeline i{display:block;background:#c8da99;width:0;height:100%;border-radius:5px}.bateria-coach-timeline .done i{width:100%}.bateria-coach-timeline .current i{width:var(--part,0)}.bateria-coach-timeline small{display:none}.bateria-coach-action{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:24px}.bateria-coach-action>span{color:var(--muted);font-size:.8rem;line-height:1.7;flex:1;min-width:170px}
.bateria-challenge-welcome{text-align:center;max-width:650px;margin:10px auto 25px}.bateria-challenge-welcome>strong{display:block;font-size:4.8rem;line-height:1.25;color:#c8da99;margin:25px 0}.bateria-challenge-welcome>strong small{font-size:2rem;color:var(--muted)}.bateria-challenge-welcome h2{font-size:1.8rem}.bateria-challenge-welcome p{color:var(--muted);line-height:1.9;margin:20px auto 25px;max-width:550px}.bateria-challenge-welcome>small{display:block;color:var(--muted);margin-top:18px}
.bateria-ab{display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);align-items:center;margin:26px 0}.bateria-ab>[data-coach-ab]{align-self:stretch;padding:24px 18px;text-align:center;border:1px solid #414d37;background:#1a2119;border-radius:14px;transition:border-color .15s,background .15s}.bateria-ab b{display:block;font-size:2rem;color:#a8b391;margin-bottom:10px}.bateria-ab strong{display:block;font-size:1.1rem}.bateria-ab [data-coach-ab]>span{font-size:.8rem;color:var(--muted);display:block;margin-top:8px}.bateria-ab-arrow{text-align:center;color:#a5b387}.bateria-ab .active{background:#2f3b26;border-color:#c8da99}.bateria-ab .active b{color:#d1e4a2}.bateria-ab-wave{display:flex;gap:5px;height:55px;align-items:center;justify-content:center;margin:18px 0 0}.bateria-ab-wave i{height:var(--h);width:5px;background:#65794f;border-radius:5px;transition:transform .1s,background .1s}.active .bateria-ab-wave i{background:#c8da99}.pulse .bateria-ab-wave i{transform:scaleY(.65)}
.bateria-guess-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:28px}.bateria-guess-grid button{display:flex;flex-direction:column;align-items:center;gap:10px;font:inherit;color:var(--text);background:#242d20;border:1px solid #61724b;border-radius:12px;padding:16px 10px;cursor:pointer}.bateria-guess-grid button>span{height:105px}.bateria-guess-grid svg{height:100%;max-width:100%}.bateria-guess-grid strong{font-size:.9rem}.bateria-guess-grid b{font-size:.7rem;color:#c8da99}.bateria-guess-grid button:disabled{opacity:.6;cursor:default}.bateria-guess-grid button:not(:disabled):hover{border-color:var(--voice);background:#35412b}.bateria-guess-grid button.correct{border-color:#c8da99;background:#35432b;opacity:1}.bateria-guess-grid button.wrong{border-color:#e1a28e;background:#442e26;opacity:1}.bateria-guess-grid .wrong b{color:#edb9a5}.bateria-question-dots{display:flex;gap:7px;padding-top:15px}.bateria-question-dots i{width:16px;height:6px;border-radius:4px;background:#4f593f}.bateria-question-dots .current{background:var(--orange)}.bateria-question-dots .done{background:#c8da99}.bateria-coach-feedback{background:#2b3723;border-radius:12px;padding:24px;margin-top:24px}.bateria-coach-feedback p{color:var(--muted);line-height:1.7;margin:10px 0 20px}.bateria-challenge-results{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bateria-challenge-results a{display:grid;grid-template-columns:24px 1fr 18px;gap:8px 12px;align-items:center;background:#283222;border:1px solid var(--line);padding:20px;border-radius:10px;color:var(--text)}.bateria-challenge-results span{grid-row:span 2;color:#c8da99;font-size:1.4rem}.bateria-challenge-results small{grid-column:2;color:var(--muted);font-size:.78rem}.bateria-challenge-results b{grid-column:3;grid-row:1/span 2;color:var(--orange)}
.bateria-saved{margin-top:28px;padding:28px;border:1px solid var(--line);background:#1c231b;border-radius:16px}.bateria-saved .tag{flex-shrink:0;white-space:nowrap}.bateria-saved .section-head{align-items:flex-start}.bateria-saved h2{margin:9px 0}.bateria-saved .section-head p{line-height:1.7;max-width:660px;font-size:.85rem}.bateria-save-form{display:flex;align-items:flex-end;gap:14px;margin:22px 0 12px}.bateria-save-form label{flex:1;max-width:400px;display:flex;flex-direction:column;gap:9px;color:var(--muted);font-size:.8rem}.bateria-save-form input{font:inherit;background:#141b14;border:1px solid #5b684b;border-radius:9px;padding:14px;color:var(--text);width:100%;min-width:0}.bateria-mix-notice{font-size:.8rem;color:var(--muted);line-height:1.7;min-height:1.7em}.bateria-saved-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.bateria-saved-grid article{border:1px solid var(--line);border-radius:12px;padding:20px;min-width:0;background:#242c20}.bateria-saved-grid h3{font-size:1rem;margin:14px 0 10px;overflow-wrap:anywhere}.bateria-saved-grid small{font-size:.75rem;color:#c8da99}.bateria-saved-grid p{font-size:.75rem;color:var(--muted);line-height:1.6;margin:12px 0;min-height:2.5em}.bateria-saved-grid article>div:last-child{display:flex;justify-content:space-between;gap:10px}.bateria-saved-grid .textlink{min-height:44px;font-size:.78rem}.bateria-mix-dots{display:flex;gap:7px}.bateria-mix-dots i{height:9px;width:9px;border-radius:50%;border:1px solid #7d896d}.bateria-mix-dots .on{border-color:var(--voice);background:var(--voice)}
@media(max-width:1100px){.bateria-build-stage,.bateria-guess-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bateria-layer-lines{display:none}.bateria-coach-intro{flex-wrap:wrap;gap:20px}.bateria-layer-art{height:145px}.bateria-saved-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.bateria-coach-panel{padding:20px 16px}.bateria-coach-modes{gap:8px}.bateria-coach-modes button{padding:16px 12px;gap:10px}.bateria-coach-modes button>span{font-size:1.2rem}.bateria-coach-modes strong{font-size:.87rem}.bateria-coach-modes small{font-size:.68rem;line-height:1.5}.bateria-coach-intro h2{font-size:1.45rem}.bateria-coach-intro label{max-width:none;width:100%}.bateria-build-stage{grid-template-columns:1fr 1fr;gap:10px;padding:24px 0}.bateria-layer-art{height:135px}.bateria-layer-lines{display:none}.bateria-layer{padding:12px 6px 18px}.bateria-layer h3{font-size:1rem}.bateria-coach-instruction{padding:18px 14px;gap:14px;align-items:flex-start}.bateria-coach-instruction>span{font-size:1.8rem}.bateria-coach-instruction h3{font-size:1rem}.bateria-coach-action{gap:12px}.bateria-guess-grid{grid-template-columns:1fr 1fr;gap:10px}.bateria-ab{grid-template-columns:1fr 22px 1fr}.bateria-ab>[data-coach-ab]{align-self:stretch;padding:20px 8px}.bateria-ab strong{font-size:.9rem}.bateria-ab [data-coach-ab]>span{font-size:.72rem;line-height:1.6}.bateria-ab-wave{gap:4px}.bateria-ab-wave i{width:4px}.bateria-challenge-results{grid-template-columns:1fr}.bateria-challenge-welcome h2{font-size:1.45rem}.bateria-saved{padding:22px 18px}.bateria-save-form{flex-direction:column;align-items:stretch}.bateria-save-form label{max-width:none}.bateria-saved-grid{grid-template-columns:1fr}.bateria-lab-link{gap:15px;padding:22px}.bateria-lab-link>span{font-size:1.4rem}.bateria-lab-link strong{font-size:1.05rem}.bateria-lab-link small{font-size:.72rem;line-height:1.7;display:block}}
@media(prefers-reduced-motion:reduce){.bateria-layer,.bateria-layer-art,.bateria-ab>[data-coach-ab],.bateria-ab-wave i{transition:none}.pulse .bateria-ab-wave i{transform:none}}
