@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&family=Comic+Neue:wght@300;400;700&display=swap";:root{--color-primary:#e11d48;--color-primary-2:#fb7185;--color-on-primary:#fff;--color-secondary:#fb7185;--color-accent:#2563eb;--color-accent-2:#60a5fa;--color-background:#fff1f2;--color-foreground:#881337;--color-foreground-soft:#9f597a;--color-muted:#f0ecf2;--color-border:#fecdd3;--color-destructive:#dc2626;--color-ring:#e11d48;--rose-1:#fb7185;--rose-2:#e11d48;--rose-edge:#9f1239;--blue-1:#60a5fa;--blue-2:#2563eb;--blue-edge:#1e3a8a;--violet-1:#c084fc;--violet-2:#7c3aed;--violet-edge:#5b21b6;--amber-1:#fcd34d;--amber-2:#f59e0b;--amber-edge:#b45309;--green-1:#4ade80;--green-2:#16a34a;--green-edge:#15803d;--tomas:#2563eb;--ariela:#db2777;--radius-lg:30px;--radius-md:22px;--radius-sm:16px;--ease-clay:cubic-bezier(.34, 1.4, .5, 1);--clay-surface:0 16px 30px #88133724, inset 0 5px 8px #fffc, inset 0 -7px 12px #9f123914}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:var(--color-foreground);background:var(--color-background);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;text-rendering:optimizelegibility;font-family:Comic Neue,"Baloo 2",system-ui,sans-serif;font-weight:400;overflow-x:hidden}h1,h2,h3,.display{font-family:"Baloo 2",system-ui,sans-serif;font-weight:700}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:"Baloo 2",system-ui,sans-serif}:focus-visible{outline:4px solid var(--color-accent);outline-offset:3px;border-radius:6px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.icon{flex-shrink:0;display:block}.app{background:radial-gradient(125% 90% at 50% -12%,#ffe0e8 0%,#fff1f2 46%,#eaf1ff 100%);flex-direction:column;align-items:center;min-height:100%;padding:1.4rem 1rem 3rem;display:flex;position:relative;overflow:hidden}.bg-decor{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.blob{filter:blur(6px);opacity:.5;border-radius:50%;animation:12s ease-in-out infinite drift;position:absolute}.blob.b1{background:radial-gradient(circle at 35% 30%,#fda4c0,#fb7185);width:150px;height:150px;top:6%;left:-30px}.blob.b2{background:radial-gradient(circle at 35% 30%,#93c5fd,#60a5fa);width:120px;height:120px;animation-duration:15s;top:14%;right:-24px}.blob.b3{background:radial-gradient(circle at 35% 30%,#d8b4fe,#c084fc);width:100px;height:100px;animation-duration:13s;bottom:16%;left:4%}.blob.b4{background:radial-gradient(circle at 35% 30%,#fde68a,#fcd34d);width:130px;height:130px;animation-duration:17s;bottom:8%;right:-20px}.spark{color:#fff;opacity:.9;filter:drop-shadow(0 2px 3px #9f123940);animation:3.5s ease-in-out infinite twinkle;position:absolute}.spark.k1{top:34%;left:10%}.spark.k2{animation-delay:1s;top:24%;right:14%}.spark.k3{animation-delay:2s;bottom:26%;right:10%}@keyframes drift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(10px,-16px)scale(1.06)}}@keyframes twinkle{0%,to{opacity:.5;transform:scale(.8)rotate(-8deg)}50%{opacity:1;transform:scale(1.15)rotate(8deg)}}.app-header{z-index:1;text-align:center;margin-bottom:1.4rem;position:relative}.header-avatars{justify-content:center;align-items:flex-end;gap:.2rem;margin-bottom:.2rem;display:flex}.header-avatars .mascot-svg{filter:drop-shadow(0 6px 8px #9f123933)}.header-avatars .a-tomas{animation:2.6s ease-in-out infinite bob}.header-avatars .a-ariela{animation:2.6s ease-in-out .4s infinite bob}.app-title{color:var(--color-foreground);-webkit-text-stroke:5px #fff;paint-order:stroke fill;text-shadow:0 5px #9f12391f;font-family:"Baloo 2",sans-serif;font-size:clamp(2rem,8vw,3rem);font-weight:800;line-height:.95}.app-title-sub{color:var(--color-primary);-webkit-text-stroke:4px #fff;paint-order:stroke fill;margin-top:.15rem;font-size:.56em;font-weight:700;display:block}.app-main{z-index:1;flex-direction:column;align-items:center;width:100%;max-width:560px;display:flex;position:relative}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.mode-selector{width:100%}.mode-intro{text-align:center;color:var(--color-foreground);margin-bottom:1.1rem;font-family:"Baloo 2",sans-serif;font-size:1.4rem;font-weight:700}.mode-grid{grid-template-columns:1fr 1fr;gap:1.1rem;display:grid}.mode-card{color:#fff;animation:pop .5s var(--ease-clay) both;transition:transform .16s var(--ease-clay), box-shadow .16s var(--ease-clay);border:4px solid #ffffff8c;border-radius:30px;flex-direction:column;align-items:center;gap:.5rem;padding:1.6rem 1rem 1.5rem;display:flex;position:relative}.mode-card:active{transform:translateY(8px)}.mode-card.blue{background:linear-gradient(160deg, var(--blue-1), var(--blue-2));box-shadow:0 12px 0 var(--blue-edge), 0 22px 30px #1e3a8a4d, inset 0 4px 8px #ffffff80}.mode-card.blue:active{box-shadow:0 4px 0 var(--blue-edge), 0 10px 16px #1e3a8a47, inset 0 4px 8px #ffffff73}.mode-card.pink{background:linear-gradient(160deg, var(--rose-1), var(--rose-2));box-shadow:0 12px 0 var(--rose-edge), 0 22px 30px #9f12394d, inset 0 4px 8px #ffffff80}.mode-card.pink:active{box-shadow:0 4px 0 var(--rose-edge), 0 10px 16px #9f123947, inset 0 4px 8px #ffffff73}.mode-card.purple{background:linear-gradient(160deg, var(--violet-1), var(--violet-2));box-shadow:0 12px 0 var(--violet-edge), 0 22px 30px #5b21b64d, inset 0 4px 8px #ffffff80}.mode-card.purple:active{box-shadow:0 4px 0 var(--violet-edge), 0 10px 16px #5b21b647, inset 0 4px 8px #ffffff73}.mode-card.gold{background:linear-gradient(160deg, var(--amber-1), var(--amber-2));color:#7c3a00;box-shadow:0 12px 0 var(--amber-edge), 0 22px 30px #b453094d, inset 0 4px 8px #fff9}.mode-card.gold:active{box-shadow:0 4px 0 var(--amber-edge), 0 10px 16px #b4530947, inset 0 4px 8px #ffffff8c}.mode-card.green{background:linear-gradient(160deg, var(--green-1), var(--green-2));box-shadow:0 12px 0 var(--green-edge), 0 22px 30px #15803d4d, inset 0 4px 8px #ffffff80}.mode-card.green:active{box-shadow:0 4px 0 var(--green-edge), 0 10px 16px #15803d47, inset 0 4px 8px #ffffff73}.mode-icon{width:78px;height:78px;color:inherit;background:#ffffffeb;border-radius:50%;place-items:center;animation:3s ease-in-out infinite bob;display:grid;box-shadow:inset 0 -5px 8px #0000001a,inset 0 4px 6px #ffffffe6,0 6px 12px #0000001f}.mode-card.blue .mode-icon{color:var(--blue-2)}.mode-card.pink .mode-icon{color:var(--rose-2)}.mode-card.purple .mode-icon{color:var(--violet-2)}.mode-card.green .mode-icon{color:var(--green-2)}.mode-card.gold .mode-icon{color:var(--amber-2)}.mode-icon .icon{width:40px;height:40px}.mode-title{font-family:"Baloo 2",sans-serif;font-size:1.45rem;font-weight:700}.mode-subtitle{text-align:center;opacity:.92;font-family:Comic Neue,sans-serif;font-size:.9rem;font-weight:700}@keyframes pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.player{flex-direction:column;align-items:center;gap:1.1rem;width:100%;display:flex}.player-head{text-align:center}.player-badge{color:var(--color-foreground);box-shadow:var(--clay-surface);background:#fff;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1.2rem;font-family:"Baloo 2",sans-serif;font-size:1.2rem;font-weight:700;display:inline-flex}.player-badge .icon{width:24px;height:24px;color:var(--color-primary)}.player-hint{color:var(--color-foreground-soft);margin-top:.45rem;font-family:Comic Neue,sans-serif;font-size:.95rem;font-weight:700;display:block}.progress-dots{flex-wrap:wrap;justify-content:center;gap:.45rem;display:flex}.dot{width:13px;height:13px;transition:all .25s var(--ease-clay);background:#fde1e7;border-radius:50%;box-shadow:inset 0 -2px 3px #9f123926}.dot.done{background:var(--green-1)}.dot.active{background:var(--color-primary);transform:scale(1.5);box-shadow:0 0 0 5px #e11d482e}.line-card{width:100%;transition:transform .25s var(--ease-clay);flex-direction:column;align-items:center;gap:.5rem;display:flex;position:relative}.line-card.speaking{transform:scale(1.01)}.ficha-card{width:100%;max-width:420px}.ficha-fw{box-shadow:var(--clay-surface);background:#ce1126;border-radius:30px;padding:7px}.ficha-fb{background:#fff;border-radius:24px;padding:6px}.ficha-inner{background:#002b7f;border-radius:18px;padding:8px;position:relative}.ficha-inner:after{content:"";z-index:0;background:#fff;border-radius:12px;position:absolute;inset:8px}.ficha-inner>*{z-index:1;position:relative}.ficha-num{color:#002b7f;-webkit-text-stroke:3px #fff;paint-order:stroke fill;z-index:2;font-family:"Baloo 2",sans-serif;font-size:2.6rem;font-weight:800;line-height:1;position:absolute;top:6px;left:14px}.ficha-title{text-align:center;color:#ce1126;min-height:1.3em;padding:.1rem 2.4rem .5rem;font-family:"Baloo 2",sans-serif;font-size:1.5rem;font-weight:800}.ficha-art{aspect-ratio:1;background:#fde8ef;border:3px solid #ffe4ea;border-radius:14px;margin:0 8px;position:relative;overflow:hidden}.ficha-art>img:not(.ficha-logo){object-fit:cover;width:100%;height:100%;display:block}.ficha-logo{object-fit:contain;background:#ffffffe6;border-radius:10px;width:36%;height:auto;padding:4px 6px;position:absolute;top:3.5%;right:3.5%;box-shadow:0 2px 6px #00000026}.ficha-foot{justify-content:center;align-items:center;gap:8px;padding:8px 8px 4px;display:flex}.ficha-foot .cr-flag{border-radius:3px;flex-shrink:0;box-shadow:0 1px 3px #00000040}.ficha-foot span{color:#5b6b8c;font-family:Comic Neue,sans-serif;font-size:.78rem;font-weight:700}.line-card.speaking .ficha-card{animation:1.2s ease-in-out infinite fichapulse}@keyframes fichapulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.stage-glow{filter:blur(26px);opacity:.45;z-index:0;border-radius:50%;width:190px;height:190px;position:absolute;top:18px}.line-card.tomas .stage-glow{background:radial-gradient(circle,#bfdbfe,#0000 70%)}.line-card.ariela .stage-glow{background:radial-gradient(circle,#fbcfe8,#0000 70%)}.mascot-holder{z-index:1;position:relative}.line-card.speaking .mascot-holder .mascot-svg{animation:hop .6s var(--ease-clay) infinite}.mascot-svg{filter:drop-shadow(0 8px 10px #9f12392e)}@keyframes hop{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(-2deg)}}.sound-waves{align-items:flex-end;gap:4px;height:24px;display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.sound-waves span{background:var(--color-primary);border-radius:3px;width:5px;animation:.85s ease-in-out infinite wave}.line-card.tomas .sound-waves span{background:var(--tomas)}.sound-waves span:first-child{height:10px;animation-delay:0s}.sound-waves span:nth-child(2){height:22px;animation-delay:.12s}.sound-waves span:nth-child(3){height:15px;animation-delay:.24s}.sound-waves span:nth-child(4){height:20px;animation-delay:.36s}@keyframes wave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.name-tag{z-index:1;color:#fff;border-radius:999px;margin-top:-.3rem;padding:.25rem 1.1rem;font-family:"Baloo 2",sans-serif;font-size:1.15rem;font-weight:700;position:relative;box-shadow:0 5px #00000024,0 8px 12px #00000024}.line-card.tomas .name-tag{background:linear-gradient(160deg, var(--blue-1), var(--blue-2))}.line-card.ariela .name-tag{background:linear-gradient(160deg, var(--rose-1), var(--rose-2))}.speech-bubble{z-index:1;text-align:center;border-radius:var(--radius-md);background:#fff6f8;border:3px solid #ffe4ea;width:100%;margin-top:1rem;padding:1.1rem 1.1rem 1.2rem;position:relative;box-shadow:inset 0 3px 6px #ffffffe6,0 6px 14px #9f123914}.line-card.tomas .speech-bubble{background:#f2f7ff;border-color:#d8e6ff}.speech-bubble:before{content:"";border-bottom:13px solid #ffe4ea;border-left:13px solid #0000;border-right:13px solid #0000;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.line-card.tomas .speech-bubble:before{border-bottom-color:#d8e6ff}.speech-bubble:after{content:"";border-bottom:11px solid #fff6f8;border-left:11px solid #0000;border-right:11px solid #0000;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.line-card.tomas .speech-bubble:after{border-bottom-color:#f2f7ff}.line-icon{margin-bottom:.4rem;font-size:3rem;line-height:1;display:block}.line-text{color:var(--color-foreground);font-family:"Baloo 2",sans-serif;font-size:1.4rem;font-weight:600;line-height:1.3}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.9rem;display:flex}.big-btn{--edge:#0003;color:#fff;min-height:62px;box-shadow:0 8px 0 var(--edge), 0 14px 22px #88133733, inset 0 3px 6px #fff6;transition:transform .16s var(--ease-clay), box-shadow .16s var(--ease-clay), filter .16s;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:0 1.6rem;font-family:"Baloo 2",sans-serif;font-size:1.25rem;font-weight:700;display:inline-flex}.big-btn:active{box-shadow:0 2px 0 var(--edge), 0 6px 10px #8813372e, inset 0 3px 6px #ffffff59;transform:translateY(6px)}.big-btn:hover{filter:brightness(1.04)}.big-btn:disabled{opacity:.4;filter:grayscale(.4);pointer-events:none}.big-btn .icon{width:26px;height:26px}.big-btn.play{background:linear-gradient(160deg, var(--green-1), var(--green-2));--edge:var(--green-edge)}.big-btn.pause{background:linear-gradient(160deg, var(--amber-1), var(--amber-2));--edge:var(--amber-edge);color:#7c3a00}.big-btn.blue{background:linear-gradient(160deg, var(--blue-1), var(--blue-2));--edge:var(--blue-edge)}.big-btn.rose{background:linear-gradient(160deg, var(--rose-1), var(--rose-2));--edge:var(--rose-edge)}.big-btn.ghost{color:var(--color-foreground);--edge:#f4c2ce;background:linear-gradient(160deg,#fff,#fff0f3)}.big-btn.small{min-height:50px;padding:0 1.1rem;font-size:1.05rem}.big-btn.small .icon{width:22px;height:22px}.big-btn.big{min-height:70px;padding:0 2rem;font-size:1.45rem}.big-btn.big .icon{width:30px;height:30px}.big-btn.round{width:62px;min-height:62px;padding:0}.big-btn.round .icon{width:28px;height:28px}.mini-progress{background:#ffe1e7;border-radius:999px;width:100%;height:14px;overflow:hidden;box-shadow:inset 0 2px 4px #9f123926}.mini-progress-bar{background:linear-gradient(90deg, var(--rose-1), var(--color-primary));height:100%;transition:width .4s var(--ease-clay);border-radius:999px}.turn-prompt{border:4px dashed var(--color-primary);border-radius:var(--radius-lg);width:100%;box-shadow:var(--clay-surface);background:linear-gradient(165deg,#fff,#fff1f5);flex-direction:column;align-items:center;gap:1rem;padding:1.3rem;animation:1.8s ease-in-out infinite glow;display:flex}@keyframes glow{0%,to{box-shadow:var(--clay-surface), 0 0 0 0 #e11d4847}50%{box-shadow:var(--clay-surface), 0 0 0 12px #e11d4800}}.turn-title{color:var(--color-primary);text-align:center;align-items:center;gap:.5rem;font-family:"Baloo 2",sans-serif;font-size:1.7rem;font-weight:800;display:inline-flex}.turn-title .icon{width:32px;height:32px}.turn-help{flex-wrap:wrap;justify-content:center;gap:.7rem;display:flex}.turn-recorder{flex-direction:column;align-items:center;gap:.9rem;width:100%;display:flex}.rec-note{color:var(--color-destructive);border-radius:var(--radius-sm);text-align:center;background:#fef2f2;border:2px solid #fecaca;padding:.7rem 1rem;font-family:Comic Neue,sans-serif;font-size:.95rem;font-weight:700}.record-btn{--edge:var(--rose-edge);color:#fff;background:linear-gradient(160deg, var(--rose-1), var(--rose-2));min-height:66px;box-shadow:0 8px 0 var(--edge), 0 14px 22px #9f12393d, inset 0 3px 6px #fff6;transition:transform .16s var(--ease-clay), box-shadow .16s var(--ease-clay);border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:0 1.8rem;font-family:"Baloo 2",sans-serif;font-size:1.3rem;font-weight:700;display:inline-flex}.record-btn:active{box-shadow:0 2px 0 var(--edge), 0 6px 10px #9f123938;transform:translateY(6px)}.record-btn .icon{width:28px;height:28px}.record-btn.recording{--edge:#7f1d1d;background:linear-gradient(160deg,#f87171,#dc2626);animation:1s ease-in-out infinite recpulse}@keyframes recpulse{0%,to{box-shadow:0 8px 0 var(--edge), 0 0 0 0 #dc262680}50%{box-shadow:0 8px 0 var(--edge), 0 0 0 16px #dc262600}}.rec-scoring{color:var(--color-foreground-soft);align-items:center;gap:.5rem;padding:.6rem;font-family:"Baloo 2",sans-serif;font-size:1.25rem;font-weight:700;display:inline-flex}.rec-scoring .icon{width:26px;height:26px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.rec-result{flex-direction:column;align-items:center;gap:.7rem;width:100%;display:flex}.rec-message{color:var(--color-foreground);text-align:center;font-family:"Baloo 2",sans-serif;font-size:1.5rem;font-weight:800}.rec-stars{gap:.4rem;display:flex}.rate-star{color:#f1d0d9;transition:transform .16s var(--ease-clay), color .16s}.rate-star .icon{width:46px;height:46px}.rate-star:active{transform:scale(.85)}.rate-star.on{color:var(--amber-2);filter:drop-shadow(0 3px 5px #b4530959);animation:starpop .35s var(--ease-clay)}@keyframes starpop{0%{transform:scale(.4)rotate(-20deg)}to{transform:scale(1)rotate(0)}}.rec-heard{color:var(--color-foreground-soft);text-align:center;border-radius:var(--radius-sm);background:#faf5ff;border:2px solid #ede9fe;padding:.55rem .95rem;font-family:Comic Neue,sans-serif;font-size:.92rem;font-weight:700}.grade-line{text-align:center;font-family:"Baloo 2",sans-serif;font-size:1.2rem;font-weight:600;line-height:1.5}.grade-line .w-ok{color:#16a34a}.grade-line .w-miss{color:#d8bdca}.grade-line .w-plain{color:var(--color-foreground-soft)}.grade-meta{color:var(--color-foreground);background:#ecfdf3;border:2px solid #bbf7d0;border-radius:999px;padding:.35rem .9rem;font-family:"Baloo 2",sans-serif;font-size:1.05rem;font-weight:700}.rec-note.info{color:var(--color-foreground);background:#f2f7ff;border-color:#d8e6ff}.rec-actions{flex-wrap:wrap;justify-content:center;gap:.7rem;display:flex}.line-mode{flex-direction:column;align-items:center;gap:1.1rem;width:100%;display:flex}.celebration{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#88133752;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-piece{animation-name:fall;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-10%}@keyframes fall{0%{opacity:1;transform:translateY(-10vh)rotate(0)}to{opacity:.9;transform:translateY(112vh)rotate(360deg)}}.celebration-card{text-align:center;box-shadow:0 24px 50px #8813374d, var(--clay-surface);width:100%;max-width:380px;animation:pop .5s var(--ease-clay) both;background:linear-gradient(165deg,#fff,#fff1f5);border:5px solid #ffe4ea;border-radius:36px;padding:2.2rem 1.8rem;position:relative}.trophy-badge{color:#fff;background:linear-gradient(160deg, var(--amber-1), var(--amber-2));width:108px;height:108px;box-shadow:0 10px 0 var(--amber-edge), 0 18px 26px #b453094d, inset 0 4px 8px #fff9;animation:hop .9s var(--ease-clay) infinite;border-radius:50%;place-items:center;margin:0 auto .6rem;display:grid}.trophy-badge .icon{width:56px;height:56px}.celebration-card h2{color:var(--color-foreground);margin:.3rem 0;font-family:"Baloo 2",sans-serif;font-size:2.1rem;font-weight:800}.celebration-card p{color:var(--color-foreground-soft);margin-bottom:1.3rem;font-family:Comic Neue,sans-serif;font-size:1.2rem;font-weight:700}.celebration-buttons{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.progress-board{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.progress-total{border-radius:var(--radius-lg);box-shadow:var(--clay-surface);background:linear-gradient(165deg,#fff,#fff1f5);border:4px solid #ffe4ea;flex-direction:column;align-items:center;gap:.3rem;padding:1.1rem 1.8rem;display:flex}.progress-total-stars{color:var(--amber-2);gap:.2rem;display:flex}.progress-total-stars .icon{width:30px;height:30px}.progress-total-count{color:var(--color-foreground);font-family:"Baloo 2",sans-serif;font-size:1.2rem;font-weight:700}.progress-list{flex-direction:column;gap:.7rem;width:100%;list-style:none;display:flex}.progress-item{border-radius:var(--radius-md);background:#fff;border:3px solid #ffe4ea;align-items:center;gap:.9rem;padding:.8rem 1rem;display:flex;box-shadow:0 8px 16px #9f12391a}.progress-icon{flex-shrink:0;font-size:1.8rem}.progress-info{flex-direction:column;flex:1;min-width:0;display:flex}.progress-line-num{color:var(--color-primary);font-family:"Baloo 2",sans-serif;font-size:.85rem;font-weight:700}.progress-line-text{color:var(--color-foreground-soft);text-overflow:ellipsis;white-space:nowrap;font-family:Comic Neue,sans-serif;font-size:.92rem;font-weight:700;overflow:hidden}.progress-stars{flex-shrink:0;align-items:center;gap:.1rem;display:flex}.p-star{color:#f1d0d9}.p-star .icon{width:22px;height:22px}.p-star.on{color:var(--amber-2)}.progress-attempts{color:var(--color-foreground-soft);margin-left:.35rem;font-family:Comic Neue,sans-serif;font-size:.78rem;font-weight:700}.home-btn{--edge:#f4c2ce;z-index:15;width:58px;height:58px;color:var(--color-primary);box-shadow:0 7px 0 var(--edge), 0 14px 22px #8813373d, inset 0 3px 6px #ffffffb3;transition:transform .16s var(--ease-clay), box-shadow .16s var(--ease-clay);background:linear-gradient(160deg,#fff,#fff0f3);border-radius:50%;place-items:center;display:grid;position:fixed;top:1rem;left:1rem}.home-btn .icon{width:28px;height:28px}.home-btn:active{box-shadow:0 2px 0 var(--edge), 0 8px 12px #88133733;transform:translateY(5px)}.settings-btn{--edge:#f4c2ce;z-index:15;width:54px;height:54px;color:var(--color-foreground-soft);box-shadow:0 7px 0 var(--edge), 0 14px 22px #88133738, inset 0 3px 6px #ffffffb3;transition:transform .16s var(--ease-clay), box-shadow .16s var(--ease-clay);background:linear-gradient(160deg,#fff,#fff0f3);border-radius:50%;place-items:center;display:grid;position:fixed;top:1rem;right:1rem}.settings-btn .icon{width:26px;height:26px}.settings-btn:active{box-shadow:0 2px 0 var(--edge), 0 8px 12px #88133733;transform:translateY(5px)}.voice-settings{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.voice-title{color:var(--color-foreground);align-items:center;gap:.5rem;font-family:"Baloo 2",sans-serif;font-size:1.5rem;font-weight:800;display:inline-flex}.voice-title .icon{color:var(--color-primary)}.voice-cards{flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;display:flex}.voice-card{border-radius:var(--radius-lg);box-shadow:var(--clay-surface);background:#fff;border:4px solid #ffe4ea;flex-direction:column;flex:240px;align-items:center;gap:.7rem;padding:1.1rem;display:flex}.voice-card.aaron{border-color:#d8e6ff}.voice-card-head{flex-direction:column;align-items:center;gap:.2rem;display:flex}.voice-card-name{color:var(--color-foreground);font-family:"Baloo 2",sans-serif;font-size:1.2rem;font-weight:700}.voice-field{flex-direction:column;gap:.3rem;width:100%;display:flex}.voice-field>span{color:var(--color-foreground-soft);font-family:"Baloo 2",sans-serif;font-size:.9rem;font-weight:700}.voice-field select{color:var(--color-foreground);border-radius:var(--radius-sm);border:2px solid var(--color-border);cursor:pointer;background:#fff6f8;width:100%;padding:.6rem .8rem;font-family:Comic Neue,sans-serif;font-size:.95rem;font-weight:700}.voice-card.aaron .voice-field select{background:#f2f7ff;border-color:#d8e6ff}.voice-field input[type=range]{width:100%;accent-color:var(--color-primary);cursor:pointer}.voice-card.aaron .voice-field input[type=range]{accent-color:var(--color-accent)}.voice-hint{color:var(--color-foreground-soft);text-align:center;border-radius:var(--radius-md);background:#fff6f8;border:2px solid #ffe4ea;max-width:460px;padding:.8rem 1rem;font-family:Comic Neue,sans-serif;font-size:.92rem;font-weight:700;line-height:1.5}.fichas-board{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.fichas-board-head{text-align:center;flex-direction:column;align-items:center;gap:.7rem;display:flex}.fichas-intro{color:var(--color-foreground);font-family:"Baloo 2",sans-serif;font-size:1.3rem;font-weight:700}.fichas-grid{grid-template-columns:1fr 1fr;gap:1rem;width:100%;display:grid}.fichas-grid .ficha-card{max-width:none}.fichas-grid .ficha-num{font-size:2rem}.fichas-grid .ficha-title{padding:.1rem 1.8rem .4rem;font-size:1.15rem}@media (width<=560px){.fichas-grid{grid-template-columns:1fr;max-width:420px}}@media print{.no-print,.home-btn,.app-header,.bg-decor{display:none!important}.app{padding:0;background:#fff!important}.app-main{max-width:none}.fichas-board{gap:0}.fichas-grid{grid-template-columns:1fr 1fr;gap:10mm}.fichas-grid .ficha-card{break-inside:avoid}.ficha-fw{box-shadow:none}}@media (width<=380px){.mode-grid{grid-template-columns:1fr}}