.joc-section[data-astro-cid-v5l52b6z]{padding-top:clamp(24px,4vw,48px)}.joc-intro[data-astro-cid-v5l52b6z]{margin-bottom:1.2rem}.joc-intro[data-astro-cid-v5l52b6z] h1[data-astro-cid-v5l52b6z]{margin-bottom:.3em}.crumbs[data-astro-cid-v5l52b6z]{color:var(--muted);margin-bottom:1rem;font-size:.9rem}.crumbs[data-astro-cid-v5l52b6z] a[data-astro-cid-v5l52b6z]{color:var(--muted)}.how[data-astro-cid-v5l52b6z]{counter-reset:how;margin:1.6rem 0;padding:0;list-style:none}.how[data-astro-cid-v5l52b6z] li[data-astro-cid-v5l52b6z]{counter-increment:how;padding-top:2rem;position:relative}.how[data-astro-cid-v5l52b6z] li[data-astro-cid-v5l52b6z]:before{content:counter(how);background:var(--orange);color:#3b2300;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:800;display:grid;position:absolute;top:-14px;left:1.2rem}.how[data-astro-cid-v5l52b6z] h3[data-astro-cid-v5l52b6z]{margin-bottom:.3rem}.tips[data-astro-cid-v5l52b6z]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.tips[data-astro-cid-v5l52b6z] ul[data-astro-cid-v5l52b6z]{margin:0;padding-left:1.2rem}.tips[data-astro-cid-v5l52b6z] li[data-astro-cid-v5l52b6z]{margin:.35rem 0}.songs-title[data-astro-cid-v5l52b6z]{margin:2.4rem 0 1rem}.mas{--c:var(--teal);--c-soft:var(--teal-soft);--c-ink:var(--teal-ink);border:1px solid var(--line);min-height:min(780px,100svh - 24px);box-shadow:var(--shadow);background:radial-gradient(circle at 12% 8%, #fff 0, transparent 40%), linear-gradient(165deg, var(--c-soft) 0%, #fff 75%);text-align:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:28px;flex-direction:column;padding:clamp(10px,2.4vmin,32px);font-size:clamp(1rem,.55rem + 1.35vmin,1.85rem);line-height:1.4;display:flex;position:relative}.mas:fullscreen{border:0;border-radius:0;min-height:100vh;overflow:auto}.mas:-webkit-full-screen{border:0;border-radius:0;width:100%;height:100%;overflow:auto}.mas [hidden]{display:none!important}.mas button{font:inherit;color:inherit}.mas .btn{font-size:1em}.mas .btn-big{padding:.55em 1.4em;font-size:1.15em}.mas .btn-small{font-size:.85em}.mas h2{color:var(--c-ink);margin:0;font-size:1.8em;line-height:1.15}.mas h2:focus{outline:none}.mas .say{max-width:34em;margin:0 auto;font-size:1.1em}.mas-bar{align-items:center;gap:.4em;display:flex}.mas-tools{gap:.4em;margin-left:auto;display:flex}.mas .tool{border:2px solid var(--line);cursor:pointer;background:#ffffffd9;border-radius:999px;align-items:center;gap:.35em;padding:.3em .8em;font-size:.8em;font-weight:700;display:inline-flex}.mas .tool:hover{border-color:var(--c)}.mas .tool svg{width:1.1em;height:1.1em}@media (width<=640px){.mas .tool-label{display:none}.mas .tool{padding:.35em .6em}}.mas .screen{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.6em;padding:.6em 0 .8em;display:flex}.lab-name{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.8em;font-weight:800}.exp-head{text-align:left;align-items:center;gap:1em;max-width:40em;display:flex}.exp-head .say{margin:.2em 0 0}.head-teo{flex:none;width:6.5em}.labs{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9em;width:100%;max-width:50em;margin-top:.8em;display:grid}@media (width<=760px){.labs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.head-teo{width:4.5em}}.lab{background:var(--lc-soft);box-shadow:0 5px 0 var(--lc);box-shadow:0 5px 0 color-mix(in srgb, var(--lc) 45%, #fff);touch-action:manipulation;cursor:pointer;border:3px solid #0000;border-radius:.4em 1em 1em;flex-direction:column;align-items:center;gap:.1em;padding:1.5em .5em .9em;transition:transform .15s,border-color .15s;display:flex;position:relative}@media (hover:hover){.lab:hover{border-color:var(--lc);transform:translateY(-4px)rotate(-1deg)}}.lab:active{transform:translateY(3px)}.lab-tab{background:var(--lc-soft);background:color-mix(in srgb, var(--lc) 55%, #fff);color:var(--ink);border-radius:.6em .6em 0 0;padding:.15em .8em;font-size:.75em;font-weight:800;position:absolute;top:-.9em;left:-3px}.lab-icon{font-size:2.4em;line-height:1.1}.lab strong{font-family:var(--font-display);color:var(--ink);font-size:1.15em;line-height:1.15}.lab-what{color:var(--lc-ink);font-size:.8em;font-weight:800}.lab-stamp{color:#2a7046;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#ffffffe0;border:3px solid #2a7046;border-radius:.3em;padding:.1em .5em;font-size:.95em;font-weight:800;display:none;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)rotate(-12deg)}.lab.solved .lab-stamp{display:block}.lab.solved .lab-icon{opacity:.5}.lab.next{border-color:var(--orange);animation:1.4s ease-in-out infinite nudge}@keyframes nudge{50%{transform:translateY(-5px)}}.talk{text-align:left;align-items:center;gap:.6em;width:100%;max-width:40em;display:flex}.talk-teo{flex:none;width:3.6em}.bubble-say{min-height:2.9em;box-shadow:var(--shadow);background:#fff;border-radius:1em;flex:1;align-items:center;margin:0;padding:.5em .9em;font-size:1.02em;font-weight:700;display:flex;position:relative}.bubble-say:before{content:"";border:.5em solid #0000;border-left:0;border-right-color:#fff;position:absolute;top:50%;left:-.5em;transform:translateY(-50%)}@media (width<=640px){.talk-teo{width:2.8em}.bubble-say{font-size:.95em}}[data-screen=sortare] .bubble-say{min-height:5.2em}@media (width<=640px){[data-screen=sortare] .bubble-say{min-height:6.6em}}.tray{justify-content:center;width:100%;min-height:9.5em;display:flex}.card-item{z-index:3;border:3px solid var(--c);width:11em;box-shadow:var(--shadow);cursor:grab;touch-action:none;background:#fff;border-radius:1.2em;flex-direction:column;align-items:center;gap:.1em;padding:.5em .6em .4em;display:flex;position:relative}.card-item.dragging{cursor:grabbing;transition:none;box-shadow:0 18px 40px #1f244038}.card-item.back{transition:transform .3s cubic-bezier(.3,1.2,.5,1),opacity .3s}.card-item .thing{pointer-events:none;width:6.2em;height:auto;display:none}.card-item .thing.on{animation:.45s cubic-bezier(.3,1.6,.5,1) pop;display:block}.card-name{min-height:2.3em;font-family:var(--font-display);color:var(--ink);justify-content:center;align-items:center;font-size:1.15em;line-height:1.15;display:flex}.drag-tip{color:var(--muted);font-size:.7em;font-weight:700}.units{grid-template-columns:repeat(var(--n,3), minmax(0, 1fr));gap:.8em;width:100%;max-width:46em;display:grid}.bin{border:3px dashed #c9cfdc;border:3px dashed color-mix(in srgb, var(--c) 55%, #fff);touch-action:manipulation;cursor:pointer;background:#ffffffeb;border-radius:1.2em;flex-direction:column;align-items:center;gap:.05em;padding:.6em .4em .7em;transition:transform .15s,border-color .15s,background .3s;display:flex}.bin.over{border-color:var(--c);background:var(--c-soft);border-style:solid;transform:translateY(-3px)}@media (hover:hover){.bin:hover{border-color:var(--c);background:var(--c-soft);border-style:solid;transform:translateY(-3px)}}.bin-sym{font-family:var(--font-display);color:var(--c-ink);font-size:2.3em;font-weight:800;line-height:1}.bin strong{font-size:1em}.bin-sub{color:var(--muted);font-size:.75em;font-weight:700}.bin-items{flex-wrap:wrap;justify-content:center;gap:.15em;min-height:2.2em;margin-top:.3em;display:flex}.bin-items svg{width:2.2em;height:2.2em;animation:.45s cubic-bezier(.3,1.6,.5,1) pop}.bin.good{border-style:solid;border-color:var(--green);background:#e9f7ee}.bin.hint{border-style:solid;border-color:var(--orange);animation:.9s ease-in-out infinite alternate pulse-bin}@keyframes pulse-bin{to{box-shadow:0 0 0 .3em #f59e0b59}}.bin.nope{animation:.45s ease-in-out nope}@keyframes nope{25%{transform:translate(-7px)}75%{transform:translate(7px)}}@media (width<=640px){.units{gap:8px}.bin{padding:.4em .2em .5em}.bin-sym{font-size:1.8em}.bin strong{font-size:.8em}.bin-sub{display:none}.card-item{width:9em}.card-item .thing{width:5em}}.dots{flex-wrap:wrap;justify-content:center;gap:.35em;margin:.2em 0 0;padding:0;list-style:none;display:flex}.dots li{width:1.9em;height:1.9em;color:var(--muted);background:#fff;border:3px solid #d6d9e4;border-radius:50%;place-items:center;font-size:.8em;font-weight:800;transition:transform .3s,background .3s;display:grid}.dots li.on{background:var(--c-ink);border-color:var(--c-ink);color:#fff;transform:scale(1.12)}.mie{grid-template-columns:minmax(0,1.7fr) minmax(12em,1fr);align-items:center;gap:1em;width:100%;max-width:52em;display:grid}@media (width<=760px){.mie{grid-template-columns:1fr;gap:.6em}}.mie-stage{box-shadow:var(--shadow);background:#fff;border-radius:1em;overflow:hidden}.mie-scene{width:100%;height:auto;display:none}.mie-scene.on{display:block}.mie-scene text{-webkit-user-select:none;user-select:none}.mie-label{font-family:var(--font-display);fill:#1f2440;font-size:26px;font-weight:800}.mie-tick{font-family:var(--font-display);fill:#1f2440;font-size:22px;font-weight:700}.mie-tick-goal{fill:#2a7046;font-weight:800}.mie-weight{font-family:var(--font-display);fill:#1f2440;font-size:24px;font-weight:800}.mie-small{font-family:var(--font-display);fill:#5b6078;font-size:16px;font-weight:700}.mie-part-label{font-family:var(--font-display);fill:#fff;pointer-events:none;font-size:17px;font-weight:800}.js-beam,.js-pan-l,.js-pan-r,.js-walker{transition:transform .6s cubic-bezier(.3,1.3,.5,1)}.js-water{transition:transform .6s ease-out}.js-spill{opacity:0;transition:opacity .3s}.js-spill.on{opacity:1}.js-needle{transition:fill .3s}.balanced .js-needle{fill:var(--green)}.mie-side{border:3px solid var(--c);box-shadow:var(--shadow);background:#fff;border-radius:1.1em;flex-direction:column;align-items:center;gap:.45em;padding:.8em;display:flex}.total{color:var(--muted);margin:0;font-weight:700}.total strong{font-family:var(--font-display);color:var(--c-ink);font-size:1.9em}.total.over strong{color:#d23c2a}.meter{background:var(--line);border-radius:999px;width:100%;height:.8em;position:relative;overflow:hidden}.meter-fill{border-radius:inherit;background:var(--c);width:0;height:100%;transition:width .4s,background .3s;display:block}.over .meter-fill,.meter-fill.over{background:#d23c2a}.meter-goal{background:var(--ink);opacity:.6;width:3px;position:absolute;top:0;bottom:0;right:16.6%}.parts{flex-wrap:wrap;justify-content:center;gap:.4em;margin-top:.2em;display:flex}.part{background:var(--c-ink);min-width:4.4em;font-family:var(--font-display);cursor:pointer;touch-action:manipulation;border:0;border-radius:.8em;padding:.35em .7em;font-size:1.1em;font-weight:800;transition:transform .12s;box-shadow:0 4px #1f244040;color:#fff!important}@media (hover:hover){.part:hover{transform:translateY(-2px)}}.part:active{transform:translateY(3px);box-shadow:0 1px #1f244040}.placed-label{color:var(--muted);margin:.2em 0 0;font-size:.8em;font-weight:800}.placed-hint{font-weight:600}.placed{flex-wrap:wrap;justify-content:center;gap:.3em;min-height:1.9em;margin:0;padding:0;list-style:none;display:flex}.placed button{touch-action:manipulation;border:2px solid var(--c);background:var(--c-soft);cursor:pointer;border-radius:999px;padding:.15em .6em;font-size:.85em;font-weight:800;animation:.35s cubic-bezier(.3,1.6,.5,1) pop}.placed button:hover{border-color:#d23c2a}.mie-side.nope{animation:.45s ease-in-out nope}.split{text-align:left;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);align-items:center;gap:1.4em;width:100%;max-width:48em;display:grid}.split-face{justify-self:end;width:100%;max-width:12em}.split-main{flex-direction:column;align-items:flex-start;gap:.5em;display:flex}.split-main .say{margin:0}@media (width<=640px){.split{text-align:center;grid-template-columns:1fr;gap:.6em}.split-face{justify-self:center;max-width:6.5em}.split-main{align-items:center}}.stamp{color:#2a7046;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;border:4px solid #2a7046;border-radius:.3em;margin:0;padding:.05em .6em;font-size:1.3em;font-weight:800;animation:.5s cubic-bezier(.3,1.6,.5,1) stamp;transform:rotate(-6deg)}@keyframes stamp{0%{opacity:0;transform:rotate(-6deg)scale(2.2)}}.badge-new{border:3px solid var(--orange);background:#fff;border-radius:999px;align-items:center;gap:.5em;margin:.2em 0;padding:.25em 1em .25em .4em;animation:.6s cubic-bezier(.3,1.6,.5,1) pop;display:inline-flex}.badge-icon{font-size:1.7em;line-height:1}@keyframes pop{0%{opacity:0;transform:scale(.3)}}.badges{flex-wrap:wrap;align-items:center;gap:.4em;display:flex}.badges-label{color:var(--muted);font-size:.85em;font-weight:700}.badge-slot{filter:grayscale();opacity:.4;background:#fff;border:2px dashed #cfd3df;border-radius:50%;place-items:center;width:2.2em;height:2.2em;font-size:1.1em;display:grid}.badge-slot.on{border:2px solid var(--orange);filter:none;opacity:1}.player{border:1px solid var(--line);width:100%;max-width:24em;box-shadow:var(--shadow);background:#fff;border-radius:999px;align-items:center;gap:.8em;padding:.35em 1.2em .35em .35em;display:flex}.play{background:var(--teal-ink);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:2.8em;height:2.8em;display:grid;color:#fff!important}.play svg{fill:currentColor;width:1.3em;height:1.3em}.play .i-pause,.play.playing .i-play{display:none}.play.pulse{animation:1.1s ease-in-out infinite alternate pulse}@keyframes pulse{to{transform:scale(1.1);box-shadow:0 0 0 .35em #2a9d934d}}.play.playing .i-pause{display:block}.player-info{text-align:left;flex:1;gap:.35em;font-size:.85em;font-weight:700;display:grid}.track{background:var(--line);border-radius:999px;height:.5em;display:block;overflow:hidden}.track-fill{background:var(--teal);border-radius:inherit;width:0;height:100%;display:block}.done-actions{flex-wrap:wrap;gap:.6em;margin-top:.4em;display:flex}@media (width<=640px){.done-actions{justify-content:center}}.confetti{z-index:5;pointer-events:none;border-radius:2px;width:.5em;height:.8em;position:absolute}@media (prefers-reduced-motion:reduce){.mas *,.mas :before{transition-duration:10ms!important;animation:none!important}}