/* One island, four chapters */
.mobile-controls{display:none}
@media(max-width:600px),(pointer:coarse){.mobile-controls{display:flex;align-items:center;justify-content:center;gap:20px;position:absolute;bottom:24px;left:0;right:0;z-index:30}.mobile-controls p{font:8px/1.9 var(--px);color:#a6b6c7}.joystick{position:relative;display:flex;justify-content:space-between;align-items:center;width:116px;height:60px;padding:0 9px;background:#243348;border:3px solid #7d91a8;box-shadow:4px 4px #0a111c;touch-action:none;user-select:none;color:#9caec0}.joystick__thumb{position:absolute;left:38px;top:10px;width:34px;height:34px;background:#b9c9d3;border:4px solid #e1e5dc;box-shadow:3px 3px #111c2c;pointer-events:none}.hub .world{bottom:130px}.hub__help{display:none}}
html,body{width:100%;overflow-x:clip}
.hub{min-height:900px;min-height:max(850px,100svh)}
.hub__intro{margin-top:36px;padding:0 24px 48px}
.hub__intro h1{font-size:clamp(28px,4.5vw,66px)}
.hub__intro small{padding-top:8px;line-height:1.9}
.hub__intro p{font-size:10px;letter-spacing:.12em}
.world{height:340px;min-height:0;bottom:80px}
.hub__stars{background:none;opacity:.55}
.hub__stars i{animation:none;box-shadow:none}
.page__sparkles,.fireflies,.constellation,.water-glints{display:none}
.page__art{width:100%;height:100%;object-fit:cover;animation:none;transform:none;image-rendering:pixelated}
.page--studio .page__art{object-position:0% center}
.page--principles .page__art{object-position:35% center}
.page--friends .page__art{object-position:68% center}
.page--contact .page__art{object-position:100% center}
.page{min-height:max(780px,100svh)}
.page--studio .page__shade{background:linear-gradient(90deg,transparent,rgba(39,27,30,.28) 45%,rgba(39,27,30,.78))}
.studio-note{background:#322c2deb;border-color:#c6a47c}
.studio-note>p,.studio-note h2 span{color:#e6bf8c}
.studio-note h2,.garden-manifesto h2{font-size:clamp(24px,2.2vw,34px)}
.page--contact .page__shade{background:linear-gradient(90deg,#182a48b8,transparent 80%)}
.fountain-message{background:#18283de8;color:#dde8ee;border-color:#86a2b6;box-shadow:10px 10px #12203477}
.fountain-message h2{text-shadow:3px 3px #182236}.fountain-message h2 span{color:#a9c9d4}
.fountain-message>p:first-child,.contact-lines a span{color:#b9c6d9}
.contact-lines a:hover b{color:#fff}
.page--contact{min-height:max(920px,100svh)}
.fountain-message{top:110px;padding:24px 30px}.fountain-message h2{font-size:clamp(24px,2.5vw,38px);margin-bottom:15px}.contact-lines a{padding:11px 0}
.return-portal,.return-portal--light{position:fixed;top:22px;left:24px;align-items:center;min-height:52px;padding:9px 15px;background:#111a2df5;border:3px solid #b2bdcd;box-shadow:5px 5px #0b1220;color:#f1ebdf;text-shadow:none;font-size:10px;gap:12px}
.return-portal i,.return-portal--light i{width:16px;height:24px;border:3px solid #b2bdcd;background:#27394c;box-shadow:none}
.return-portal:hover{background:#2c4055}.return-portal span{display:block}
a:focus-visible,.world:focus-visible{outline:3px dashed #eee2bc;outline-offset:7px}
.partner-story{position:relative;z-index:5;width:min(470px,41vw);padding:0;margin:160px 0 0 6vw;text-shadow:3px 3px #172636}
.partner-story>p:first-child{font-size:11px;color:#bdcddb;line-height:1.8}
.partner-story h2{font-size:clamp(24px,2.1vw,32px);line-height:1.5;margin:24px 0}.partner-story h2 span{color:#aec9bf}
.partner-story>p:last-child{font:17px/1.9 ui-monospace,Consolas,monospace;max-width:400px;color:#e1e8df}
.page--friends .page__shade{background:linear-gradient(90deg,#142635e8 0%,#14263577 48%,#14263588)}
.partner-map{position:absolute;z-index:6;right:3vw;top:96px;width:min(600px,49vw);height:650px}
.partner-road{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(4px 5px #152535)}
.partner-road path{fill:none;stroke:#c4c0a2;stroke-width:9;stroke-dasharray:12 9;stroke-linecap:square;stroke-linejoin:miter}
.partner-stops{list-style:none;margin:0;padding:0;position:absolute;inset:0}
.partner-stop{position:absolute;text-align:center;width:180px;translate:-50% -50%}
.partner-stop--sga{left:24%;top:20%}.partner-stop--future:nth-child(2){left:71.5%;top:42%}.partner-stop--future:nth-child(3){left:29%;top:68%}
.partner-medallion,.empty-medallion{margin:auto;display:grid;place-items:center;width:136px;height:136px;background:#eee9db;border:8px solid #aebdaf;outline:4px solid #1b303b;clip-path:polygon(25% 0,75% 0,75% 6%,88% 6%,88% 13%,94% 13%,94% 25%,100% 25%,100% 75%,94% 75%,94% 88%,87% 88%,87% 94%,75% 94%,75% 100%,25% 100%,25% 94%,12% 94%,12% 87%,6% 87%,6% 75%,0 75%,0 25%,6% 25%,6% 12%,13% 12%,13% 6%,25% 6%)}
.partner-medallion img{width:100px;height:82px;object-fit:contain}.trail-start{display:block;margin-bottom:14px;color:#e8d599;font-size:12px;text-shadow:3px 3px #152535}
.partner-stop h3{font-size:14px;margin:14px 0 8px}.partner-stop p{font:13px/1.6 ui-monospace,Consolas,monospace;margin:0;background:#172c3bf0;padding:5px}
.empty-medallion{width:76px;height:76px;background:#304453;border-color:#81959b;color:#c7d4d5;font:28px var(--px)}
.partner-stop--future p{margin-top:14px;color:#b8c6cb}
/* Restored arcade boot from the video */
.boot--classic{display:block;background:#0d0d12;transition:transform .8s cubic-bezier(.8,0,.2,1),visibility .8s;overflow:hidden}
.boot--classic.is-done{opacity:1;transform:translateY(-100%);visibility:hidden}
.boot--classic .boot__hud{position:absolute;top:5%;left:4%;right:4%;padding:0;border:0;font:9px var(--px);color:#efefed}
.boot--classic .boot__hud b:nth-child(2){color:#c6dd8f}
.boot__arcade{position:absolute;inset:18% 0 24%;display:grid;place-items:center}
.boot__arcade>span{font:clamp(90px,12vw,190px)/1 Georgia,serif;color:white;text-shadow:-5px 0 #ad6c79,5px 0 #6b82c5}
.boot--classic .boot__ground{bottom:20%;height:5px;border:0;background:#f2f0e9;box-shadow:0 6px #768dde,0 12px #a998c8}
.boot--classic .boot__progress{position:absolute;bottom:12%;left:50%;translate:-50% 0;width:min(420px,70vw);margin:0;height:8px;border:0;padding:0;background:#343539}
.boot--classic .boot__progress i{background:#bfd694}
.boot__label{position:absolute;bottom:7%;width:100%;text-align:center;color:#e5e5de;font:9px var(--px)}
.boot-coin{position:absolute;top:46%;width:8px;height:18px;background:#e4c774;box-shadow:3px 0 #957337;animation:classicCoin 1.6s steps(4) infinite}
.boot-coin.c1{left:12%}.boot-coin.c2{left:26%;animation-delay:-.5s}.boot-coin.c3{right:17%;animation-delay:-1s}
.boot-ghost{position:absolute;bottom:4%;right:15%;width:32px;height:30px;background:#c9687b;animation:classicGhost 2s steps(24) infinite}
.boot-ghost:after{content:'';position:absolute;top:7px;left:6px;width:5px;height:6px;background:#eee;box-shadow:15px 0 #eee}
.boot-stone{position:absolute;left:9%;top:9%;width:13px;height:7px;background:#b8c6d1;box-shadow:4px -3px #dce3e9;animation:classicSkip 1.7s linear infinite}
@keyframes classicCoin{50%{scale:.4 1;translate:0 -5px}}
@keyframes classicGhost{to{translate:-70vw 0}}
@keyframes classicSkip{0%{transform:translate(0,60px)}45%{transform:translate(32vw,0)}55%{transform:translate(38vw,55px)}100%{transform:translate(82vw,18px)}}
@media(max-width:900px){.page{min-height:100svh;padding:120px 20px 32px;display:none}.page.is-active{display:flex;flex-direction:column;justify-content:flex-end}.studio-note,.garden-manifesto,.sky-letter,.fountain-message{position:relative;inset:auto;width:min(600px,100%);margin:220px auto 0;transform:none;flex:none}.partner-story{margin:0 auto 18px;width:min(600px,100%)}.partner-map{position:relative;inset:auto;width:min(600px,100%);height:auto;aspect-ratio:600/650;margin:auto;flex:none}.partner-story h2{font-size:27px}.partner-stop{width:155px}.partner-medallion{width:115px;height:115px}.partner-medallion img{width:86px}.partner-story>p:last-child{font-size:15px}.page--friends{justify-content:flex-start}}
@media(max-width:600px){.hub{min-height:max(740px,100svh)}.hub__intro{margin:30px 0 0;padding:0 16px 40px}.hub__intro h1{font-size:clamp(18px,5.6vw,29px)}.hub__intro p{font-size:7px}.hub__intro small{max-width:310px;font-size:13px;padding-top:12px}.hub__moon{top:35%;width:35px;height:35px}.world{height:300px;bottom:75px;left:12px;right:12px}.landmark{width:23%;scale:1;height:128px;bottom:75px}.landmark__art{scale:.62;transform-origin:bottom center;margin-left:calc(50% - 50px)}.landmark strong{font-size:6px;margin-top:8px}.landmark em{display:none}.landmark--studio{left:0}.landmark--principles{left:25%}.landmark--friends{left:50%}.landmark--contact{right:0}.landmark.is-near:before{top:7px;font-size:7px}.hero-sprite{scale:.8;transform-origin:bottom center}.return-portal,.return-portal--light{left:15px;top:16px;font-size:8px;padding:8px 11px;min-height:48px}.return-portal span{display:block}.studio-note h2,.garden-manifesto h2,.fountain-message h2{font-size:clamp(16px,4.7vw,23px);overflow-wrap:normal}.studio-note,.garden-manifesto,.fountain-message{padding:24px 18px;margin-top:250px}.page{padding-inline:16px}.partner-story{margin-top:10px}.partner-story h2{font-size:23px}.partner-map{margin-top:20px;margin-bottom:50px;min-height:435px}.partner-stop{width:122px}.partner-medallion{width:90px;height:90px;border-width:6px}.partner-medallion img{width:66px;height:60px}.partner-stop p{font-size:11px}.partner-stop h3{font-size:11px}.trail-start{font-size:10px}.empty-medallion{width:60px;height:60px}.contact-lines a{grid-template-columns:70px minmax(0,1fr);font-size:11px}.boot--classic .boot__hud{font-size:6px}.boot__label{font-size:8px}}
@media(prefers-reduced-motion:reduce){.boot{display:none}.boot *{animation:none!important}.page__art{translate:none!important}}