:root{--bg:#fff6c9;--card:#fff;--ink:#1f2a2a;--accent:#f2a93b;--ok:#3aa655;--bad:#d9534f}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background:var(--bg);color:var(--ink);font-family:Trebuchet MS,Comic Sans MS,system-ui,sans-serif}header{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--ink)}header{flex-wrap:wrap}header h1{flex:1 1 100%;margin:0;font-size:1.6rem;order:2}.crumbs{order:1;flex:1 1 100%;display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.95rem}.crumbs a{color:var(--ink);background:#fff;border:2px solid #ead98a;border-radius:999px;padding:4px 12px;text-decoration:none;font-weight:700}.crumbs span{color:#8a7d3c}button,.btn{font:inherit;cursor:pointer;border:2px solid #ead98a;border-radius:999px;padding:10px 18px;background:#fff;color:var(--ink);font-weight:700;text-decoration:none}button:active{transform:scale(.96)}.grid{display:grid;gap:16px;padding:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-width:1200px;margin:0 auto}.tile{background:var(--card);border-radius:24px;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;aspect-ratio:1;text-decoration:none;color:inherit;border:0;box-shadow:0 4px #ead98a}.tile img{width:100%;flex:1;min-height:0;object-fit:contain}.tile span{font-weight:800;font-size:1.05rem;text-align:center;padding-top:6px}.tile.playing{outline:6px solid var(--accent)}.hide-text .tile span{visibility:hidden}.bar{display:flex;gap:10px;flex-wrap:wrap;padding:0 16px;justify-content:center}.panel{background:#fff;border-radius:24px;max-width:640px;margin:16px auto;padding:20px}.quiz-q{text-align:center;color:var(--ink);font-size:1.3rem;padding:8px}.quiz-big{display:block;margin:8px auto;font-size:2rem;padding:16px 28px}.tile.ok{outline:6px solid var(--ok)}.tile.bad{outline:6px solid var(--bad);opacity:.6}.tile.flip{background:#e8f3f3}.tile.flip img,.tile.flip span{visibility:hidden}.tile.matched{opacity:.45}footer{text-align:center;color:#6b6232;font-size:.85rem;padding:24px 16px}footer a{color:var(--ink)}.seg{display:flex;gap:8px;justify-content:center;padding:0 16px 8px}.seg a{flex:1;max-width:220px;text-align:center}.seg a.on{background:var(--accent);border-color:var(--accent)}:root{--teal:#2f8f8c;--teal-dark:#236f6d}.landing{max-width:1100px;margin:0 auto;padding:0 16px 8px}.landing section{margin-top:56px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;margin-top:24px!important;padding:48px 40px;border-radius:40px;background:linear-gradient(135deg,#ffe48a,#fff0b3 55%,#fff6c9);box-shadow:0 6px #ead98a;overflow:hidden}.eyebrow{margin:0 0 8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-dark);font-size:.85rem}.hero h1{margin:0;font-size:clamp(2.2rem,6vw,3.6rem);line-height:1.05;flex:none}.lead{font-size:1.2rem;line-height:1.45;max-width:30em;margin:16px 0 28px}.cta{display:inline-flex;align-items:center;gap:10px;background:var(--teal);color:#fff;font-weight:800;font-size:1.15rem;padding:16px 28px;border-radius:999px;text-decoration:none;box-shadow:0 5px 0 var(--teal-dark)}.cta:active{transform:translateY(3px);box-shadow:0 2px 0 var(--teal-dark)}.hero-demo{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:6px}.demo{background:#fff;border:0;border-radius:24px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 5px #ead98a;aspect-ratio:1}.demo img{width:100%;flex:1;min-height:0;object-fit:contain}.demo span{font-weight:800}.demo-0{transform:rotate(-3deg)}.demo-1{transform:rotate(2.5deg) translateY(10px)}.demo-2{transform:rotate(2deg)}.demo-3{transform:rotate(-2.5deg) translateY(10px)}.demo.playing{outline:6px solid var(--accent)}.demo-hint{grid-column:1/-1;text-align:center;margin:6px 0 0;font-weight:700;color:var(--teal-dark)}.stats{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.stats div{background:#fff;border-radius:24px;padding:16px 28px;text-align:center;min-width:150px;box-shadow:0 4px #ead98a}.stats b{display:block;font-size:2.2rem;color:var(--teal-dark)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.features article{background:#fff;border-radius:28px;padding:24px;box-shadow:0 4px #ead98a}.features .icon{font-size:2rem;width:60px;height:60px;border-radius:20px;display:grid;place-items:center;background:#fff0b3}.features h3{margin:14px 0 6px}.features p{margin:0;line-height:1.45}.steps h2{margin:0 0 16px}.steps{text-align:center}.steps ol{list-style:none;margin:0;padding:0;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.steps li{display:flex;align-items:center;gap:12px;background:#fff;border-radius:999px;padding:10px 22px 10px 10px;font-weight:700;box-shadow:0 4px #ead98a}.steps li span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:#fff;font-weight:800}@media(max-width:760px){.hero{grid-template-columns:1fr;padding:32px 22px}}.grid.fit .tile{aspect-ratio:auto;height:100%}.grid.menu{max-width:none;justify-content:center}.grid.fit .tile span{font-size:max(1rem,calc(var(--tile, 150px) * .1))}.tile.col span{align-self:stretch;background:var(--c);color:var(--ink);border-radius:14px;padding:6px 10px;margin-top:6px}.hero .brand{color:var(--teal-dark);white-space:nowrap}body{padding-bottom:44px}footer.dev{position:fixed;left:0;right:0;bottom:0;z-index:20;margin:0;padding:9px 16px;text-align:center;font-weight:700;font-size:.9rem;color:#6b6232;background:#ffe48a;box-shadow:0 -2px #ead98a}.offline{max-width:420px;margin:10px auto 0}.offline[hidden]{display:none}.offline summary{cursor:pointer;display:inline-block}.offline p{margin:8px 0;line-height:1.4}.offline button{font-size:.9rem;padding:6px 14px}.offline button[hidden]{display:none}.offline progress{width:100%;height:10px;accent-color:var(--teal)}.clock{width:100%;height:auto;display:block}.clock .face{fill:#fffdf0;stroke:var(--teal-dark);stroke-width:5}.clock .ticks line{stroke:var(--ink);stroke-linecap:round}.clock .nums text{font-size:19px;font-weight:800;text-anchor:middle;fill:var(--ink)}.clock .pie{fill:var(--accent);fill-opacity:.4}.clock .hand-h{stroke:var(--ink);stroke-width:9;stroke-linecap:round}.clock .hand-m{stroke:var(--teal);stroke-width:5;stroke-linecap:round}.clock .pin{fill:var(--accent);stroke:var(--ink);stroke-width:2}mark{background:#ffe48a;color:inherit;border-radius:6px;padding:0 5px}.k-h{color:var(--ink);border-bottom:5px solid var(--ink)}.k-m{color:var(--teal-dark);border-bottom:5px solid var(--teal)}.hub{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;max-width:1000px;margin:8px auto;padding:16px}.hcard{background:#fff;border-radius:32px;padding:22px;text-decoration:none;color:inherit;text-align:center;box-shadow:0 5px #ead98a}.hcard.main{background:var(--teal);color:#fff;box-shadow:0 5px 0 var(--teal-dark)}.hcard .art{width:min(100%,200px);margin:0 auto 10px;background:#fff;border-radius:50%}.hcard h2{margin:6px 0}.hcard p{margin:0;line-height:1.4}.hcard:active{transform:translateY(3px)}.theory{max-width:1000px;margin:0 auto;padding:0 16px 24px}.hsec{background:#fff;border-radius:32px;padding:22px;margin-top:20px;box-shadow:0 4px #ead98a}.hsec h2{display:flex;align-items:center;gap:12px;margin:0 0 12px;font-size:1.5rem}.hsec h2 span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:#fff;font-weight:800;flex:none}.hsec p{line-height:1.5;font-size:1.1rem;margin:8px 0}.hsec .tip,.hsec .key{background:#fff6c9;border-radius:18px;padding:12px 16px}.hsec .key{background:#e8f3f3}.hgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,230px));justify-content:center;gap:14px;margin-top:14px}.hgrid.parts{grid-template-columns:repeat(3,minmax(0,230px))}@media(max-width:560px){.hgrid.parts{grid-template-columns:repeat(2,minmax(0,1fr))}}.hgrid.four{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:560px){.hgrid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}.hgrid.small{grid-template-columns:repeat(auto-fit,minmax(110px,140px))}.tile.hc{aspect-ratio:auto;justify-content:flex-start;gap:6px;background:#fffdf0;font:inherit}.hc .clock{flex:none}.hc .hc-t{font-weight:800;font-size:1.1rem;padding:0;line-height:1.25}.hc .hc-d{font-weight:600;font-size:.85rem;color:#6b6232;padding:0;line-height:1.3}.hc.part .p-icon{font-size:2rem;line-height:1;padding:0}.cmp{margin-top:12px;display:grid;gap:12px}.cmp-h,.cmp-r{display:grid;grid-template-columns:110px 1fr 1fr;gap:12px;align-items:center}.cmp-h b{text-align:center;color:var(--teal-dark)}.cmp-r .tile.hc{justify-content:center;padding:8px}.cmp-r .clock{width:110px}.hsec.go{text-align:center}.hsec.go h2{justify-content:center}.src{text-align:center;font-size:.9rem;margin:18px 0 0}.hm-grid{grid-template-columns:repeat(4,1fr);max-width:800px}.tile.hm{background:#fffdf0;padding:8px}.tile.hm .hm-t{font-size:clamp(.8rem,2.2vw,1.15rem);line-height:1.2;padding:0}.tile.hm small{font-weight:600;color:#6b6232;font-size:clamp(.65rem,1.6vw,.85rem)}.tile.hm{justify-content:center;gap:4px}.tile.hm.flip{background:#e8f3f3}.tile.hm.flip>*{visibility:hidden}@media(max-width:560px){.hm-grid{grid-template-columns:repeat(3,1fr)}}.fc-hint{text-align:center;font-weight:700;margin:4px 16px 8px}.fc{perspective:1100px;width:min(92vw,400px);aspect-ratio:1;margin:8px auto;cursor:pointer}.fc-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.fc.flipped .fc-inner{transform:rotateY(180deg)}.fc-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:32px;background:#fff;box-shadow:0 6px #ead98a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px;text-align:center}.fc-front .clock{width:78%}.fc-dig{font-size:1.6rem;color:var(--teal-dark);letter-spacing:.04em}.fc-back{transform:rotateY(180deg);background:#e8f3f3}.fc-t{font-size:clamp(1.6rem,6vw,2.3rem);font-weight:800;line-height:1.2}.fc-p{font-size:1.3rem;font-weight:700}.fc-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;padding:14px 16px}.fc-actions .cta{border:0;cursor:pointer;font:inherit;font-weight:800}.fc-actions .ok{background:var(--ok);border-color:var(--ok);color:#fff}@media(prefers-reduced-motion:reduce){.fc-inner{transition:none}}.demo .clock{flex:1;min-height:0;width:100%}.intro{text-align:center;font-size:1.15rem;margin:0 16px 8px}.acts{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;max-width:1000px;margin:12px auto;padding:0 16px}.act{display:flex;align-items:center;gap:14px;background:#fff;border-radius:24px;padding:14px 18px;text-decoration:none;color:inherit;border-left:10px solid var(--c,#ead98a);box-shadow:0 4px #ead98a}.act:active{transform:translateY(3px)}.act-i{font-size:2rem;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#fff0b3;flex:none}.act b{display:block;line-height:1.25}.act small{color:#6b6232;font-weight:700}.activity{max-width:900px;margin:0 auto}.task{margin:0 16px 12px;font-size:1.2rem;font-weight:700;line-height:1.4;background:#fff;border-radius:20px;padding:12px 18px;box-shadow:0 3px #ead98a}.game{padding:0 16px 8px}.jbar{padding:12px 0 4px}.jbar .main{background:var(--teal);border-color:var(--teal);color:#fff}.jmsg{text-align:center;font-weight:700;margin:8px 0 0;min-height:1.4em}.done{margin:16px auto;padding:16px 20px;max-width:480px;text-align:center;border-radius:24px;background:#e6f6ea;border:3px solid var(--ok);display:flex;flex-direction:column;gap:12px;align-items:center;font-size:1.2rem}.anav{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 16px 24px}.anav .btn{max-width:48%}.dnd-item{touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.dnd-item img{pointer-events:none;-webkit-user-drag:none}.dnd-item.sel{outline:5px solid var(--accent)}.dnd-item.dragging{opacity:.3}.ghost{position:fixed;left:0;top:0;z-index:60;pointer-events:none;opacity:.92;margin:0;box-shadow:0 8px 20px #0004}.cmp-wrap{max-width:760px;margin:0 auto}.cmp-box{position:relative;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px #ead98a;line-height:0}.cmp-box img{width:100%;height:auto;display:block}.cmp-top{position:absolute;inset:0;background:#fff;clip-path:inset(0 calc(100% - var(--p)) 0 0)}.cmp-line{position:absolute;top:0;bottom:0;left:var(--p);width:4px;margin-left:-2px;background:var(--accent);box-shadow:0 0 0 2px #fff}.cmp-wrap input[type=range]{width:100%;margin:14px 0 0;accent-color:var(--accent);height:34px}.prows{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.prow{display:flex;align-items:center;gap:10px;background:#fff;border-radius:20px;padding:8px;box-shadow:0 3px #ead98a}.prow>img{width:38%;max-height:130px;object-fit:contain;flex:none}.slot{flex:1;min-height:90px;display:grid;place-items:center;border:3px dashed #ead98a;border-radius:16px}.slot.ok{border:3px solid var(--ok);background:#e6f6ea}.slot.bad{border-color:var(--bad);animation:shake .4s}.slot img{max-width:100%;max-height:120px;object-fit:contain}.bank{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px;padding:12px;background:#fff0b3;border-radius:20px;min-height:70px}.chip{background:#fff;border-radius:14px;padding:6px 12px;box-shadow:0 3px #ead98a;font-weight:800;font-size:inherit}.chip:has(img){padding:4px;width:150px}.chip img{width:100%;height:auto;display:block;border-radius:10px}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.grid.mem{max-width:800px;grid-template-columns:repeat(var(--cols),1fr)}@media(max-width:560px){.grid.mem{grid-template-columns:repeat(4,1fr);gap:10px;padding:10px 0}}.grid.mem .tile img{object-fit:contain}.seq{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.card{width:clamp(84px,18vw,130px);background:#fff;border-radius:16px;padding:6px;box-shadow:0 3px #ead98a}.card img{width:100%;display:block;border-radius:10px}.card.ok{outline:5px solid var(--ok)}.card.bad{outline:5px solid var(--bad)}.ws{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;align-items:flex-start}.wgrid{display:grid;grid-template-columns:repeat(var(--n),1fr);width:min(100%,520px);background:#fff;border-radius:16px;padding:6px;box-shadow:0 4px #ead98a;touch-action:none;user-select:none;-webkit-user-select:none}.wgrid span{aspect-ratio:1;display:grid;place-items:center;font-weight:800;font-size:clamp(.8rem,3.6vw,1.5rem);border-radius:8px;cursor:pointer}.wgrid .pick{background:var(--accent)}.wgrid .hint{outline:3px solid var(--teal)}.wgrid .hit{background:hsl(var(--h) 80% 78%)}.wlist{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;flex:1 1 180px;max-width:340px}.wlist li{background:#fff;border-radius:999px;padding:6px 14px;font-weight:800;box-shadow:0 3px #ead98a}.wlist li.found{background:#e6f6ea;text-decoration:line-through;color:#5a7a60}.dtext p{font-size:1.25rem;line-height:2.4;margin:6px 0;background:#fff;border-radius:16px;padding:2px 16px}.blank{display:inline-block;min-width:6.5em;min-height:1.9em;vertical-align:middle;border:3px dashed #ead98a;border-radius:12px;text-align:center;line-height:1.5;margin:0 2px;padding:0 4px}.blank .chip{display:inline-block;box-shadow:none;background:transparent;padding:0 4px}.blank.ok{border:3px solid var(--ok);background:#e6f6ea}.blank.bad{border:3px solid var(--bad);background:#fdecea}.blank-in{font:inherit;font-size:1.15rem;font-weight:700;text-align:center;border:3px solid #ead98a;border-radius:12px;padding:2px 6px;max-width:100%}.blank-in.ok{border-color:var(--ok);background:#e6f6ea}.blank-in.bad{border-color:var(--bad);background:#fdecea}.dimg{position:relative;max-width:900px;margin:0 auto;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px #ead98a}.dimg>img{width:100%;height:100%;object-fit:contain;display:block}.dimg .zone{position:absolute;display:grid;place-items:center;margin:0;padding:0;min-width:0;min-height:0;font-size:var(--fs,12px);border:2px dashed var(--teal);background:#ffffffb8;border-radius:6px}.dimg .zone .chip{padding:0 2px;font-size:inherit}.dimg .zone.ok{border:2px solid var(--ok);background:#e6f6eacc}.dimg .zone.bad{border:2px solid var(--bad);background:#fdecead9}.dimg+.bank{font-size:1.15rem}.dimg0{display:block;max-width:100%;margin:0 auto 12px;border-radius:16px}.dict{display:grid;gap:12px;max-width:560px;margin:0 auto}.drow{display:flex;gap:10px;align-items:center}.drow input{flex:1;min-width:0;font:inherit;font-size:1.3rem;font-weight:700;padding:8px 12px;border:3px solid #ead98a;border-radius:14px}.drow input.ok{border-color:var(--ok);background:#e6f6ea}.drow input.bad{border-color:var(--bad);background:#fdecea}.listen{font-size:1.6rem;padding:8px 16px}.listen.playing{outline:5px solid var(--accent)}.qtext{text-align:center;margin:10px 0 14px;line-height:1.3}.qimg{display:block;max-width:100%;margin:0 auto;border-radius:16px}.answers{display:grid;gap:12px;max-width:560px;margin:0 auto}.ans{font-size:1.2rem;padding:14px 18px;border-radius:20px;text-align:left}.ans.ok{background:#e6f6ea;border-color:var(--ok)}.ans.bad{background:#fdecea;border-color:var(--bad);opacity:.7}.ctx{display:block;max-width:calc(100% - 32px);max-height:70vh;margin:0 auto 14px;border-radius:16px;background:#fff;box-shadow:0 4px #ead98a}.videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;max-width:1000px;margin:12px auto;padding:0 16px}.videos:has(>:only-child){max-width:720px}.video{margin:0}.video .yt,.video iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:20px;overflow:hidden;background:#000;box-shadow:0 4px #ead98a}.video .yt{position:relative;padding:0;cursor:pointer}.video .yt img{width:100%;height:100%;object-fit:cover;display:block}.yt-play{position:absolute;inset:0;margin:auto;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;font-size:2.2rem;color:#fff;background:var(--bad);box-shadow:0 4px #0003;padding-left:6px}.video figcaption{text-align:center;font-weight:800;margin-top:8px}.landing .sections{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:28px}@media(max-width:1060px){.landing .sections{grid-template-columns:repeat(2,1fr)}}.section-card{--sc:var(--teal);--sd:var(--teal-dark);display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;background:var(--sc);color:#fff;border-radius:32px;padding:24px 22px 22px;text-decoration:none;box-shadow:0 6px 0 var(--sd)}.section-card.s-hores{--sc:#d9772b;--sd:#a8561a}.section-card.s-int{--sc:#5a62c2;--sd:#3f4693}.section-card:active{transform:translateY(3px);box-shadow:0 3px 0 var(--sd)}.section-card .art{width:130px;height:130px;background:#fff;border-radius:30px;padding:12px;display:grid;place-items:center}.section-card .art img{width:100%;height:100%;object-fit:contain}.section-card .art-emoji{font-size:4.5rem;padding:0}.section-card h2{margin:6px 0 0;font-size:1.55rem;line-height:1.15}.section-card p{margin:0;line-height:1.4;flex:1}.section-card .go{margin-top:6px;background:#fff;color:var(--sd);font-weight:800;border-radius:999px;padding:10px 22px}@media(max-width:860px){.landing .sections{grid-template-columns:1fr}.section-card{flex-direction:row;flex-wrap:wrap;text-align:left}.section-card .art{width:96px;height:96px}.section-card div:not(.art){flex:1}.section-card h2,.section-card p{flex:1 1 calc(100% - 120px)}}@font-face{font-family:Poppins;font-weight:400;font-display:swap;src:url(/fonts/poppins-400.woff2) format("woff2")}@font-face{font-family:Poppins;font-weight:600;font-display:swap;src:url(/fonts/poppins-600.woff2) format("woff2")}@font-face{font-family:Quicksand;font-weight:500 700;font-display:swap;src:url(/fonts/quicksand.woff2) format("woff2")}@font-face{font-family:Massallera;font-display:swap;src:url(/fonts/massallera.ttf) format("truetype")}.f-pal{font-family:Poppins,system-ui,sans-serif}.f-lligada{font-family:Massallera,Poppins,cursive}.lecto{--lband:#d7ebec;--lnum:#8ec5c6;--lnum-d:#5f9ea0;--lbox:#d7ebec;--lok:#3aa655;--lt:"Poppins";--lsz:1}.lecto.lm-lligada{--lband:#dff0f8;--lnum:#9db2d1;--lnum-d:#6f86ab;--lbox:#dff0f8;--lt:"Massallera";--lsz:1.3}.lecto .lt,.lsheet{font-family:var(--lt),"Poppins",sans-serif;font-weight:400}.lsheet .lhint,.lsheet .ldone,.lsheet .lnav .btn{font-family:Trebuchet MS,system-ui,sans-serif;font-weight:700}.lecto .qs{font-family:Quicksand,sans-serif;font-weight:500}.lecto .qb{font-weight:700}.fswitch{display:flex;gap:10px;justify-content:center;margin:6px 16px 4px}.fswitch button{display:flex;align-items:center;gap:10px;border-radius:20px;padding:8px 18px 8px 10px}.fswitch button[aria-checked=true]{background:var(--lnum);border-color:var(--lnum-d);color:#fff}.fswitch [data-f=pal]{font-family:Poppins,sans-serif}.fswitch [data-f=lligada]{font-family:Massallera,cursive;font-size:1.1em}.fs-aa{font-size:1.9rem;line-height:1;width:52px;text-align:center;font-weight:400}.lbook{max-width:1100px;margin:18px auto 0;padding:0 16px}.lbook h2{margin:8px 4px 12px}.lgrid-letters{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:14px}.ltile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:132px;padding:14px 10px 12px;background:#fff;border-radius:24px;text-decoration:none;color:var(--ink);box-shadow:0 4px #ead98a;overflow:hidden}.ltile:before{content:"";position:absolute;left:0;right:0;top:22px;height:44px;background:var(--lband)}.ltile img{position:relative;height:44px;width:auto;max-width:70%;object-fit:contain}.ltile span{position:relative;font-size:calc(2.1rem * var(--lsz));line-height:1.1;white-space:nowrap}.ltile span.long{font-size:calc(1.6rem * var(--lsz))}.ltile small{position:relative;font-size:calc(.95rem * var(--lsz));color:#5b6b6b}.ltile:active{transform:translateY(3px);box-shadow:0 1px #ead98a}.lsheet{max-width:920px;margin:4px auto 16px;background:#fff;border-radius:28px;box-shadow:0 5px #ead98a;overflow:hidden;padding-bottom:8px}.lband{display:flex;justify-content:flex-end;align-items:center;gap:14px;background:var(--lband);margin-top:22px;padding:0 26px;height:64px}.lband img{height:58px;width:auto}.lband span{font-size:calc(3.6rem * var(--lsz));line-height:1;transform:translateY(-10px)}.lm-lligada .lband span{font-size:3.1rem;transform:translateY(-4px)}.ltop{display:flex;justify-content:flex-end;padding:10px 16px 0}.ltop .fswitch{margin:0}.ltop .fswitch button{padding:4px 12px 4px 4px;font-size:.85rem}.ltop .fs-aa{font-size:1.3rem;width:36px}.num{width:42px;height:42px;flex:none;border-radius:50%;display:grid;place-items:center;background:#e7f2f2;color:var(--lnum-d);font-weight:800;font-size:1.15rem;text-decoration:none}.num.on{background:var(--lnum);color:#fff}.steps-l{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:14px 16px 4px}.steps-l .num{width:38px;height:38px;font-size:1rem}.ltask{display:flex;align-items:center;gap:14px;padding:14px 22px 6px}.ltask h2{margin:0;font-size:calc(1.6rem * var(--lsz));line-height:1.2;flex:1}.ltask .num{width:52px;height:52px;font-size:1.5rem}.spkb{border-radius:50%;width:48px;height:48px;padding:0;font-size:1.3rem;flex:none}.lgame{padding:8px 18px 4px;font-size:calc(1.35rem * var(--lsz))}.lnav{display:flex;justify-content:space-between;gap:10px;padding:14px 18px 8px}.lnav .btn{font-size:1.1rem;padding:12px 22px}.lnav .go{background:var(--lnum);border-color:var(--lnum-d);color:#fff}.lhint{text-align:center;font-size:1rem;font-family:Trebuchet MS,system-ui,sans-serif;color:#5b6b6b;margin:10px 0 0;font-weight:700}.lgame button{font:inherit}.lw{border-radius:16px;padding:8px 16px;border:2px solid transparent;background:#fff;box-shadow:0 3px #c9dede;min-height:52px}.lw.playing,.pcard.playing,.mpic.playing,.sent.playing{outline:5px solid var(--accent)}.lw.seen{background:#fffbe6}.nope{animation:shake .4s}.ldone{margin:16px auto 4px;padding:12px 18px;max-width:420px;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;border-radius:22px;background:#e6f6ea;border:3px solid var(--lok);font-family:Trebuchet MS,system-ui,sans-serif;font-size:1.3rem}.ldone span{font-size:2rem}.lbar{display:flex;justify-content:center;gap:10px;margin-top:12px}.lbox{background:var(--lbox);border-radius:6px;padding:14px 10px;display:grid;gap:12px}.lrow{display:flex;flex-wrap:wrap;gap:10px 14px;justify-content:center}.lrow .lw{box-shadow:none;background:#ffffffb0}.rsent{display:flex;gap:16px;align-items:center;margin-top:16px;flex-wrap:wrap;justify-content:center}.rimg{width:min(180px,40%);height:auto}.sents{flex:1 1 300px;display:grid;gap:10px}.sent{text-align:left;border-radius:16px;border:0;background:#f6fbfb;padding:10px 14px;display:flex;gap:10px;align-items:center;line-height:1.3}.sent .spk{font-size:1rem}.lmark{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px;max-width:620px;margin:0 auto}.mcard{display:flex;align-items:center;gap:12px}.mcard:nth-child(odd){flex-direction:row-reverse}.mpic{position:relative;flex:1;aspect-ratio:1;max-height:190px;border:0;background:#fff;border-radius:20px;padding:6px}.mpic img{width:100%;height:100%;object-fit:contain}.mpic .spk{position:absolute;right:4px;bottom:4px;font-size:1.1rem}.mbox{width:62px;height:62px;flex:none;border:3px solid #333;border-radius:8px;background:#fff;padding:0;font-size:2.2rem;color:var(--lok);line-height:1}.mbox.on{border-color:var(--lok);background:#e6f6ea}.mcard.no .mpic{opacity:.55}.legend{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.lg{width:76px;height:76px;border-radius:50%;border:4px solid var(--c);background:#fff;padding:0}.lg[aria-checked=true]{background:color-mix(in srgb,var(--c) 30%,#fff);transform:scale(1.12);box-shadow:0 0 0 4px #fff,0 0 0 7px var(--c)}.crows{display:grid;gap:14px;margin-top:14px}.crow{display:flex;flex-wrap:wrap;gap:6px 10px;justify-content:center;align-items:center}.ck,.fs,.lgw{border:4px solid transparent;background:none;border-radius:999px;padding:2px 10px;min-width:56px;min-height:56px;color:#3d383a;line-height:1.1}.ck.ring,.fs.ring,.lgw.ring,.opt.ring{border-color:var(--c,var(--lok))}.fs{min-width:0;min-height:0;padding:0;border:0;border-radius:50%;font-size:1.25em}.fs.ring{box-shadow:0 0 0 3px var(--c,var(--lok));background:color-mix(in srgb,var(--c,var(--lok)) 12%,transparent)}.ftext{line-height:2.2;text-align:center}.ftext p{margin:6px 0}.fw{display:inline-block;white-space:nowrap;margin:0 .35em}.lgw{min-width:0;min-height:0;padding:0 6px;border-width:3px}.ftext .spkb{width:40px;height:40px;font-size:1rem;vertical-align:middle}.linked{position:relative}.links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.links line{stroke-width:5;stroke-linecap:round}.pnt{display:grid;gap:70px;padding:6px 0}.pnrow{display:flex;justify-content:space-around;gap:8px;flex-wrap:wrap}.pl,.pu{min-width:72px;min-height:58px;border-radius:6px;border:3px solid #ddd;background:#fff;padding:6px 10px;position:relative;z-index:1}.pl,.pu.painted{background:var(--c);border-color:var(--c)}.sel{outline:5px solid var(--accent)!important}.paired{cursor:default}.mt{display:flex;justify-content:space-between;align-items:stretch;gap:12px;max-width:700px;margin:0 auto}.mcol{display:flex;flex-direction:column;justify-content:space-around;gap:14px;position:relative;z-index:1}.mwords{justify-content:center}.mi{width:min(150px,30vw);aspect-ratio:1;border:0;background:#fff;border-radius:18px;padding:6px}.mi img{width:100%;height:100%;object-fit:contain}.mw{border-radius:14px;border:3px solid #d7ebec;background:#fff;padding:8px 18px;min-height:56px}.mi.paired,.mw.paired{border-color:var(--lok)}.pr2 .mcol{flex:0 1 42%;gap:22px}.caps{font-family:Poppins,sans-serif}.traces{display:grid;gap:14px}.tr{display:flex;gap:8px;align-items:center}.trpad{position:relative;flex:1;border-radius:10px;padding:4px 10px}svg.dots .pauta{stroke:#9cc9c9;stroke-width:2}.trpad canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}svg.dots{display:block;width:100%;height:auto;max-height:130px;overflow:visible}svg.dots text{font-family:var(--lt),"Poppins",sans-serif;font-size:100px;fill:none;stroke:#8a8a8a;stroke-width:2.6;stroke-dasharray:1 7;stroke-linecap:round}.tclr{width:52px;height:52px;padding:0;border-radius:50%;font-size:1.4rem;flex:none}.pal{display:flex;gap:10px;justify-content:center;margin-bottom:10px}.pc{width:46px;height:46px;border-radius:50%;background:var(--c);border:3px solid #fff;box-shadow:0 0 0 2px #ccc;padding:0}.pc[aria-pressed=true]{box-shadow:0 0 0 4px var(--accent)}.draws{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.dr{position:relative;display:flex;flex-direction:column;gap:8px}.dr canvas{width:100%;aspect-ratio:4/3;background:#fff;border:3px solid #333;border-radius:6px;touch-action:none}.dr .tclr{position:absolute;right:8px;bottom:8px}.dname{align-self:flex-start;background:var(--lbox);box-shadow:none}.sbank{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:12px;background:#f6fbfb;border-radius:18px;min-height:70px}.sw{border-radius:14px;border:3px solid #d7ebec;background:#fff;padding:6px 16px;min-height:54px}.sbins{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.sbin{border:3px dashed var(--lnum);border-radius:20px;padding:10px;min-height:140px}.sbin-h{text-align:center;font-size:1.4rem}.sbin-h .big{font-size:2.6rem}.crossed{position:relative;color:#c0392b}.crossed:after{content:"";position:absolute;left:-12%;right:-12%;top:50%;height:5px;background:#c0392b;transform:rotate(-35deg);border-radius:3px}.sbin-in{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px}.sbin-in .sw{border-color:var(--lok)}.gap{display:inline-block;min-width:5em;min-height:1.6em;border-bottom:3px solid #333;vertical-align:bottom;margin:0 .2em}.gap.ok{border-color:var(--lok)}.gap .sw{padding:0 8px;min-height:0;border:0}.pics{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.pics.few{grid-template-columns:repeat(3,minmax(0,1fr));max-width:640px;margin:0 auto}.pcard{display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:#fff;border-radius:20px;padding:8px;box-shadow:0 3px #d7ebec}.pcard img{width:100%;aspect-ratio:1;object-fit:contain}.pname{font-size:1.1em;line-height:1.15}.pname svg.dots{max-height:52px}.pcard.solid svg.dots text{fill:#1f2a2a;stroke:none}.chs{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px}.ch{display:flex;flex-direction:column;align-items:center;gap:8px}.chpic{width:100%;max-width:190px;aspect-ratio:1}.chpic img{width:100%;height:100%;object-fit:contain}.chopts{display:flex;flex-direction:column;gap:8px;width:100%;max-width:200px}.opt{border:4px solid transparent}.ch.solved .opt:not(.ring){opacity:.4}.lgrid{gap:0;padding:0;border:2px solid #9aa;border-radius:4px;box-shadow:none}.lgrid span{font-family:Poppins,sans-serif;font-weight:400;border:1px solid #c9d3d3;border-radius:0}.lecto .wlist li{cursor:pointer}.lecto .wlist li.playing{outline:4px solid var(--accent)}@media(max-width:560px){.lgame{padding:6px 10px;font-size:calc(1.2rem * var(--lsz))}.ltask{padding:12px 14px 4px}.ltask h2{font-size:calc(1.25rem * var(--lsz))}.ltask .num{width:42px;height:42px;font-size:1.2rem}.lband{height:54px;padding:0 16px}.lband span{font-size:calc(2.8rem * var(--lsz))}.lband img{height:46px}.lm-lligada .lband span{font-size:2.5rem}.lmark{gap:12px}.mbox{width:50px;height:50px}.pnt{gap:50px}.pl,.pu{min-width:52px;padding:4px 6px}.lgrid-letters{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.ltile{min-height:112px}.ltile span{font-size:calc(1.7rem * var(--lsz))}.fswitch button{padding:6px 12px 6px 6px;font-size:.9rem}.fs-aa{width:40px;font-size:1.5rem}}.section-card.s-lecto{--sc:#3f9b8f;--sd:#2c7268}.art-letters{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:0;color:#2c7268;line-height:1}.art-letters .f-pal{font-size:2.3rem}.art-letters .f-lligada{font-size:2.5rem;margin-top:.1em}