.joc-section[data-astro-cid-2puoafjl]{padding-top:clamp(24px,4vw,48px)}.joc-intro[data-astro-cid-2puoafjl]{margin-bottom:1.2rem}.joc-intro[data-astro-cid-2puoafjl] h1[data-astro-cid-2puoafjl]{margin-bottom:.3em}.crumbs[data-astro-cid-2puoafjl]{color:var(--muted);margin-bottom:1rem;font-size:.9rem}.crumbs[data-astro-cid-2puoafjl] a[data-astro-cid-2puoafjl]{color:var(--muted)}.how[data-astro-cid-2puoafjl]{counter-reset:how;margin:1.6rem 0;padding:0;list-style:none}.how[data-astro-cid-2puoafjl] li[data-astro-cid-2puoafjl]{counter-increment:how;padding-top:2rem;position:relative}.how[data-astro-cid-2puoafjl] li[data-astro-cid-2puoafjl]: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-2puoafjl] h3[data-astro-cid-2puoafjl]{margin-bottom:.3rem}.tips[data-astro-cid-2puoafjl]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.tips[data-astro-cid-2puoafjl] ul[data-astro-cid-2puoafjl]{margin:0;padding-left:1.2rem}.tips[data-astro-cid-2puoafjl] li[data-astro-cid-2puoafjl]{margin:.35rem 0}.songs-title[data-astro-cid-2puoafjl]{margin:2.4rem 0 1rem}.geo{--c:var(--teal);--c-soft:var(--teal-soft);--c-ink:var(--teal-ink);--scene-h:min(60vh, 620px);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}.geo:fullscreen{--scene-h:calc(100vh - 10.5em);border:0;border-radius:0;min-height:100vh;overflow:auto}.geo:-webkit-full-screen{--scene-h:calc(100vh - 10.5em);border:0;border-radius:0;width:100%;height:100%;overflow:auto}.geo [hidden]{display:none!important}.geo button{font:inherit;color:inherit}.geo .btn{font-size:1em}.geo .btn-big{padding:.55em 1.4em;font-size:1.15em}.geo .btn-small{font-size:.85em}.geo h2{color:var(--c-ink);margin:0;font-size:1.8em}.geo h2:focus{outline:none}.geo .say{max-width:34em;margin:0 auto;font-size:1.1em}.geo-bar{align-items:center;gap:.4em;display:flex}.geo-tools{gap:.4em;margin-left:auto;display:flex}.geo .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}.geo .tool:hover{border-color:var(--c)}.geo .tool svg{width:1.1em;height:1.1em}@media (width<=640px){.geo .tool-label{display:none}.geo .tool{padding:.35em .6em}}.geo .screen{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.6em;padding:.6em 0 .8em;display:flex}.dosare-head{text-align:left;align-items:center;gap:1em;max-width:40em;display:flex}.dosare-head .say{margin:.2em 0 0}.head-teo{flex:none;width:6.5em}.cases{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9em;width:100%;max-width:50em;margin-top:.6em;display:grid}@media (width<=760px){.cases{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.head-teo{width:4.5em}}.case{cursor:pointer;background:#fff6dc;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;box-shadow:0 5px #e9cf8f}.case:hover{border-color:var(--orange);transform:translateY(-4px)rotate(-1deg)}.case:active{transform:translateY(3px);box-shadow:0 2px #e9cf8f}.case-tab{color:#6b4a00;background:#f6d98a;border-radius:.6em .6em 0 0;padding:.15em .8em;font-size:.75em;font-weight:800;position:absolute;top:-.9em;left:-3px}.case-icon{font-size:2.4em;line-height:1.1}.case strong{font-family:var(--font-display);color:var(--ink);font-size:1.15em;line-height:1.15}.case-what{color:var(--muted);font-size:.8em;font-weight:700}.case-stamp{color:#d23c2a;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#ffffffd9;border:3px solid #d23c2a;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)}.case.solved .case-stamp{display:block}.case.solved .case-icon{opacity:.5}.case.next{border-color:var(--orange);animation:1.4s ease-in-out infinite nudge}@keyframes nudge{50%{transform:translateY(-5px)}}.hunt{grid-template-columns:minmax(10em,14em) minmax(0,1fr);align-items:start;gap:1em;width:100%;display:grid}.mission{border:3px solid var(--c);box-shadow:var(--shadow);background:#fff;border-radius:1.1em;flex-direction:column;align-items:center;gap:.45em;padding:.9em .8em;display:flex}.mission-case{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.8em;font-weight:800}.mission-icon{width:5.2em}.mission-icon .shape-icon{width:100%;height:auto;display:none}.mission-icon .shape-icon.on{animation:.5s cubic-bezier(.3,1.6,.5,1) pop;display:block}.mission-text{flex-direction:column;align-items:center;gap:.35em;display:flex}.mission h2{font-size:1.35em;line-height:1.15}.mission-tip{color:var(--muted);margin:0;font-size:.85em;font-weight:700}.slots{gap:.35em;margin:.1em 0 0;padding:0;list-style:none;display:flex}.slots li{border:3px dashed #d6d9e4;border:3px dashed color-mix(in srgb, var(--c) 50%, #fff);color:#fff;border-radius:50%;place-items:center;width:1.8em;height:1.8em;font-weight:800;transition:transform .3s,background .3s;display:grid}.slots li.on{border:3px solid var(--c-ink);background:var(--c-ink);transform:scale(1.12)}.steps{gap:.3em;margin:0;padding:0;list-style:none;display:flex}.steps li{opacity:.35;filter:grayscale();width:1.5em}.steps li.now{opacity:1;filter:none;transform:scale(1.15)}.steps li.done{opacity:1;filter:none}.steps svg{width:100%;height:auto;display:block}.hint-btn{margin-top:.2em}.hunt-main{flex-direction:column;align-items:center;gap:.6em;min-width:0;display:flex}@media (width<=760px){.hunt{grid-template-columns:1fr;gap:.6em}.mission{text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:.2em .6em;padding:.5em .7em;display:grid}.mission-case,.steps{display:none}.mission-icon{grid-row:span 2;width:3.2em}.mission-text{align-items:flex-start;gap:.15em}.mission h2{font-size:1.15em}.mission-tip{font-size:.75em}.slots li{border-width:2px;width:1.3em;height:1.3em;font-size:.8em}.hint-btn{grid-area:1/3/span 2;margin:0;padding:.4em .6em}}.scene-wrap{width:100%;width:min(100%, calc(var(--scene-h) * 10 / 7));box-shadow:var(--shadow);touch-action:manipulation;background:#fff;border-radius:1em;position:relative;overflow:hidden}.scene{width:100%;height:auto;display:none}.scene.on{display:block}.scene text{font-family:var(--font-display);-webkit-user-select:none;user-select:none}.obj{cursor:pointer;outline:none}.obj-hit{fill:#0000;stroke:#0000;stroke-width:24px;stroke-linejoin:round}.obj-line{fill:none;stroke:none;pointer-events:none;stroke-linejoin:round;stroke-linecap:round}.obj:focus-visible .obj-line{stroke:var(--orange);stroke-width:5px;stroke-dasharray:10 8}.obj.found{cursor:default}.obj.found .obj-line{stroke:var(--oc);stroke-width:7px;fill:color-mix(in srgb, var(--oc) 22%, transparent);stroke-dasharray:none;animation:.7s ease-out found}@keyframes found{0%{stroke-width:22px;opacity:0}}.obj.hint:not(.found) .obj-line{stroke:var(--c);stroke-width:8px;stroke-dasharray:14 10;animation:.8s linear infinite march}@keyframes march{to{stroke-dashoffset:-24px}}.obj.nope{animation:.45s ease-in-out nope}@keyframes nope{25%{transform:translate(-7px)}75%{transform:translate(7px)}}.obj-tag{pointer-events:none;transform-box:fill-box;transform-origin:50% 100%;animation:.5s cubic-bezier(.3,1.6,.5,1) tag}@keyframes tag{0%{opacity:0;transform:scale(.3)}}.obj-tag rect{fill:var(--oc-ink);stroke:#fff;stroke-width:3px}.obj-tag text{fill:#fff;font-family:var(--font-display);font-size:24px;font-weight:800}.lens{pointer-events:none}.lens-in{transform-origin:0 0}.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}}.sort{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);align-items:stretch;gap:1em;width:100%;max-width:46em;display:grid}.bin{cursor:pointer;background:#ffffffe6;border:3px dashed #c9cfdc;border-radius:1.2em;flex-direction:column;justify-content:flex-start;align-items:center;gap:.1em;padding:.8em .4em;transition:transform .15s,border-color .15s,background .3s;display:flex}.bin:hover{border-color:var(--c);transform:translateY(-3px)}.bin-icon{font-size:2.2em;line-height:1.1}.bin strong{font-family:var(--font-display);font-size:1.25em;line-height:1.1}.bin-sub{color:var(--muted);font-size:.8em;font-weight:700}.bin-items{flex-wrap:wrap;justify-content:center;gap:.15em;margin-top:.4em;display:flex}.bin-items svg{width:1.9em;height:1.9em}.bin.good{border-style:solid;border-color:var(--green);background:#e9f7ee}.bin.nope{animation:.45s ease-in-out nope}.sort-card{box-shadow:var(--shadow);background:#fff;border-radius:1.2em;flex-direction:column;justify-content:center;align-items:center;gap:.2em;padding:.6em;display:flex}.sort-card .sort-item{width:100%;max-width:10em;height:auto;display:none}.sort-card .sort-item.on{animation:.45s cubic-bezier(.3,1.6,.5,1) pop;display:block}.sort-name{font-family:var(--font-display);color:var(--ink);font-size:1.25em}.sort-card.fly-plan{animation:.45s ease-in forwards fly-left}.sort-card.fly-corp{animation:.45s ease-in forwards fly-right}@keyframes fly-left{to{opacity:0;transform:translate(-60%,10%)scale(.3)}}@keyframes fly-right{to{opacity:0;transform:translate(60%,10%)scale(.3)}}@media (width<=640px){.sort{grid-template-columns:1fr 1fr;gap:10px}.sort-card{grid-area:1/1/auto/-1}.sort-card .sort-item{max-width:7em}}.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(--teal-ink);border-color:var(--teal-ink);color:#fff;transform:scale(1.12)}.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:#d23c2a;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;border:4px solid #d23c2a;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){.geo *,.geo :before{transition-duration:10ms!important;animation:none!important}}