/* Living worlds */
.galaxy-art{inset:auto;left:50%;top:56%;width:min(70vw,105vh);height:auto;aspect-ratio:3/2;transform:translate(-50%,-50%);animation:none}.galaxy-art img,.galaxy-art canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}.galaxy-art img{mask-image:radial-gradient(ellipse,#000 60%,transparent 98%)}#galaxyFlow{z-index:1}.hanging-sign{top:5.6%;width:min(360px,38vw)}.hanging-sign img,.home-mark img{mix-blend-mode:normal}.portal{top:calc(56% - min(70vw,105vh)*.116);width:76px;height:76px;background:radial-gradient(#02030c 35%,#02030ce0 60%,transparent 75%);box-shadow:none}.portal-ring{inset:0;box-shadow:none;border:0;background:none}.portal-label{top:50%;transform:translate(-50%,-50%);line-height:1.15;letter-spacing:.12em;font-size:12px;opacity:.6;padding:0;background:none;border:0;text-align:center}.portal:hover .portal-ring{box-shadow:0 0 18px #84bfff55;border:1px solid #bcdcff44}.entry-note{bottom:4%}#cursor{filter:drop-shadow(0 0 4px #dcf8ffb0) drop-shadow(0 0 9px #a8dcff66)}.cosmic-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 18% 65%,#49318644,transparent 55%),radial-gradient(ellipse at 85% 25%,#17526f55,transparent 55%),#050818}.map-stage{width:100%;height:100%;aspect-ratio:auto;left:0;top:0;transform:none}.central-star{position:absolute;left:50%;top:46%;width:65px;height:65px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(#fffbdc,#ffdf68 30%,#ffb335 65%,transparent 72%);box-shadow:0 0 60px #ffb84477;animation:pulse 8s infinite}.island{border:0;border-radius:0;animation:island-float 10s ease-in-out infinite;filter:drop-shadow(0 10px 22px #01030f)}.island:hover{filter:drop-shadow(0 0 16px #8eceff66);background:none}.island-art{position:absolute;inset:0;background-image:url('assets/islands.webp');background-size:200% 200%;background-repeat:no-repeat;mask-image:radial-gradient(ellipse 65% 67%,#000 54%,transparent 85%)}.music-island{left:9%;top:11%;width:30%;height:34%}.music-island .island-art{background-position:0 0}.media-island{left:62%;top:9%;width:28%;height:33%;animation-delay:-4s}.media-island .island-art{background-position:100% 0}.events-island{left:8%;top:55%;width:31%;height:34%;animation-delay:-7s}.events-island .island-art{background-position:0 100%}.toys-island{left:62%;top:54%;width:30%;height:34%;animation-delay:-2s}.toys-island .island-art{background-position:100% 100%}.about-island{left:88%;top:33%;width:8%;height:14%;animation-delay:-6s}.about-island img{height:85%;width:100%;object-fit:contain}.island .town-sign{top:90%;font-size:clamp(20px,2vw,30px);padding:10px 19px;transform:translateX(-50%) rotate(-3deg);background:#ad783e;color:#fff0cc;border:3px solid #50331d;box-shadow:4px 5px 0 #0008;text-shadow:1px 2px #50331d}.town-sign:before,.town-sign:after{content:'';position:absolute;bottom:100%;height:27px;width:3px;background:repeating-linear-gradient(25deg,#9a764f 0 3px,#d4b287 3px 5px);left:14%;box-shadow:1px 0 #0009}.town-sign:after{left:auto;right:14%}.media-island .town-sign{background:#243552;border-color:#617b94;transform:translateX(-50%) rotate(3deg);color:#cbf5ff}.media-island .town-sign:before,.media-island .town-sign:after{background:#7c8caa;width:5px}.events-island .town-sign{background:#47255e;border:3px solid #db87bd;color:#ffe6f5;transform:translateX(-50%) rotate(2deg)}.toys-island .town-sign{background:#ebc05c;color:#5e3520;border-color:#be6242}.about-island .town-sign{font-size:17px;padding:7px 12px}.town-sign small{font-size:10px}.map-caption{top:56%;width:220px}.map-caption h1{font-size:34px}.map-caption p{font-size:12px}.space-traffic,#cityLife{position:absolute;inset:0;pointer-events:none;overflow:hidden}.traveler{position:absolute;width:52px;height:52px;background-image:url('assets/travelers.webp');background-size:300% 100%;background-repeat:no-repeat;animation:flight 30s linear infinite;left:-10%;top:44%;filter:drop-shadow(0 0 7px #6ee9ff77)}.jetpack{background-position:50% 0;top:65%;animation-duration:44s;animation-delay:-15s;width:32px;height:32px}.ship-two{top:20%;animation-duration:48s;animation-delay:-23s;transform:scale(.65)}#cityViewport{position:absolute;inset:0;overflow:auto;scrollbar-width:none}#cityStage{position:relative;width:max(100vw,150vh);height:max(100vh,66.667vw);min-height:100%;overflow:hidden}#cityArt{width:100%;height:100%;object-fit:cover;display:block}#cityHotspots,#cityLife{position:absolute;inset:0}.city-heading{position:absolute;left:28px;top:100px;pointer-events:none;text-shadow:0 3px 8px #000}.city-heading button{pointer-events:auto;margin:0 0 8px}.city-heading h1{font:800 clamp(32px,4vw,58px)/1 'Barlow Condensed',sans-serif;margin:6px 0}.city-heading .eyebrow{margin:10px 0;font-size:12px}.city-toolbar{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:20px;align-items:center;white-space:nowrap;background:#080d21e8;border:1px solid #d3e3ff55;border-radius:30px;padding:10px 12px 10px 22px}.city-toolbar span{font-size:13px;color:#d0d9ef}.city-toolbar button{background:#fff1c8;color:#222436;border-radius:20px;padding:10px 17px;font-size:14px}.building{position:absolute;transform:translate(-50%,-50%);width:95px;height:95px;background:transparent;border-radius:50%;z-index:2}.building i{position:absolute;inset:16px;border:1px solid #e4faff66;border-radius:50%;background:radial-gradient(#b4f4ff14,transparent 70%);box-shadow:0 0 22px #c2edff22;animation:beacon 4s infinite}.building span{position:absolute;top:76%;left:50%;transform:translateX(-50%);white-space:nowrap;background:#080d24df;border:1px solid #d9e5ff88;border-radius:5px;padding:7px 11px;font-size:14px;box-shadow:0 5px 14px #0005}.building:hover,.building[aria-expanded=true]{z-index:5}.building:hover i,.building[aria-expanded=true] i{background:#bdeeff44;box-shadow:0 0 32px #b0efff88}.building:hover span,.building[aria-expanded=true] span{background:#fff0ba;color:#15172a;border-color:#fff0ba}#infoPanel{position:absolute;right:24px;bottom:85px;width:330px;max-height:70vh;overflow:auto;padding:22px;background:#090e23f5;border:1px solid #b9e0ff88;box-shadow:0 20px 60px #0009;border-radius:12px;z-index:10}#infoPanel[hidden]{display:none}#infoPanel h2{font:800 32px 'Barlow Condensed',sans-serif;margin:8px 0 12px}#infoPanel p{font-size:14px;line-height:1.7;color:#d4dcee}#infoPanel .eyebrow{font-size:11px;color:#ffda88;margin:18px 0 0}#infoPanel .place-preview{width:100%;height:145px;object-fit:cover;border-radius:5px}#infoPanel video{width:100%;margin:5px 0 12px}#closeInfo,#closeDirectory{position:absolute;right:8px;top:8px;width:34px;height:34px;background:#10182cee;color:white;border-radius:50%;font-size:25px;z-index:2}#directoryDialog{width:min(1100px,94vw);max-height:88vh;background:#090e22;color:#fff3dd;border:1px solid #bbd7ff66;border-radius:14px;padding:35px}#directoryDialog::backdrop{background:#01030dcc;backdrop-filter:blur(8px)}#directoryTitle{font:800 45px 'Barlow Condensed',sans-serif;margin:0 0 25px}.citizen{position:absolute;left:var(--x);top:var(--y);width:18px;height:23px;background:url('assets/travelers.webp') 100% 0/300% 100% no-repeat;animation:walk var(--duration) linear infinite alternate;animation-delay:var(--delay);filter:drop-shadow(1px 3px 2px #000)}.city-flyer{top:22%;animation-duration:50s}.city-flyer.jetpack{top:55%;animation-duration:60s}.retreating{animation:retreat .65s ease-in forwards}.returning{animation:return-view .7s ease-out forwards}#warp{background:radial-gradient(ellipse,#02030c 10%,#21336988 36%,#050818 70%)}body.paused .retreating,body.paused .returning{animation:none!important}@keyframes island-float{0%,100%{transform:translate(0,0) rotate(-1deg)}50%{transform:translate(8px,-14px) rotate(1deg)}}@keyframes flight{0%{left:-10%;transform:translateY(20px) rotate(-8deg)}50%{transform:translateY(-35px) rotate(5deg)}100%{left:110%;transform:translateY(15px) rotate(-4deg)}}@keyframes walk{from{transform:translate(0,0)}to{transform:translate(var(--distance),14px)}}@keyframes beacon{50%{opacity:.5;transform:scale(.92)}}@keyframes retreat{to{transform:scale(.25);opacity:0;filter:blur(4px)}}@keyframes return-view{from{transform:scale(1.5);opacity:0;filter:blur(5px)}to{transform:scale(1);opacity:1;filter:none}}
@media(max-width:700px){.galaxy-art{width:95vw;top:55%}.hanging-sign{width:65vw;top:10%}.portal{top:calc(55% - 95vw*.116);width:55px;height:55px}.portal-label{font-size:10px}.entry-note{bottom:10%}.map-stage{width:100%;height:100%;left:0;top:0;transform:none}.music-island{left:1%;top:17%;width:44%;height:25%}.media-island{left:53%;top:15%;width:44%;height:25%}.events-island{left:1%;top:61%;width:44%;height:25%}.toys-island{left:53%;top:61%;width:44%;height:25%}.island .town-sign{font-size:19px;padding:7px 10px;top:87%}.about-island{left:83%;top:41%;height:10%;width:12%}.about-island .town-sign{font-size:14px}.central-star{top:48%;width:50px;height:50px}.map-caption{top:55%;width:210px}.map-caption h1{font-size:27px}.city-heading{left:16px;top:85px}.city-heading h1{font-size:35px}.city-heading .eyebrow{font-size:10px}.city-toolbar{bottom:15px;width:calc(100% - 30px);gap:8px;padding:8px 9px;justify-content:space-between}.city-toolbar span{font-size:10px;white-space:normal;max-width:135px}.city-toolbar button{font-size:12px;padding:10px 12px}#infoPanel{left:15px;right:15px;bottom:75px;width:auto;max-height:48vh}.building span{font-size:13px}.city-heading .back{padding:9px 12px;font-size:12px}#directoryDialog{padding:25px 16px}.city-toolbar:before{content:'↔';color:#b4d5ff}.island-art{mask-image:radial-gradient(ellipse 65% 67%,#000 50%,transparent 86%)}}