:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--ink: #233235;--muted-ink: #526467;--sky: #cfe9e8;--sky-low: #f0dfbd;--ocean: #72aaa4;--ocean-deep: #4d8686;--ocean-light: #a6d3c9;--grass: #7fa66b;--grass-dark: #5f8956;--leaf: #729d63;--leaf-soft: #8caf74;--sand: #d8ba7d;--sand-light: #ead5a0;--sand-shadow: #b89564;--sand-deep: #a67e5a;--house-wall: #f1e6cf;--house-shadow: #d3c5a8;--roof: #b76251;--roof-dark: #8f4d42;--lighthouse: #f6ead3;--lighthouse-shadow: #d8c6ad;--lighthouse-band: #ba6655;--apartment: #d8ded4;--apartment-shadow: #b8c1b7;--window: #f4c96b;--window-soft: #e6bc70;--skin: #e2b894;--hair-blonde: #d7b35f;--hair-light-brown: #b98748;--hair-light: #b98748;--hair-dark: #7b5136;--hair-black: #282323;--hair-brown: #8a5d3b;--hair-red: #b7653e;--blue: #496f7e;--teal: #4e7d81;--rust: #a76350;--rust-soft: #8c6657;--cream: #eed7ad;--muted: #7a8090}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden;background:var(--sky);color:var(--ink)}.landing{position:relative;width:100vw;min-height:100vh;min-height:100dvh;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#cfe9e8f5,#dbeeecf0 42%,#f0dfbddb 64%,#a6d3c9bd 65%,#72aaa4f5 70%,#4d8686fa)}.landing:before{position:absolute;z-index:0;top:65%;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(234,246,238,.18),transparent 12%),linear-gradient(90deg,transparent 0 28%,rgba(234,246,238,.12) 48%,transparent 72%);content:""}.landing:after{position:absolute;z-index:0;top:62%;right:0;left:0;height:9%;background:linear-gradient(180deg,rgba(240,223,189,.34),rgba(166,211,201,.18),transparent);content:"";pointer-events:none}.period-wash{position:absolute;z-index:0;top:0;bottom:0;width:72%;pointer-events:none;transition:background 1.6s ease,opacity 1.6s ease}.period-wash-brazil{left:0;-webkit-mask-image:linear-gradient(90deg,#000 0 38%,rgba(0,0,0,.72) 58%,transparent 100%);mask-image:linear-gradient(90deg,#000 0 38%,rgba(0,0,0,.72) 58%,transparent 100%)}.period-wash-australia{right:0;-webkit-mask-image:linear-gradient(270deg,#000 0 38%,rgba(0,0,0,.72) 58%,transparent 100%);mask-image:linear-gradient(270deg,#000 0 38%,rgba(0,0,0,.72) 58%,transparent 100%)}.landing[data-brazil-period=day] .period-wash-brazil,.landing[data-australia-period=day] .period-wash-australia{background:linear-gradient(180deg,rgba(255,245,198,.12),transparent 52%)}.landing[data-brazil-period=evening] .period-wash-brazil,.landing[data-australia-period=evening] .period-wash-australia{background:linear-gradient(180deg,rgba(240,174,103,.18),rgba(230,132,96,.08) 56%,transparent 76%)}.landing[data-brazil-period=night] .period-wash-brazil,.landing[data-australia-period=night] .period-wash-australia{background:linear-gradient(180deg,#28435b7a,#274c5b52 58%,#1d41482e)}.landing[data-brazil-period=night][data-australia-period=night]{--ink: #e7f0eb;--muted-ink: #b7cbc8}.intro{position:absolute;z-index:2;top:clamp(18px,4.5dvh,44px);left:clamp(18px,5vw,68px);max-width:min(420px,calc(100vw - 36px))}.brand{margin:0 0 8px;color:var(--muted-ink);font-size:clamp(.78rem,1.2vw,.95rem);font-weight:650;letter-spacing:0}h1{max-width:15ch;margin:0;color:var(--ink);font-size:clamp(1.45rem,3vw,3rem);font-weight:700;line-height:1.03;letter-spacing:0}.dev-period-control{position:absolute;z-index:4;top:clamp(10px,2dvh,18px);left:50%;display:flex;gap:10px;align-items:center;padding:6px 8px;color:#233235c7;font-size:.68rem;background:#f6eed494;border:1px solid rgba(82,100,103,.12);transform:translate(-50%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dev-period-control label{display:grid;grid-template-columns:auto 58px 42px;gap:5px;align-items:center}.dev-period-control input{width:58px;accent-color:#526467}.dev-period-control output{min-width:42px;color:#233235ad}.easter-tooltip{position:fixed;z-index:5;max-width:160px;padding:4px 6px;color:#233235d6;font-size:.72rem;line-height:1;background:#f6eed4b8;border:1px solid rgba(82,100,103,.12);opacity:0;pointer-events:none;transform:translate(-50%,-100%);transition:opacity .16s ease;white-space:nowrap}.easter-tooltip.is-visible{opacity:1}.world-scene{position:absolute;right:0;bottom:clamp(0px,1.5dvh,18px);left:0;z-index:1;display:block;width:min(100vw,168dvh,1440px);height:auto;max-height:min(88dvh,62.5vw);margin:0 auto;shape-rendering:crispEdges}.sky-layer,.cloud,.southern-cross,.night-stars,.ocean-layer,.tree,.lantern,.window,.apartment-window,.kangaroo,.kangaroo-trigger{transform-box:fill-box}.sun-pixel{fill:#edb762}.cloud{animation:cloudDrift 28s ease-in-out infinite;opacity:.48}.cloud-two{animation-duration:34s;animation-direction:reverse;opacity:.36}.cloud-pixel{fill:#f5f7e89e}.sun,.moon{opacity:0;transition:opacity 1.4s ease,transform 1.4s ease}.sun{animation:skyFloat 18s ease-in-out infinite}.moon{animation:skyFloat 22s ease-in-out infinite reverse}.landing[data-brazil-period=day] .sun-brazil,.landing[data-australia-period=day] .sun-australia{opacity:1}.landing[data-brazil-period=evening] .sun-brazil,.landing[data-australia-period=evening] .sun-australia{opacity:.48}.landing[data-brazil-period=evening] .moon-brazil,.landing[data-australia-period=evening] .moon-australia{opacity:.2}.landing[data-brazil-period=night] .moon-brazil,.landing[data-australia-period=night] .moon-australia{opacity:.78}.sun-soft{fill:#f3ca7a;opacity:.78}.moon-pixel{fill:#fff4cf;opacity:.66}.moon-cut{fill:var(--sky)}.star{fill:#fff7cf;opacity:.72}.night-stars{opacity:0;animation:starPulse 7.4s ease-in-out infinite;transition:opacity 1.4s ease}.southern-cross{opacity:.22;animation:starPulse 5.8s ease-in-out infinite;transition:opacity 1.4s ease}.landing[data-brazil-period=evening] .southern-cross,.landing[data-australia-period=evening] .southern-cross{opacity:.54}.landing[data-brazil-period=night] .southern-cross,.landing[data-australia-period=night] .southern-cross{opacity:.92}.landing[data-brazil-period=night] .night-stars,.landing[data-australia-period=night] .night-stars{opacity:.68}.star-bright{opacity:.88}.star-soft{opacity:.48}.wave{fill:#eaf6ee;animation:waveDrift 9s ease-in-out infinite;opacity:.54}.wave-soft{animation-duration:12s;opacity:.36}.grass{fill:var(--grass)}.island{transition:opacity 1.4s ease,filter 1.4s ease}.island[data-period=evening]{filter:sepia(.12) saturate(.94)}.island[data-period=night]{filter:brightness(.72) saturate(.78)}.island[data-period=night] .family{opacity:.08}.island[data-period=evening] .window,.island[data-period=evening] .apartment-window{fill:#f7d984}.island[data-period=night] .window,.island[data-period=night] .apartment-window{fill:#ffd977;animation:windowGlow 3.8s ease-in-out infinite;filter:drop-shadow(0 0 2px rgba(255,217,119,.84))}.indoor-presence{fill:#4d362ab8;opacity:0;transition:opacity 1.4s ease}.island[data-period=night] .indoor-presence{opacity:.72}.island-brazil[data-period=evening] .lantern{fill:#f4c873}.island-brazil[data-period=night] .lantern{fill:#ffdc7d;animation:lighthouseGlow 3.2s ease-in-out infinite;filter:drop-shadow(0 0 3px rgba(255,220,125,.95))}.island:not([data-period=night]) .tree{animation:leafSway 7s ease-in-out infinite;transform-origin:50% 100%}.grass-dark{fill:var(--grass-dark)}.sand{fill:var(--sand)}.sand-light{fill:var(--sand-light);opacity:.72}.sand-shadow{fill:var(--sand-shadow)}.sand-deep{fill:var(--sand-deep);opacity:.78}.wood{fill:#7a5238}.pier-wood{fill:#9b704b}.pier-post{fill:#7c573b}.pier-gap{fill:#6e4c35;opacity:.48}.pier-end{fill:#8a6243}.leaf{fill:var(--leaf)}.leaf-dark{fill:var(--grass-dark)}.leaf-soft{fill:var(--leaf-soft)}.kangaroo-trigger{cursor:pointer}.kangaroo{opacity:0;pointer-events:none;transform-origin:center}.kangaroo.is-active{animation:kangarooHopAway 2.8s steps(1,end) forwards}.kangaroo-body,.kangaroo-tail,.kangaroo-leg,.kangaroo-ear{fill:#a96d42}.kangaroo-leg,.kangaroo-tail{fill:#875331}.kangaroo-eye{fill:#2e2724}.roof{fill:var(--roof)}.roof-dark{fill:var(--roof-dark)}.house-wall{fill:var(--house-wall)}.wall-shadow{fill:var(--house-shadow)}.door{fill:#755a43}.window,.apartment-window{fill:var(--window)}.lantern-top{fill:#7d5a45}.lantern{fill:#e9ba64}.lighthouse-wall{fill:var(--lighthouse)}.lighthouse-band{fill:var(--lighthouse-band)}.hidden-cross{fill:#70574142}.apartment-roof{fill:#8e9b92}.apartment-wall{fill:var(--apartment)}.balcony{fill:#87958c}.plant-pot{fill:#8a6540}.skin{fill:var(--skin)}.hair-light{fill:var(--hair-light)}.hair-light-brown{fill:var(--hair-light-brown)}.hair-blonde{fill:var(--hair-blonde)}.hair-dark{fill:var(--hair-dark)}.hair-black{fill:var(--hair-black)}.hair-brown{fill:var(--hair-brown)}.hair-red{fill:var(--hair-red)}.shirt-blue{fill:var(--blue)}.shirt-teal{fill:var(--teal)}.shirt-rust{fill:var(--rust)}.shirt-rust-soft{fill:var(--rust-soft)}.shirt-cream{fill:var(--cream)}.shirt-muted{fill:var(--muted)}.phone{fill:#57606a}.block-yellow{fill:#d2ba4f}.block-green{fill:#8eaa68}.dog-white{fill:#f1ead8}.dog-tan{fill:#b77848}.dog-dark{fill:#5f3d2c}.dog-tail{fill:#f1ead8}.rail{fill:#8e9b92;opacity:.54}.tram-platform{fill:#c6b78d}.platform-shadow{fill:#9e8e6b;opacity:.68}.tram-body{fill:#e7c348}.tram-lower{fill:#b89439}.tram-window{fill:#8db9bf}.tram-wheel{fill:#526467}.surfboard-main{fill:#f1e8c6}.surfboard-tip{fill:#d76f57}.surfboard-stripe{fill:#77a9a2}.surfboard-shadow{fill:var(--sand-shadow);opacity:.52}@keyframes waveDrift{0%,to{transform:translate(0);opacity:.42}50%{transform:translate(3px);opacity:.62}}@keyframes skyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes cloudDrift{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@keyframes starPulse{0%,to{filter:brightness(.92)}50%{filter:brightness(1.18)}}@keyframes windowGlow{0%,to{filter:drop-shadow(0 0 1px rgba(255,217,119,.58))}50%{filter:drop-shadow(0 0 3px rgba(255,217,119,.9))}}@keyframes lighthouseGlow{0%,to{filter:drop-shadow(0 0 2px rgba(255,220,125,.64))}50%{filter:drop-shadow(0 0 5px rgba(255,220,125,.96))}}@keyframes leafSway{0%,to{transform:translate(0)}50%{transform:translate(1px)}}@keyframes kangarooHopAway{0%{opacity:0;transform:translate(0)}8%{opacity:1;transform:translate(0)}22%{opacity:1;transform:translate(8px,-5px)}38%{opacity:1;transform:translate(17px)}54%{opacity:1;transform:translate(28px,-5px)}70%{opacity:1;transform:translate(35px)}86%{opacity:0;transform:translate(41px,-3px)}to{opacity:0;transform:translate(41px,-3px)}}@media(max-width:760px){.dev-period-control{top:auto;bottom:8px;gap:6px;padding:5px 6px}.dev-period-control label{grid-template-columns:auto 48px}.dev-period-control output{display:none}.dev-period-control input{width:48px}.intro{top:clamp(16px,3dvh,26px);left:18px;right:18px}h1{max-width:12ch;font-size:clamp(1.3rem,7.5vw,2.25rem)}.world-scene{width:min(116vw,168dvh);max-width:none;max-height:80dvh;bottom:clamp(8px,3dvh,28px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}@media(max-width:440px){.brand{margin-bottom:6px;font-size:.76rem}h1{max-width:11ch}.world-scene{width:min(126vw,168dvh);max-height:76dvh;bottom:clamp(12px,4dvh,36px)}}@media(max-height:520px)and (orientation:landscape){.intro{top:14px;left:18px}.brand{margin-bottom:4px}h1{max-width:18ch;font-size:clamp(1.1rem,4dvh,1.8rem)}.world-scene{width:min(88vw,168dvh);max-height:86dvh;bottom:0}}