@font-face{font-family:'Press Start 2P';src:url('./assets/press-start-2p.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}

:root{
  --px:'Press Start 2P',ui-monospace,monospace;
  --night:#10131f;--panel:#171b2d;--panel2:#20263b;--line:#4a5576;
  --blue:#7f9fd8;--ice:#b9d7e8;--lilac:#b8a1d1;--mint:#8fbeb0;
  --rose:#d5a0b6;--cream:#f6eee4;--ink:#323044;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--night);color:var(--cream);font-family:var(--px);image-rendering:pixelated}
body{overflow:hidden}body:not(.is-booting){overflow:auto}a{color:inherit;text-decoration:none}
@media(pointer:fine){html,body,body *{cursor:none!important}}

/* true pixel cursor */
.pixel-cursor{position:fixed;z-index:10000;left:-40px;top:-40px;width:8px;height:8px;background:#f8f3eb;box-shadow:8px 0 #f8f3eb,0 8px #f8f3eb,8px 8px #202337,16px 8px #202337,8px 16px #202337;pointer-events:none;transform:translate(-2px,-2px);transition:filter .08s steps(1)}
.pixel-cursor:before{content:"";position:absolute;left:2px;top:2px;width:4px;height:4px;background:#6679a8}
.pixel-cursor i{position:absolute;left:16px;top:16px;width:5px;height:5px;background:#d5a0b6;opacity:0;box-shadow:7px 7px #b9d7e8}
.pixel-cursor.is-hover{filter:drop-shadow(0 0 5px #b9d7e8)}.pixel-cursor.is-hover i{opacity:1;animation:cursorDust .5s steps(2) infinite}
@keyframes cursorDust{50%{translate:4px 3px;opacity:.35}}
@media(pointer:coarse){.pixel-cursor{display:none}}

/* game boot */
.boot{position:fixed;z-index:9998;inset:0;background:#0c0f19;display:grid;grid-template-rows:auto 1fr auto auto;opacity:1;visibility:visible;transition:opacity .32s steps(4),visibility .32s}
.boot.is-done{opacity:0;visibility:hidden;pointer-events:none}
.boot__scan{position:absolute;inset:0;pointer-events:none;opacity:.22;background:repeating-linear-gradient(0deg,transparent 0 3px,#7f9fd8 4px);animation:scan 6s linear infinite}
@keyframes scan{to{background-position:0 80px}}
.boot__hud{position:relative;z-index:2;display:flex;justify-content:space-between;padding:20px 3vw;border-bottom:4px solid #29314b;color:#8fbeb0;font-size:clamp(8px,1vw,13px);letter-spacing:.08em}
.boot__world{position:relative;align-self:center;width:min(900px,88vw);height:min(360px,48vh);margin:auto;overflow:hidden;border:4px solid #404a69;background:linear-gradient(#11182a 0 69%,#17273a 69%);box-shadow:12px 12px 0 #080a10}
.boot__world:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#8598c5 1.5px,transparent 2px);background-size:57px 43px;opacity:.65}
.boot__moon{position:absolute;right:13%;top:13%;width:54px;height:54px;background:#d5c6d8;box-shadow:7px 7px 0 #414766}.boot__moon:after{content:"";position:absolute;right:-8px;top:-5px;width:47px;height:47px;background:#11182a}
.boot__star{position:absolute;width:5px;height:5px;background:#b9d7e8;box-shadow:6px 0 #b9d7e8,-6px 0 #b9d7e8,0 6px #b9d7e8,0 -6px #b9d7e8;animation:blink .8s steps(2) infinite}.boot__star.s1{left:17%;top:18%}.boot__star.s2{left:47%;top:31%;animation-delay:.25s}.boot__star.s3{right:26%;top:16%;animation-delay:.5s}
@keyframes blink{50%{opacity:.25;transform:scale(.65)}}
.boot__ground{position:absolute;left:0;right:0;bottom:0;height:74px;background:repeating-linear-gradient(90deg,#263d49 0 28px,#213543 28px 56px);border-top:6px solid #596684}
.boot__runner{position:absolute;z-index:3;left:9%;bottom:70px;width:25px;height:36px;background:#b8a1d1;border:4px solid #080b12;animation:bootRun 1.7s steps(12) forwards,runnerBob .16s steps(2) infinite}.boot__runner:before{content:"";position:absolute;left:1px;top:-18px;width:16px;height:16px;background:#d1a593;border:4px solid #080b12}.boot__runner:after{content:"";position:absolute;left:-5px;bottom:-8px;width:9px;height:12px;background:#080b12;box-shadow:21px 0 #080b12}.boot__runner i{position:absolute;left:-7px;top:-22px;width:29px;height:8px;background:#7f9fd8;border:3px solid #080b12}
@keyframes bootRun{to{left:76%}}@keyframes runnerBob{50%{transform:translateY(-5px)}}
.boot__coin{position:absolute;z-index:2;bottom:112px;width:12px;height:19px;background:#c9ad71;border:3px solid #080b12;box-shadow:3px 0 #efe1aa;animation:coinPop 1.7s steps(1) forwards}.boot__coin.c1{left:28%;animation-delay:.35s}.boot__coin.c2{left:47%;animation-delay:.75s}.boot__coin.c3{left:65%;animation-delay:1.1s}@keyframes coinPop{45%,100%{opacity:0;transform:translateY(-16px)}}
.boot__gate{position:absolute;z-index:2;right:10%;bottom:69px;width:76px;height:104px;border:6px solid #67749a;background:#151a2a;box-shadow:7px 0 #b8a1d1,-7px 0 #4c5b81}.boot__gate:before{content:"";position:absolute;left:-6px;top:-45px;border-left:38px solid transparent;border-right:38px solid transparent;border-bottom:0;border-top:42px solid #67749a}.boot__gate i{position:absolute;left:27px;bottom:0;width:16px;height:53px;background:#8fbeb0;animation:gateGlow .7s steps(2) infinite}@keyframes gateGlow{50%{background:#b9d7e8;box-shadow:0 0 0 5px #394760}}
.boot__copy{padding:15px 6vw 8px;display:flex;justify-content:space-between;gap:20px;color:#c7d2e8;font-size:clamp(9px,1.1vw,14px);line-height:1.6}.boot__copy b{color:#b8a1d1}.boot__progress{height:18px;margin:0 6vw 4vh;border:4px solid #3e4968;padding:3px;background:#0b0d15}.boot__progress i{display:block;width:0;height:100%;background:repeating-linear-gradient(90deg,#7f9fd8 0 18px,#91b6bd 18px 36px);transition:width .08s steps(20)}

/* night-code hub */
.hub{display:none;position:relative;min-height:100svh;overflow:hidden;background:linear-gradient(#101522 0 56%,#151d2a 56% 100%)}.hub.is-active{display:block}
.hub__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(127,159,216,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(127,159,216,.06) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(#000,transparent 75%)}
.hub__stars{position:absolute;inset:0 0 42%;background-image:radial-gradient(#8395bd 1px,transparent 1px);background-size:43px 37px;opacity:.85}.hub__stars i{position:absolute;width:3px;height:3px;background:#b9d7e8;box-shadow:4px 0 #b9d7e8,-4px 0 #b9d7e8,0 4px #b9d7e8,0 -4px #b9d7e8;animation:blink 1.3s steps(2) infinite}
.hub__cloud{position:absolute;width:76px;height:18px;background:#252d43;box-shadow:20px -12px #252d43,47px -5px #252d43,73px 0 #252d43;opacity:.7;animation:cloud 30s linear infinite}.cloud-a{left:-170px;top:26%}.cloud-b{left:60%;top:38%;scale:.72;animation-duration:42s}@keyframes cloud{to{translate:calc(100vw + 220px)}}
.hub__top{position:relative;z-index:20;height:80px;padding:14px 3vw;display:flex;align-items:center;justify-content:space-between;background:#111624e8;border-bottom:4px solid #29314a}.brand{display:flex;align-items:center;gap:13px;font-size:13px;letter-spacing:.08em}.brand>span{display:grid;place-items:center;width:48px;height:48px;background:#d8d9de;border:3px solid #7180a4;box-shadow:5px 5px 0 #222a40}.brand img{width:78%;height:78%;object-fit:contain;image-rendering:auto}.hub__status{display:flex;gap:28px;color:#8395bd;font-size:11px}.hub__status b{color:#8fbeb0}
.hub__intro{position:relative;z-index:5;margin:5vh auto 0;text-align:center}.hub__intro p{margin:0;color:#8fbeb0;font-size:12px}.hub__intro h1{margin:18px 0 14px;font-size:clamp(36px,5.3vw,78px);line-height:1.25;color:#d9e2ef;text-shadow:5px 5px 0 #242d45}.hub__intro h1 span{color:#b8a1d1;text-shadow:5px 5px 0 #303450}.hub__intro small{display:block;max-width:620px;margin:auto;color:#94a0ba;font:16px/1.7 ui-monospace,Consolas,monospace}
.hub__moon{position:absolute;right:8vw;top:18%;width:70px;height:70px;background:#c3c7d8;box-shadow:8px 8px 0 #313951;clip-path:polygon(18% 0,82% 0,82% 7%,94% 7%,94% 18%,100% 18%,100% 82%,94% 82%,94% 94%,82% 94%,82% 100%,18% 100%,18% 94%,7% 94%,7% 82%,0 82%,0 18%,7% 18%,7% 7%,18% 7%)}.hub__moon:after{content:"";position:absolute;left:25px;top:-9px;width:63px;height:63px;background:#101522;clip-path:inherit}
.world{position:absolute;z-index:10;left:3vw;right:3vw;bottom:7vh;height:40vh;min-height:310px;outline:none;border:4px solid #3c4765;background:linear-gradient(#151c2a 0 65%,#1d2d35 65%);box-shadow:10px 10px 0 #090c13;overflow:hidden}.world:focus{border-color:#6679a8}
.world__back{position:absolute;inset:0 0 72px;opacity:.55}.world__back:before{content:"";position:absolute;left:7%;right:7%;bottom:0;height:105px;background:repeating-linear-gradient(90deg,#20283a 0 55px,#182131 55px 110px);clip-path:polygon(0 45%,8% 45%,8% 8%,16% 8%,16% 55%,25% 55%,25% 22%,36% 22%,36% 60%,46% 60%,46% 0,57% 0,57% 58%,67% 58%,67% 31%,76% 31%,76% 51%,87% 51%,87% 14%,95% 14%,95% 52%,100% 52%,100% 100%,0 100%)}.world__back i{position:absolute;bottom:30px;width:5px;height:7px;background:#89b8b6;box-shadow:13px 0 #b8a1d1,0 14px #7f9fd8,13px 14px #6f8b91}.world__back i:nth-child(1){left:14%}.world__back i:nth-child(2){left:50%}.world__back i:nth-child(3){right:16%}
.world__path{position:absolute;left:0;right:0;bottom:0;height:76px;background:repeating-linear-gradient(90deg,#24333b 0 38px,#1d2b34 38px 76px);border-top:5px solid #526276}.world__path:after{content:"";position:absolute;left:0;right:0;top:28px;border-top:3px dashed #71809c}
.landmark{position:absolute;z-index:4;bottom:74px;width:150px;height:165px;text-align:center;color:#aab5ca;transition:transform .12s steps(2),filter .12s}.landmark:hover,.landmark.is-near{transform:translateY(-10px);filter:drop-shadow(0 0 7px #7f9fd8)}.landmark.is-near:before{content:"ENTER";position:absolute;left:50%;top:-18px;translate:-50% 0;color:#8fbeb0;font-size:9px;animation:blink .8s steps(2) infinite}.landmark em{position:absolute;right:15px;top:94px;color:#8fbeb0;font-size:9px;font-style:normal}.landmark strong{display:block;margin-top:7px;font-size:12px;color:#cbd4e2}.landmark small{display:block;margin-top:7px;font:11px ui-monospace,Consolas,monospace;color:#78859e}.landmark--studio{left:4%}.landmark--principles{left:29%}.landmark--friends{left:55%}.landmark--contact{right:4%}
.landmark__art{position:relative;display:block;width:100px;height:105px;margin:auto}.workshop b{position:absolute;left:9px;bottom:0;width:82px;height:61px;background:#28334b;border:4px solid #090c13;box-shadow:7px 7px #111622}.workshop:before{content:"";position:absolute;left:0;bottom:61px;border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:0;border-top:35px solid #66739a}.workshop i{position:absolute;z-index:2;left:36px;bottom:0;width:28px;height:42px;background:#8a719a;border:4px solid #090c13;box-shadow:0 -31px #90b7bd}
.archive b{position:absolute;left:13px;bottom:0;width:74px;height:87px;background:#242f43;border:4px solid #090c13;box-shadow:7px 7px #111622}.archive b:before{content:"";position:absolute;inset:12px 10px 36px;background:repeating-linear-gradient(0deg,#6f809f 0 5px,transparent 5px 11px)}.archive i{position:absolute;z-index:2;left:31px;bottom:5px;width:38px;height:28px;background:#a890b9;border:4px solid #090c13}
.tower b{position:absolute;left:30px;bottom:0;width:44px;height:77px;background:#303a55;border:4px solid #090c13}.tower:before{content:"";position:absolute;left:20px;bottom:76px;border-left:32px solid transparent;border-right:32px solid transparent;border-bottom:0;border-top:34px solid #7182a9}.tower i{position:absolute;z-index:2;left:43px;bottom:42px;width:18px;height:18px;background:#9ec3c7;border:4px solid #090c13;animation:gateGlow 1s steps(2) infinite}
.radio b{position:absolute;left:14px;bottom:0;width:72px;height:63px;background:#2a354d;border:4px solid #090c13;box-shadow:7px 7px #111622}.radio b:before{content:"";position:absolute;left:11px;top:14px;width:23px;height:23px;border:4px solid #8798bc}.radio b:after{content:"";position:absolute;right:10px;top:12px;width:7px;height:7px;background:#8fbeb0;box-shadow:0 14px #b8a1d1}.radio i{position:absolute;left:50px;bottom:61px;width:4px;height:39px;background:#8798bc;transform:rotate(24deg);transform-origin:bottom}
.hero-sprite{position:absolute;z-index:8;left:10%;bottom:71px;width:27px;height:42px;background:#8b78a5;border:4px solid #080b12;transition:left .075s linear;filter:drop-shadow(4px 4px #080b12)}.hero-sprite:before{content:"";position:absolute;left:2px;top:-19px;width:17px;height:17px;background:#c9998d;border:4px solid #080b12}.hero-sprite:after{content:"";position:absolute;left:-5px;top:-24px;width:31px;height:9px;background:#6f86b4;border:3px solid #080b12}.hero-sprite i{position:absolute;left:-7px;bottom:-9px;width:9px;height:13px;background:#080b12;box-shadow:22px 0 #080b12}.hero-sprite.is-walking{animation:runnerBob .15s steps(2) infinite}
.hub__help{position:absolute;z-index:20;bottom:1.7vh;left:50%;translate:-50% 0;margin:0;color:#73809b;font-size:10px;white-space:nowrap}.touch-help{display:none}

/* four full-screen worlds */
.page{display:none;position:relative;min-height:100svh;overflow:hidden}.page.is-active{display:block}.page__art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated;transform:scale(1.015);animation:sceneIn .8s steps(8) both}@keyframes sceneIn{from{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1.015)}}
.page__shade{position:absolute;inset:0;pointer-events:none}.page--studio .page__shade{background:linear-gradient(90deg,transparent 25%,rgba(41,31,49,.08) 50%,rgba(36,28,43,.55) 100%)}.page--principles .page__shade{background:linear-gradient(90deg,rgba(10,37,27,.76),rgba(10,37,27,.18) 55%,transparent)}.page--friends .page__shade{background:linear-gradient(90deg,rgba(10,19,52,.05),rgba(10,19,52,.72) 62%)}.page--contact .page__shade{background:linear-gradient(90deg,rgba(49,57,105,.62),rgba(49,57,105,.08) 60%)}
.return-portal{position:absolute;z-index:12;left:3vw;top:4vh;display:flex;align-items:flex-end;gap:10px;color:#f8eef4;font-size:10px;text-shadow:2px 2px #2b2638}.return-portal i{display:block;width:34px;height:47px;border:4px solid #eee1e8;border-bottom-width:7px;background:rgba(36,30,51,.65);box-shadow:5px 5px #473d57;transition:box-shadow .12s steps(2),translate .12s}.return-portal:hover i{translate:0 -5px;box-shadow:5px 10px #aa7f9b}.return-portal--light{color:#263a32;text-shadow:2px 2px #f2eedc}.return-portal--light i{border-color:#344d42;background:rgba(231,225,191,.65);box-shadow:5px 5px #8ea58d}
.page__hint{position:absolute;z-index:8;right:3vw;bottom:3vh;color:rgba(255,255,255,.6);font-size:9px}.page__hint--dark{color:rgba(35,49,54,.67)}
.page__sparkles,.fireflies,.constellation,.water-glints{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#fff4e7 0 2px,transparent 3px);background-size:83px 71px;animation:blink 1.6s steps(2) infinite;opacity:.7}.fireflies{background-image:radial-gradient(#e7e08c 0 3px,transparent 4px);background-size:107px 91px}.constellation{background-image:radial-gradient(#bfdaf3 0 2px,transparent 3px);background-size:67px 59px}.water-glints{background-image:radial-gradient(#fff3f6 0 2px,transparent 3px);background-size:91px 79px}

/* studio: rose journal */
.studio-note{position:absolute;z-index:5;right:5vw;top:50%;transform:translateY(-50%);width:min(560px,44vw);padding:34px 36px;background:rgba(48,36,53,.88);border:4px solid #d2a8b8;box-shadow:10px 10px 0 rgba(49,39,57,.76);clip-path:polygon(8px 0,calc(100% - 8px) 0,calc(100% - 8px) 4px,100% 4px,100% calc(100% - 8px),calc(100% - 4px) calc(100% - 8px),calc(100% - 4px) 100%,8px 100%,8px calc(100% - 4px),0 calc(100% - 4px),0 8px,8px 8px)}
.studio-note>p,.garden-manifesto>p,.sky-letter>p:first-child,.fountain-message>p:first-child{margin:0 0 24px;color:#e6b9ca;font-size:12px}.studio-note h2,.garden-manifesto h2,.sky-letter h2,.fountain-message h2{margin:0 0 27px;font-size:clamp(28px,3.4vw,52px);line-height:1.4;text-shadow:4px 4px rgba(28,23,36,.55)}.studio-note h2 span{color:#efc2d0}.type-line{display:grid;grid-template-columns:15px 1fr;gap:14px;font:17px/1.8 ui-monospace,Consolas,monospace;color:#f4e7e9}.type-line i{width:10px;height:21px;margin-top:5px;background:#b8a1d1;animation:blink .8s steps(1) infinite}.studio-note small{display:block;margin-top:25px;color:#c0afbd;font:14px/1.7 ui-monospace,Consolas,monospace}

/* principles: garden plaque */
.garden-manifesto{position:absolute;z-index:5;left:6vw;top:50%;transform:translateY(-50%);width:min(580px,45vw);padding:35px 38px;color:#edf1d9;background:rgba(17,57,41,.86);border-left:8px solid #d5d28c;box-shadow:12px 12px rgba(12,39,30,.45)}.garden-manifesto>p{color:#d9dc92}.garden-manifesto h2 span{color:#d9dc92}.garden-manifesto ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}.garden-manifesto li{display:grid;grid-template-columns:55px 1fr;align-items:center;padding:14px;border-bottom:3px solid rgba(215,222,150,.35);font:16px/1.6 ui-monospace,Consolas,monospace}.garden-manifesto li b{color:#e8d690;font-family:var(--px);font-size:10px}.garden-manifesto small{display:block;margin-top:22px;color:#c1ceb6;font:14px/1.7 ui-monospace,Consolas,monospace}

/* friends: floating constellation */
.sky-letter{position:absolute;z-index:5;right:5vw;bottom:8vh;width:min(580px,45vw);padding:30px 34px;color:#f0f4ff;background:rgba(16,28,69,.72);border:3px solid rgba(190,216,247,.72);box-shadow:0 0 0 7px rgba(126,148,215,.18),9px 9px rgba(7,15,43,.65)}.sky-letter>p:first-child{color:#adcaf0}.sky-letter h2 span{color:#bed6f7}.sky-letter>p:not(:first-child){font:16px/1.75 ui-monospace,Consolas,monospace;color:#d3def0}.partner-link{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;margin-top:22px;padding-top:18px;border-top:3px dashed #7893c6;color:#b8ccec}.partner-link span,.partner-link b{font-size:9px}.partner-link img{grid-row:1/3;grid-column:2;max-width:130px;max-height:60px;object-fit:contain;background:#fff;padding:6px;image-rendering:auto}.partner-link:hover b{color:#fff}

/* contact: fountain dialogue */
.fountain-message{position:absolute;z-index:5;left:6vw;top:15vh;width:min(570px,44vw);padding:32px 36px;color:#33436c;background:rgba(245,239,252,.84);border:4px solid #849bd0;box-shadow:10px 10px rgba(93,111,163,.42)}.fountain-message>p:first-child{color:#6579ab}.fountain-message h2{text-shadow:4px 4px #d4c5e8}.fountain-message h2 span{color:#876fa9}.fountain-message>p:not(:first-child){font:16px/1.75 ui-monospace,Consolas,monospace}.contact-lines{margin-top:22px;border-top:4px solid #849bd0}.contact-lines a{display:grid;grid-template-columns:110px 1fr;gap:15px;padding:16px 0;border-bottom:2px dashed #9aabd0;font:14px/1.5 ui-monospace,Consolas,monospace}.contact-lines a span{font-family:var(--px);font-size:9px;color:#735d97}.contact-lines a:hover b{color:#84649e}

/* distinct transitions */
.transition{position:fixed;z-index:9997;inset:0;pointer-events:none;visibility:hidden}.transition.is-running{visibility:visible}.transition__label{position:absolute;z-index:20;left:50%;top:50%;translate:-50% -50%;margin:0;font-size:11px;color:#f7f0e9;text-shadow:3px 3px #1b1a29;opacity:0}.transition.is-running .transition__label{animation:label .9s steps(2)}@keyframes label{20%,76%{opacity:1}}
.transition__gate{position:absolute;top:0;bottom:0;width:51%;background:#554760;border:5px solid #211a29;transition:transform .42s steps(8)}.transition__gate:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 34px,rgba(238,198,213,.2) 34px 38px)}.transition__gate--left{left:0;transform:translateX(-103%)}.transition__gate--right{right:0;transform:translateX(103%)}.transition.kind-gate .transition__gate{transform:none}
.transition__pixels{position:absolute;inset:0;background:#19382c;opacity:0;background-image:linear-gradient(90deg,rgba(221,218,145,.18) 50%,transparent 50%),linear-gradient(rgba(221,218,145,.18) 50%,transparent 50%);background-size:32px 32px}.transition.kind-pixels .transition__pixels{animation:pixelWipe .9s steps(8)}@keyframes pixelWipe{0%{opacity:0;clip-path:inset(50%)}35%,67%{opacity:1;clip-path:inset(0)}100%{opacity:0;clip-path:inset(50%)}}
.transition__flock{position:absolute;inset:0;background:#17275a;clip-path:polygon(0 0,0 0,0 100%,0 100%)}.transition__flock:after{content:"⌁  ⌁   ⌁  ⌁   ⌁";position:absolute;inset:0;display:grid;place-items:center;color:#c5dcf7;font-size:7vw;word-spacing:4vw}.transition.kind-flock .transition__flock{animation:flockWipe .9s steps(12)}@keyframes flockWipe{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}45%,65%{clip-path:polygon(0 0,100% 0,84% 100%,0 100%)}100%{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}}
.transition__water{position:absolute;inset:0;background:#8baee1;opacity:0}.transition__water:after{content:"";position:absolute;left:50%;top:50%;width:20px;height:20px;border:9px solid #f4dff1;translate:-50% -50%;animation:waterRing .9s steps(9) both}.transition.kind-water .transition__water{animation:waterBg .9s steps(5)}@keyframes waterBg{20%,75%{opacity:1}}@keyframes waterRing{to{width:160vmax;height:160vmax;opacity:0}}

@media(max-width:900px){
  .hub__intro{margin-top:4vh}.hub__intro h1{font-size:clamp(30px,7vw,58px)}.hub__intro small{font-size:14px}.world{left:2vw;right:2vw;height:43vh}.landmark{width:112px;scale:.82;transform-origin:bottom center}.landmark:hover,.landmark.is-near{transform:translateY(-8px)}.landmark--studio{left:0}.landmark--principles{left:24.5%}.landmark--friends{left:50%}.landmark--contact{right:0}.studio-note,.garden-manifesto,.sky-letter,.fountain-message{width:min(620px,86vw)}.page--studio .page__shade,.page--friends .page__shade{background:linear-gradient(0deg,rgba(24,21,34,.78),transparent 78%)}.studio-note{right:5vw;top:auto;bottom:8vh;transform:none}.garden-manifesto{left:5vw;width:58vw}.sky-letter{right:5vw;width:58vw}.fountain-message{left:5vw;width:58vw}
}
@media(max-width:600px){
  .boot__hud{padding:14px 16px}.boot__hud span:nth-child(2){display:none}.boot__world{width:92vw;height:42vh}.boot__copy{padding:14px 18px 8px;display:grid}.boot__progress{margin:0 18px 5vh}.hub__top{height:68px;padding:10px 14px}.brand>span{width:42px;height:42px}.brand>b{display:none}.hub__status{gap:12px;font-size:8px}.hub__status span:first-child{display:none}.hub__intro{padding:0 18px;margin-top:3vh}.hub__intro p{font-size:9px}.hub__intro h1{font-size:clamp(20px,6.2vw,25px);line-height:1.38;margin:13px 0}.hub__intro small{max-width:340px;padding:0 8px;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.hub__moon{width:46px;height:46px;top:16%;right:4vw}.world{bottom:8vh;height:48vh;min-height:330px}.landmark{width:82px;scale:.68}.landmark strong{font-size:10px}.landmark small{display:none}.landmark em{font-size:8px;right:5px}.landmark--studio{left:-3%}.landmark--principles{left:22%}.landmark--friends{left:47%}.landmark--contact{right:-3%}.hub__help{bottom:2vh;font-size:8px}.desktop-help{display:none}.touch-help{display:inline}.page__art{object-position:center}.page__hint{display:none}.return-portal{top:18px;left:18px}.return-portal span{display:none}.studio-note,.garden-manifesto,.sky-letter,.fountain-message{left:16px;right:16px;bottom:20px;top:auto;width:auto;transform:none;padding:23px 21px}.studio-note h2,.garden-manifesto h2,.sky-letter h2,.fountain-message h2{font-size:23px;line-height:1.45;margin-bottom:18px}.studio-note>p,.garden-manifesto>p,.sky-letter>p:first-child,.fountain-message>p:first-child{font-size:9px;margin-bottom:15px}.type-line,.sky-letter>p:not(:first-child),.fountain-message>p:not(:first-child){font-size:15px;line-height:1.6}.garden-manifesto li{padding:9px;font-size:14px}.garden-manifesto small,.studio-note small{font-size:12px;margin-top:14px}.partner-link{margin-top:12px;padding-top:12px}.partner-link img{max-width:95px}.contact-lines{margin-top:13px}.contact-lines a{grid-template-columns:74px minmax(0,1fr);gap:8px;font-size:11px;padding:12px 0}.contact-lines a b{overflow-wrap:anywhere}.contact-lines a span{font-size:8px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.boot{display:none}.transition{display:none}body.is-booting{overflow:auto}}