@font-face{font-family:Banda UI;src:url('/fonts/Garet-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Banda UI;src:url('/fonts/Garet-Bold.woff2') format('woff2');font-weight:700 1000;font-display:swap}
.banda-felt{--felt-cream:#fff4dc;--felt-ink:#49332b;color-scheme:light;font-family:'Banda UI','Trebuchet MS',sans-serif}
.banda-felt .story-shell{--story-ink:var(--felt-ink);--story-muted:#674b3e;min-height:100svh;background: url('./ui/07-banderines.webp') 13% -20px/24% 135px no-repeat,url('./ui/07-banderines.webp') 87% -20px/24% 135px no-repeat,url('./ui/01-fondo-acolchado.webp') center/cover fixed;color:var(--felt-ink)}
.banda-felt .story-shell::before{content:'';position:absolute;z-index:20;inset:0;pointer-events:none;background:url('./ui/11-estrella-colgante.webp') left 8px top 28px/65px 160px no-repeat,url('./ui/11-estrella-colgante.webp') right 8px top 28px/65px 160px no-repeat,url('./ui/05-telon-izquierdo.webp') left top/190px 100% no-repeat,url('./ui/06-telon-derecho.webp') right top/190px 100% no-repeat}
.banda-felt .story-shell::after{content:'';position:absolute;z-index:-1;inset:auto 0 0;height:120px;pointer-events:none;background:url('./ui/13-alfombra.webp') center top/80% 280px no-repeat,url('./ui/19-suelo-rojo.webp') center/cover}
.banda-felt .story-cloud{display:none}
.banda-felt .story-chapter-screen{padding:14px clamp(28px,4.5vw,80px) 46px}
.banda-felt .story-topbar{max-width:1400px;min-height:58px;margin:0 auto 14px;gap:12px;position:relative;z-index:25}
.banda-felt .story-back-button,.banda-felt .story-restart-button{border:0;background: url('./ui/08-boton-crema.webp') center/100% 100% no-repeat;box-shadow:none;padding:12px 22px;min-height:52px;color:#50372b;font-size:14px}
.banda-felt .story-step-label{background:#fff4df;border:2px dashed #bf9a68;border-radius:16px;padding:8px 14px;color:#634635;font-size:14px}
.banda-felt .story-progress{gap:6px}
.banda-felt .story-progress span{border:0;box-shadow:none;background:url('./ui/10-etapa-pendiente.webp') center/contain no-repeat;width:56px;min-height:56px;color:#664937;font-size:19px;transform:none}
.banda-felt .story-progress span.current,.banda-felt .story-progress span.done{background: url('./ui/09-etapa-activa.webp') center/contain no-repeat;color:white;border:0;box-shadow:none}
.banda-felt .story-progress span.current{transform:scale(1.09)}
.banda-felt .story-progress span.done:not(.current){filter:hue-rotate(290deg)}
.banda-felt .story-chapter-card{width:100%;max-width:1400px;grid-template-columns:minmax(240px,.68fr) minmax(0,1.32fr);gap:clamp(16px,2vw,32px);min-height:0;padding:28px;border:0;border-radius:36px;background: url('./ui/02-panel-principal.webp') center/100% 100% no-repeat;box-shadow:none;overflow:visible}
.banda-felt .story-chapter-card::before,.banda-felt .story-finale-card::before{display:none}
.banda-felt .story-chapter-copy{position:relative;padding:24px 8px 30px 12px;align-self:center;min-width:0}
.banda-felt .story-chapter-copy::before{content:'';display:block;width:min(100%,300px);height:110px;margin:0 0 20px;background:url('./assets/887bdbd81576f7ef2d64.png') left center/contain no-repeat}
.banda-felt .story-chapter-copy .story-overline{font-size:12px;line-height:1.4;letter-spacing:.08em;color:#8f362e}
.banda-felt .story-chapter-copy h1{max-width:15ch;color:#503527;font-size:clamp(28px,3.3vw,48px);line-height:1.12;letter-spacing:-.03em}
.banda-felt .story-paragraph{font-size:clamp(16px,1.45vw,20px);line-height:1.6;color:#654936;margin:20px 0 0}
.banda-felt .story-play-area.story-unified-player{isolation:isolate;border:0;border-radius:30px;box-shadow:none;background: url('./ui/03-panel-escena-azul.webp') center/100% 100% no-repeat;min-height:500px;grid-template-rows:270px auto;padding:34px 22px 30px;gap:0;overflow:visible}
.banda-felt .story-play-area.story-unified-player::after{display:none}
.banda-felt .story-play-area.story-unified-player::before{content:'';position:absolute;z-index:8;inset:auto -18px -18px;height:110px;pointer-events:none;background:url('./ui/12-planta-fieltro.webp') left bottom/85px 68px no-repeat,url('./ui/12-planta-fieltro.webp') right bottom/65px 60px no-repeat}
.banda-felt .story-unified-player .story-scene-notes span{font-size:0;width:64px;height:66px;color:transparent;background:url('./ui/16-nota-simple.webp') center/contain no-repeat;animation:none}
.banda-felt .story-unified-player .story-scene-notes span:nth-child(1){top:8%;left:7%}
.banda-felt .story-unified-player .story-scene-notes span:nth-child(2){top:20%;right:6%;background-image:url('./ui/17-notas-dobles.webp')}
.banda-felt .story-unified-player .story-scene-notes span:nth-child(3){top:11%;right:25%;bottom:auto;width:65px;height:90px;background-image:url('./ui/15-interrogacion.webp')}
.banda-felt .story-unified-player .story-drop-zone,.banda-felt .story-unified-player .story-drop-zone.is-ready,.banda-felt .story-unified-player .story-drop-zone.is-solved{width:63%;height:270px;min-height:270px;margin:0;align-self:end;border-radius:28px;z-index:6}
.banda-felt .story-unified-player .story-drop-zone .story-idle-character,.banda-felt .story-unified-player .story-drop-zone .story-happy-character{top:0;bottom:0;left:0;width:100%;height:100%;object-position:center bottom;filter:drop-shadow(0 8px 5px #152c5338)}
.banda-felt .story-unified-player .story-drop-zone.is-ready{outline:3px dashed #fff3a5;outline-offset:5px;background:#ffffff16}
.banda-felt .story-unified-player .drop-zone-label{top:0;left:0;max-width:100%;width:100%;transform:none;border:2px solid #fff1cb;background:#194f72;color:white;font-size:13px;line-height:1.4;padding:8px 10px;border-radius:16px;backdrop-filter:none}
.banda-felt .story-unified-player .instrument-tray{isolation:isolate;z-index:7;width:100%;margin:0;min-height:148px;padding:20px 18px;border:0;border-radius:20px;background:none;box-shadow:none}
.banda-felt .story-unified-player .instrument-tray::after{display:block;content:'';position:absolute;z-index:-1;inset:-11% -1%;border:0;border-radius:0;opacity:1;background:url('./ui/04-panel-dialogo.webp') center/100% 100% no-repeat;pointer-events:none}
.banda-felt .story-unified-player .instrument-tray::before{content:'';position:absolute;right:0;bottom:calc(100% - 8px);width:43%;height:210px;background:url('./ui/20-cofre-cerrado.webp') center bottom/contain no-repeat;pointer-events:none;z-index:0}
.banda-felt .story-unified-player .instrument-tray.is-open{min-height:218px}.banda-felt .story-unified-player .instrument-tray.is-open::after{inset:-3% -1%;background-image:url('./ui/02-panel-principal.webp')}
.banda-felt .story-unified-player .instrument-tray.is-open::before{background-image:url('./ui/14-cofre-abierto.webp')}
.banda-felt .story-play-area:has(.instrument-tray.is-open) .story-scene-notes::after{content:'';position:absolute;right:2%;top:18%;width:38%;height:25%;background:url('./ui/18-destellos.webp') center/contain no-repeat;pointer-events:none}
.banda-felt .story-unified-player .discovery-button{width:100%;min-height:90px;border:2px dashed #fff2ce;border-radius:20px;background:#b62132;box-shadow:0 5px 0 #841724;color:white;padding:14px 16px;gap:5px;animation:none}
.banda-felt .story-unified-player .discovery-button strong{font-size:clamp(19px,1.7vw,25px);line-height:1.2}
.banda-felt .story-unified-player .discovery-button small{margin:0;color:#fff5dc;font-size:14px;line-height:1.35}
.banda-felt .instrument-choices{gap:8px}
.banda-felt .instrument-choice{min-height:123px;padding:8px 4px;border:2px solid #cbaa78;border-radius:16px;background:#fff9ed;box-shadow:0 4px 0 #c9a679;color:#493426;touch-action:none}
.banda-felt .instrument-choice::after{display:none}
.banda-felt .instrument-art{width:min(100%,100px);animation:none;filter:drop-shadow(0 4px 2px #704a3e24)}
.banda-felt .instrument-choice-label{font-size:12px;line-height:1.2;min-height:2.4em;display:grid;place-items:center;overflow-wrap:anywhere}
.banda-felt .instrument-choice.is-selected{border-color:#006c9b;background:#d6f3ff;box-shadow:0 0 0 3px #1687b8}
.banda-felt .instrument-choice.is-wrong{border-color:#ac2632;background:#fff0df}
.banda-felt .drag-help,.banda-felt .drag-help.is-hint{min-height:40px;font-size:14px;line-height:1.45;color:#503a2d;padding:8px 4px;margin:8px 0 0;border:0;background:none;box-shadow:none}
.banda-felt .drag-help.is-hint{color:#9a252e;font-weight:900}
.banda-felt .story-unified-player .success-message{min-height:175px;padding:4px 0;background:none}
.banda-felt .success-copy{color:#246b36}.banda-felt .success-copy strong{color:#246b36;font-size:22px}.banda-felt .success-copy p{color:#503a2d;font-size:15px}
.banda-felt .success-next-button{min-height:52px;font-size:17px;padding:12px 22px;background:#b62132;color:white;border:2px dashed #fff1ca;border-radius:18px;box-shadow:0 4px 0 #7c1b26}
.banda-felt .story-finale-card{border:0;background:url('./ui/02-panel-principal.webp') center/100% 100% no-repeat;box-shadow:none;padding:24px}
.banda-felt .story-finale-copy{color:#503527}.banda-felt .story-finale-copy h1{color:#503527}.banda-felt .story-finale-copy p{color:#654936}
.banda-felt .story-layered-cover-screen{background: url('./ui/01-fondo-acolchado.webp') center/cover}
.banda-felt .story-layered-cover-screen::before{display:none}.banda-felt .layered-cover-background{background:none;inset:0;border-radius:0}
.banda-felt .layered-cover-vignette{display:block}.banda-felt .layered-cover-action button{background:#b62132;border:3px dashed #fff3d7;color:#fff9ec;min-height:62px;box-shadow:0 6px 0 #76172a}
.banda-felt .story-shell button:focus-visible,.banda-felt .story-shell a:focus-visible{outline:4px solid #006a9c;outline-offset:4px}
@media(min-width:1600px){.banda-felt .story-chapter-screen{padding-top:24px}.banda-felt .story-play-area.story-unified-player{grid-template-rows:340px auto;min-height:600px}.banda-felt .story-unified-player .story-drop-zone,.banda-felt .story-unified-player .story-drop-zone.is-ready,.banda-felt .story-unified-player .story-drop-zone.is-solved{height:340px;min-height:340px}}
@media(max-width:1000px){.banda-felt .story-chapter-card{grid-template-columns:1fr;max-width:720px;gap:10px;padding:24px}.banda-felt .story-chapter-copy{padding:8px 14px 10px}.banda-felt .story-chapter-copy::before{display:none}.banda-felt .story-chapter-copy h1{max-width:none;font-size:32px}.banda-felt .story-paragraph{font-size:17px;margin:12px 0 0}.banda-felt .story-shell::before{background-size:48px 100px,48px 100px,110px 100%,110px 100%}.banda-felt .story-chapter-card{background:#fff5df;border:2px dashed #b89468;box-shadow:0 0 0 5px #fff1d8}.banda-felt .story-finale-card{background:#fff5df}}
@media(max-width:600px){.banda-felt .story-chapter-screen{padding:10px 13px 30px}.banda-felt .story-shell{background-image:url('./ui/01-fondo-acolchado.webp');background-size:cover}.banda-felt .story-shell::before{display:none}.banda-felt .story-topbar{gap:6px;grid-template-columns:auto 1fr;margin-bottom:16px;min-height:50px}.banda-felt .story-back-button{min-height:48px;padding:10px 13px;font-size:12px}.banda-felt .story-step-label{display:none}.banda-felt .story-progress{justify-content:flex-end;gap:3px}.banda-felt .story-progress span{width:42px;min-height:42px;font-size:17px}.banda-felt .story-chapter-card{padding:13px 10px;border-radius:22px}.banda-felt .story-chapter-copy{padding:6px 5px 8px}.banda-felt .story-chapter-copy .story-overline{font-size:10px;margin-bottom:6px}.banda-felt .story-chapter-copy h1{font-size:25px;max-width:none}.banda-felt .story-paragraph{font-size:15px;line-height:1.5;margin-top:10px}.banda-felt .story-play-area.story-unified-player{min-height:0;grid-template-rows:225px auto;padding:20px 10px 22px;border-radius:24px;background-size:100% 100%}.banda-felt .story-unified-player .story-drop-zone,.banda-felt .story-unified-player .story-drop-zone.is-ready,.banda-felt .story-unified-player .story-drop-zone.is-solved{height:225px;min-height:225px;width:65%}.banda-felt .story-unified-player .instrument-tray{padding:14px 12px;min-height:126px}.banda-felt .story-unified-player .instrument-tray.is-open{min-height:245px}.banda-felt .story-unified-player .instrument-tray::before{height:140px;width:42%;right:0;bottom:100%}.banda-felt .story-unified-player .instrument-tray::after{inset:-3% 0;background-image:url('./ui/02-panel-principal.webp');background-size:100% 100%}.banda-felt .story-unified-player .discovery-button{min-height:92px;padding:12px 8px}.banda-felt .story-unified-player .discovery-button strong{font-size:19px}.banda-felt .story-unified-player .discovery-button small{font-size:13px}.banda-felt .instrument-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.banda-felt .instrument-choice{min-height:106px;gap:0;padding:6px 4px}.banda-felt .instrument-art{width:70px;min-height:70px}.banda-felt .instrument-choice-label{font-size:12px;min-height:1.4em}.banda-felt .drag-help{font-size:13px;min-height:40px}.banda-felt .story-unified-player .drop-zone-label{font-size:12px;padding:6px;border-radius:12px;max-width:none}.banda-felt .story-unified-player .story-scene-notes span{width:38px;height:42px}.banda-felt .story-unified-player .story-scene-notes span:nth-child(3){width:42px;height:60px;right:24%;top:8%}.banda-felt .story-unified-player .success-message{min-height:175px;padding:5px 0}.banda-felt .success-copy strong{font-size:19px}.banda-felt .success-next-button{font-size:15px}.banda-felt .story-play-area.story-unified-player::before{display:none}.banda-felt .story-finale-screen{padding:18px}.banda-felt .story-finale-card{padding:18px}.banda-felt .story-finale-copy h1{font-size:32px;max-width:none}}
@media(prefers-reduced-motion:reduce){.banda-felt .story-shell *,.banda-felt .story-shell *::before,.banda-felt .story-shell *::after{animation:none!important;transition:none!important}}

.banda-felt .story-finale-screen .story-brand-light{color:#503527}.banda-felt .story-finale-screen .story-brand-light strong{color:#503527}