@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fredoka-hebrew-wght-normal-DdnsCkLr.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fredoka-latin-ext-wght-normal-CYrqKuxd.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fredoka-latin-wght-normal-DM6njrJ3.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.minimap-route-base{fill:none;stroke:#927d59;stroke-width:5px;stroke-dasharray:2 7;stroke-linecap:round;opacity:.5}.minimap-route{fill:none;stroke:#527e45;stroke-width:5px;stroke-linecap:round}.minimap-status{opacity:.75;font-size:.75em;font-weight:500;display:block}.minimap-destination{margin-top:.15em;display:block}.minimap-progress{background:#dfd1b3;border-radius:1em;height:.3em;margin:.55em .65em;display:block;overflow:hidden}.minimap-progress>span{border-radius:inherit;background:#638651;height:100%;display:block}.minimap-key{margin-top:.5em;font-size:.61em;font-weight:500;display:block}.minimap-key>span{opacity:.6}:root{--cream:#fff8e7;--cream-light:#fffcf3;--cream-deep:#f1e3c3;--brown:#725a41;--brown-deep:#4f3a24;--brown-soft:#7a654b;--orange:#d0691a;--yellow:#f7c948;--yellow-deep:#d9a520;--green:#86c06c;--night:#221b14;--shadow:#5e462838;--font:"Fredoka Variable", "Fredoka", "Nunito", "Arial Rounded MT Bold", system-ui, sans-serif;--blob:5.1em 5.55em 4.85em 5.3em / 4.6em 5em 4.5em 4.85em;--blob-card:3.4em 3.8em 3.2em 3.6em / 3.2em 3.5em 3em 3.3em;--blob-small:2.8em 3.1em 2.65em 3em / 2.55em 2.8em 2.45em 2.65em;--dots:radial-gradient(circle, var(--cream-deep) .26em, transparent .3em) 0 0 / 2.2em 2.2em;--wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 200' preserveAspectRatio='none'%3E%3Cpath d='M40 0H20C0 25 0 75 20 100C40 125 40 175 20 200H40Z' fill='%23fff8e7'/%3E%3C/svg%3E");--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--night);color:var(--brown);font-family:var(--font);-webkit-font-smoothing:antialiased;font-weight:500;overflow:hidden}#root{place-items:center;display:grid}button{font:inherit;color:inherit}:focus-visible{outline:.18em solid var(--orange);outline-offset:.18em}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.eyebrow{color:var(--brown-soft);margin:0;font-weight:600}.stage{aspect-ratio:16/9;isolation:isolate;background:var(--night);width:min(100vw,177.778dvh);font-size:clamp(12px,1.35cqw,26px);position:relative;overflow:hidden;container-type:size}.scene{position:absolute;inset:0}.backdrop{background:var(--night);position:absolute;inset:0;overflow:hidden}.backdrop img,.backdrop video{object-fit:cover;width:100%;height:100%;display:block}.backdrop.drift img{transform-origin:62%;filter:saturate(1.1)brightness(1.04);animation:40s ease-in-out infinite alternate drift}.bubble{border-radius:var(--blob);background:var(--cream);color:var(--brown);box-shadow:0 .45em 0 var(--shadow)}.place-badge{background:var(--green);color:#fff;border-radius:50%;flex:none;place-items:center;width:2.3em;height:2.3em;display:inline-grid}.place-badge svg{width:1.3em;height:1.3em}.place-badge-hole{fill:var(--green)}.pointer{width:.8em;height:.88em;color:var(--orange);opacity:0;flex:none;transition:opacity .15s,transform .15s;transform:translate(-.25em)}.button{background:var(--yellow);color:var(--brown-deep);font:600 1em/1.2 var(--font);box-shadow:0 .25em 0 var(--yellow-deep);cursor:pointer;border:0;border-radius:999px;padding:.6em 1.5em .65em;transition:transform .1s,box-shadow .1s,background-color .15s}.button:hover{background:#fbd666}.button:active{box-shadow:0 .1em 0 var(--yellow-deep);transform:translateY(.15em)}.button.quiet{background:var(--cream-light);box-shadow:0 .25em 0 var(--cream-deep), inset 0 0 0 .12em var(--cream-deep)}.button.quiet:hover{background:#fff}.button.quiet:active{box-shadow:0 .1em 0 var(--cream-deep), inset 0 0 0 .12em var(--cream-deep)}.button-row{flex-wrap:wrap;justify-content:center;gap:.8em;margin-top:1.4em;display:flex}kbd{background:var(--brown);min-width:1.9em;height:1.9em;color:var(--cream);font:600 .8em var(--font);border-radius:999px;place-items:center;padding:0 .5em;display:inline-grid}.key-hints{align-items:center;gap:.45em;display:flex}.key-hints kbd:not(:first-child){margin-left:.5em}.title-screen{align-items:center;padding:0 4.5em;display:flex;position:absolute;inset:0}.title-card{border-radius:var(--blob-card);flex-direction:column;align-items:flex-start;width:27em;padding:2.4em 2.6em 2em;animation:.5s both pop;display:flex}.title-card h1{color:var(--brown-deep);letter-spacing:-.01em;text-wrap:balance;margin:.35em 0 .25em;font-size:3.4em;font-weight:600;line-height:1.02}.tagline{margin:0;font-size:1.1em;line-height:1.45}.menu{flex-direction:column;gap:.1em;width:100%;margin-top:1.3em;display:flex}.menu button{width:100%;color:var(--brown);font:600 1.45em/1.25 var(--font);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.6em;align-items:center;gap:.5em;padding:.25em .4em;display:flex}.chapters{gap:.05em;margin:0;padding:0;list-style:none;display:grid}.chapters button{font-size:1.2em}.menu .menu-back{margin-top:.4em;font-size:1.1em}.menu button:hover,.menu button:focus,.choice:hover,.choice:focus{color:var(--brown-deep);background:#f7c94847;outline:none}.menu button:hover .pointer,.menu button:focus .pointer,.choice:hover .pointer,.choice:focus .pointer{opacity:1;transform:none}.credits{margin-top:1.2em;line-height:1.5}.credits p{margin:0 0 .8em}.credits a{color:var(--brown-deep);-webkit-text-decoration-color:var(--yellow-deep);text-decoration-color:var(--yellow-deep);text-underline-offset:.18em;white-space:nowrap;font-weight:600;text-decoration-thickness:.12em}.credits a:hover{color:var(--orange)}.title-screen .key-hints{background:var(--cream);color:var(--brown);box-shadow:0 .25em 0 var(--shadow);border-radius:999px;margin:0;padding:.35em 1em .35em .4em;font-size:.95em;font-weight:600;position:absolute;bottom:2.4em;right:2.3em}.dialogue-layer{justify-items:center;gap:1.4em;padding:0 3em 2.2em;display:grid;position:absolute;inset:auto 0 0}.dialogue{cursor:pointer;width:min(100%,51em);min-height:10.3em;padding:2.5em 4em 2.4em;animation:.45s both pop;position:relative}.speaker{background:var(--yellow);color:#5b3d1c;box-shadow:0 .15em 0 var(--shadow);border-radius:999px;margin:0;padding:.18em 1.1em .26em;font-size:1.5em;font-weight:600;position:absolute;top:0;left:2em;translate:0 -55%}.speaker[data-speaker=Jordi],.film-caption .speaker-tag[data-speaker=Jordi]{color:#244661;background:#a9ccea}.line{text-wrap:pretty;min-height:3em;margin:0;font-size:1.56em;line-height:1.5}.thought .speaker{background:var(--green);color:var(--brown-deep)}.line-rest{visibility:hidden}.narration .line{color:var(--brown-soft)}.advance{width:3em;height:2.6em;color:var(--orange);cursor:pointer;opacity:.3;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;transition:opacity .2s;display:grid;position:absolute;bottom:.3em;left:50%;translate:-50%}.advance.ready{opacity:1}.advance:focus-visible{background:#f7c94859;outline:none}.next-arrow{width:1.4em;height:.95em}.advance.ready .next-arrow{animation:.9s ease-in-out infinite bob}.choices-row{order:-1;justify-content:flex-end;width:min(100%,51em);padding-right:2em;display:flex}.scene:has(.backdrop img) .choices-row{justify-content:flex-start;padding-left:1em;padding-right:0}.choices{border-radius:var(--blob-small);flex-direction:column;gap:.15em;min-width:17.4em;margin:0;padding:1em 1.3em;list-style:none;animation:.4s both pop;display:flex}.choice{width:100%;min-height:2.6em;color:var(--brown-soft);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.8em;align-items:center;gap:.6em;padding:.35em .8em .35em .4em;display:flex}.choice .pointer{width:1.15em;height:1.25em}.choice-text{flex-direction:column;display:flex}.choice-label{font-size:1.45em;font-weight:600;line-height:1.2}.choice-detail{color:var(--brown-soft);font-size:.9em}.choices li{position:relative}.choice.locked{opacity:.42;filter:grayscale();cursor:not-allowed}.choice.locked:hover,.choice.locked:focus{color:var(--brown-soft);background:#725a4114}.choice.locked:hover .pointer,.choice.locked:focus .pointer{opacity:0}.choice-note{z-index:2;background:var(--brown-deep);color:var(--cream);font:600 .85em/1.2 var(--font);white-space:nowrap;box-shadow:0 .2em 0 var(--shadow);opacity:0;pointer-events:none;border-radius:999px;padding:.4em .9em;transition:opacity .15s;position:absolute;bottom:calc(100% - .3em);left:50%;transform:translate(-50%)}.choice.locked:hover+.choice-note,.choice.locked:focus-visible+.choice-note{opacity:1}@container (width<=600px){.dialogue-layer{gap:1.7em;padding:0 1em 1.1em}.dialogue{border-radius:2em;min-height:0;padding:1.2em 1.5em 2.7em}.dialogue .line{min-height:2.7em;font-size:1.2em;line-height:1.35}.dialogue .speaker{font-size:1.2em;left:1.2em}.choices-row{padding:0}.scene:has(.backdrop img) .choices-row{padding:0}.choices{border-radius:1.5em;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;width:100%;min-width:0;padding:.5em;display:grid}.choice{text-align:center;justify-content:center;height:100%;min-height:2.8em;padding:.3em}.choice .pointer,.choice-detail{display:none}.choice-label{font-size:1.1em}.choice-note{white-space:normal;text-align:center;width:11em}}.scene-hud{pointer-events:none;position:absolute;inset:0}.scene-location{position:absolute;top:1.5em;left:1.8em}.location-label{border-radius:var(--blob-small);align-items:center;gap:.65em;margin:0;padding:.4em 1.35em .4em .4em;font-size:1.15em;font-weight:600;display:flex}.scene-actions{pointer-events:auto;gap:.6em;margin:.8em 0 0 .4em;display:flex}.minimap{text-align:center;border-radius:2.7em 2.9em 2.5em 2.8em;width:9.6em;margin:0;padding:.55em .55em .65em;position:absolute;top:1.5em;right:1.8em}.minimap-drawing{aspect-ratio:1;border:.12em solid #dbcba8;border-radius:2.2em 2.4em 2em 2.3em;overflow:hidden}.scene:has(.backdrop img) .minimap{width:8em}.minimap svg{width:100%;height:100%;display:block}.map-street{fill:none;stroke:var(--cream-light);stroke-width:13px}.map-block{fill:#dcc49f;stroke:#c9ad86;stroke-width:2px;stroke-linejoin:round}.map-detail{fill:none;stroke:#f6e8cc;stroke-width:8px;stroke-linecap:round}.map-tree{fill:#6fa45b;stroke:#e0e9be;stroke-width:3px}.map-bridge{fill:none;stroke:#bb9571;stroke-width:13px}.minimap-north{border:.18em solid var(--cream);background:var(--green);width:1.85em;height:1.85em;color:var(--brown-deep);border-radius:50%;place-items:center;font-size:.9em;font-weight:600;display:grid;position:absolute;top:-.5em;left:50%;transform:translate(-50%)}.minimap figcaption{margin-top:.4em;font-size:.85em;font-weight:600}.chip{background:var(--cream);color:var(--brown-deep);font:600 .95em var(--font);box-shadow:0 .22em 0 var(--shadow);cursor:pointer;opacity:.88;border:0;border-radius:999px;padding:.45em 1.15em .5em;transition:opacity .2s}.chip:hover,.chip:focus-visible{opacity:1}.travel{background:var(--cream);color:var(--brown);flex-direction:column;justify-content:space-between;align-items:flex-start;padding:2em 3em;display:flex;position:absolute;inset:0}.travel-art{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.travel-heading,.travel-route{border-radius:var(--blob-small);position:relative}.travel-heading{max-width:90%;padding:1em 1.8em}.travel-route{width:100%;padding:0 1.8em 1.2em}.travel-heading h2{color:var(--brown-deep);margin:.1em 0 0;font-size:2.4em;font-weight:600;line-height:1}.route{width:100%;height:auto;max-height:30cqh;display:block;overflow:visible}.route text{fill:var(--brown-deep);font:600 22px var(--font)}.route .route-line-label{fill:var(--brown-soft);font:600 16px var(--font)}.stop circle{fill:#fff;stroke:var(--brown);stroke-width:5px;transition:fill .3s}.stop .stop-core{fill:var(--brown);stroke:none}.stop.passed circle{fill:var(--brown)}.stop.passed .stop-core{fill:#fff}.train circle{fill:var(--yellow);stroke:var(--brown-deep);stroke-width:5px}.train .train-core{fill:var(--brown-deep);stroke:none}.travel-status{color:var(--brown-soft);text-align:center;margin:0;font-size:.95em;font-weight:600}.end-layer{background:#3c281440;place-items:center;display:grid;position:absolute;inset:0}.end-card{border-radius:var(--blob-card);text-align:center;flex-direction:column;align-items:center;width:min(90%,28em);padding:2.2em 2.6em 2em;animation:.5s .1s both pop;display:flex}.end-card .place-badge{margin-bottom:.6em;font-size:1.15em}.end-card h2{color:var(--brown-deep);margin:.1em 0 .25em;font-size:2.8em;font-weight:600;line-height:1.05}.end-card p:not(.eyebrow){margin:0;font-size:1.1em;line-height:1.5}.end-layer-still{background:0 0;justify-items:start;padding:3%}.end-layer-still .end-card{width:32%;padding:1.4em 1.5em}.end-layer-still .end-card h2{font-size:2em}.end-layer-still .button-row{flex-direction:column;width:100%}.scene:has(.end-layer-still) .minimap{display:none}.pause-layer{z-index:8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#3c281459;place-items:center;animation:.25s both fade;display:grid;position:absolute;inset:0}.pause-card{border-radius:var(--blob-card);text-align:center;min-width:19em;padding:2em 2.4em 1.6em;animation:.35s both pop}.pause-card h2{color:var(--brown-deep);margin:0 0 .6em;font-size:2.2em;font-weight:600}.pause-actions{gap:.8em;display:grid}.pause-card .key-hints{color:var(--brown-soft);justify-content:center;margin:1.3em 0 0;font-size:.9em}.wipe{z-index:10;background:var(--dots), var(--cream);color:var(--brown);place-items:center;display:grid;position:absolute;inset:0}.wipe:before,.wipe:after{content:"";background:var(--wave) repeat-y;background-size:100% 12em;width:3.2em;position:absolute;top:0;bottom:0}.wipe:before{right:100%}.wipe:after{left:100%;transform:scaleX(-1)}.wipe-content{text-align:center;flex-direction:column;align-items:center;gap:.35em;width:min(90%,36em);display:flex}.wipe-content .place-badge{margin-bottom:.3em;font-size:1.5em}.wipe h2{color:var(--brown-deep);text-wrap:balance;margin:0 0 .45em;font-size:3.4em;font-weight:600;line-height:1.05}.load-progress{flex-direction:column;align-items:center;gap:.6em;transition:opacity .3s;display:flex}.load-progress.hidden{opacity:0}.load-track{background:var(--cream-deep);border-radius:999px;width:18em;max-width:100%;height:1.1em;padding:.22em;box-shadow:inset 0 .12em #5e46281f}.load-fill{background:var(--yellow);border-radius:999px;min-width:.66em;height:100%;transition:width .3s}.load-progress p,.wipe-error p{color:var(--brown-soft);margin:0;font-weight:600}.wipe-error p{font-weight:500}.problems{background:var(--cream);color:var(--brown);padding:3em 4em;line-height:1.5;position:absolute;inset:0;overflow:auto}.problems h1{color:var(--brown-deep);margin:0 0 .6em;font-size:2.4em;font-weight:600}@keyframes pop{0%{opacity:0;transform:translateY(.5em)scale(.97)}}@keyframes fade{0%{opacity:0}}@keyframes bob{50%{transform:translateY(.25em)}}@keyframes drift{0%{transform:scale(1.03)}to{transform:scale(1.12)translate(-1.5%,-1%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.title-screen{justify-content:center}.title-card{text-align:center;align-items:center;width:30em;padding:1.6em 2.8em}.game-logo{object-fit:cover;width:27em;height:12em;margin:.4em -1.3em}.title-card .menu{margin-top:.7em}.title-card .menu button{border-radius:999px;justify-content:center}.title-card .menu button .pointer{margin-left:-1em}:is(.title-card:has(.chapters) .game-logo,.title-card:has(.credits) .game-logo){width:16em;height:6em}.wipe{color:var(--brown);background:0 0}.wipe:before,.wipe:after{display:none}.metro-door{background-color:var(--cream);background-repeat:no-repeat;background-size:200% 100%;width:50%;position:absolute;top:0;bottom:0}.metro-door.left{background-position:0;left:0}.metro-door.right{background-position:100%;right:0}.wipe-content{z-index:1;border-radius:var(--blob-card);background:var(--cream);width:min(85%,32em);box-shadow:0 .5em 0 var(--shadow);padding:1.6em 2em;position:relative}.wipe h2{color:var(--brown-deep);font-size:1.8em}.wipe .eyebrow,.wipe .load-progress p,.wipe-error p{color:var(--brown)}.plane-wipe .wipe-content{align-self:end;margin-bottom:1.8em;padding:1em 1.5em}.film-caption{pointer-events:none;width:min(720px,72%);padding:.85em 1.5em;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.film-caption p{margin:0;font-size:clamp(12px,2cqw,26px)}.film-caption .speaker-tag{background:var(--yellow);color:#5b3d1c;border-radius:999px;margin-bottom:.35em;padding:.15em .8em;font-weight:600;display:inline-block}.film-thought .speaker-tag{background:var(--green);color:var(--brown-deep);border-radius:999px;padding:.15em .8em}.cut-frame{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}
