/* Open windshield: no fixed GPS panel. */
.cockpit-art{mask-image:linear-gradient(90deg,#000 0 28%,transparent 35% 64%,#000 71% 100%)}.dash-controls #infoPanel,.radio-top{display:none}.city-toolbar{display:none}.detail-art{display:block;width:min(360px,100%);max-height:320px;object-fit:contain;border-radius:20px;margin:0 0 20px}.detail-video{display:block;width:min(600px,100%);margin:20px 0}.media-island{left:55%;top:3%;width:28%;height:31%}.about-island{left:83%;top:15%;width:15%;height:23%}.about-island .town-sign{font-size:18px}.island .town-sign small{display:none}.events-island .town-sign{background:transparent url('assets/event-sign.webp') center/100% 100% no-repeat!important;border:0;outline:0;box-shadow:none;text-shadow:2px 2px #642347;color:#fff6c4;min-width:180px;padding:26px 30px;transform:translateX(-50%) rotate(-5deg)}.events-island .town-sign:before,.events-island .town-sign:after{display:none}.toys-island .town-sign{background:transparent url('assets/playground-sign.webp') center/100% 100% no-repeat!important;border:0;box-shadow:none;text-shadow:1px 1px #ecd4a9;color:#482b1f;padding:26px 30px;min-width:210px;transform:translateX(-50%) rotate(3deg)}.construction-sign{position:absolute;z-index:2;width:95px;height:78px;object-fit:contain;transform:translate(-50%,-50%) rotate(-4deg);filter:drop-shadow(2px 4px 2px #0005)}body[data-scene=media] .building span,body[data-scene=media] .building:hover span,body[data-scene=media] .building[aria-expanded=true] span{background:linear-gradient(#31466b,#192644);border:3px solid #aec9ed;border-radius:3px;min-height:0;min-width:0;padding:8px 11px;color:#fff5d6;text-shadow:1px 2px #102039;box-shadow:3px 5px #0006;filter:none;font:800 17px 'Barlow Condensed',sans-serif;transform:translateX(-50%) skewY(-5deg);top:40%}body[data-scene=media] .building:hover span{background:#44618a;box-shadow:0 0 15px #cceeff88}body[data-scene=media] .building span:before,body[data-scene=media] .building span:after{content:'';position:absolute;width:4px;height:22px;top:100%;background:#536781;left:12%}body[data-scene=media] .building span:after{left:auto;right:12%}body[data-scene=media] .building[data-stop="4"] span{background:#ec781f;color:white;border-color:#ffd6a1}body[data-scene=media] .building[data-stop="1"] span{background:#e63344;border-color:#ffcdd2}body[data-scene=media] .building[data-stop="3"] span{background:#161928;border-color:#83eee9}.citizen{animation-name:busy-street;animation-timing-function:linear}.citizen:nth-child(3n){width:19px;height:25px}.citizen:nth-child(5n){width:24px;height:31px}body[data-scene=about] #cityLife .citizen{display:block}.central-star,.central-star[data-mood=laugh],.central-star[data-mood=angry]{animation:none!important;transform:translate(-50%,-50%);overflow:visible}.sun-faces{position:absolute;inset:0}.sun-faces img{position:absolute;inset:0;opacity:0;transition:opacity .12s ease;filter:drop-shadow(0 0 20px #ffc34066)}.sun-faces .neutral-face{opacity:1}.central-star[data-mood=laugh] .neutral-face,.central-star[data-mood=angry] .neutral-face{opacity:0}.central-star[data-mood=laugh] .laugh-face,.central-star[data-mood=angry] .angry-face{opacity:1}.central-star[data-mood=laugh] .sun-faces{animation:face-chuckle .35s ease-in-out 6}.central-star[data-mood=angry] .sun-faces{filter:drop-shadow(0 0 7px #ff773744)}.blimp-body{transition:transform .6s ease}.blimp-propeller{animation:propeller-spin .11s linear infinite;filter:blur(.3px)}#showBlimp[data-direction=right] .blimp-body{transform:scaleX(-1)}#showBlimp[data-direction=right] .blimp-propeller{right:auto;left:0}#showBlimp[data-direction=right] .blimp-poster{left:30.5%}#cursorSmoke{position:fixed;inset:0;pointer-events:none;z-index:99;width:100%;height:100%}#flightView{position:fixed;inset:0 0 var(--dash-height);z-index:16;perspective:800px;overflow:hidden;background:radial-gradient(ellipse,#2e316533,#050818aa);pointer-events:none}#flightView[hidden]{display:none}#flightCamera{position:absolute;inset:0;transform-style:preserve-3d}#flightGround{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;backface-visibility:hidden;transform-origin:50% 70%;box-shadow:0 0 140px #77aaff33}.fly-past{position:absolute;bottom:-25%;width:27%;height:85%;object-fit:contain;transform-style:preserve-3d;pointer-events:none}.fly-past.left{left:-8%}.fly-past.right{right:-8%}.fly-past.lamp{left:22%;width:9%;height:55%}.inbound #flightGround{animation:camera-descend 2.1s cubic-bezier(.2,.65,.3,1) both}.outbound #flightGround{animation:camera-descend 2.1s cubic-bezier(.2,.65,.3,1) both reverse}.inbound .fly-past{animation:foreground-pass 2.1s ease-in both}.outbound .fly-past{animation:foreground-pass 2.1s ease-in both reverse}#flightView[data-world=about] #flightGround{object-fit:contain}#flightView[data-world=about] .fly-past{display:none}#cityViewport{perspective:1100px}#cityStage{transform:translate3d(var(--view-x,0),var(--view-y,0),0) rotateY(var(--view-angle,0deg));transform-style:preserve-3d;transition:transform .2s ease-out}#cityLife{transform:translateZ(3px)}#cityHotspots{transform:translateZ(8px)}
@keyframes busy-street{0%{transform:translate(0,0)}30%{transform:translate(calc(var(--distance)*.55),var(--rise))}60%{transform:translate(var(--distance),calc(var(--rise)*.6))}85%{transform:translate(calc(var(--distance)*.45),calc(var(--rise)*-.2))}100%{transform:translate(0,0)}}@keyframes face-chuckle{50%{transform:scale(1.03,.97)}}@keyframes propeller-spin{to{transform:rotate(360deg)}}@keyframes camera-descend{0%{transform:translate3d(0,60px,-1500px) rotateX(58deg) rotateZ(-10deg);opacity:.4;border-radius:30%}35%{transform:translate3d(0,-20px,-600px) rotateX(38deg) rotateZ(-4deg);opacity:1;border-radius:12%}100%{transform:translate3d(0,0,0) rotateX(0) rotateZ(0);opacity:1;border-radius:0}}@keyframes foreground-pass{0%{transform:translate3d(0,20px,-700px);opacity:0}38%{opacity:.8}85%{opacity:.85}100%{transform:translate3d(0,180px,650px);opacity:0}}
@media(max-width:600px){.media-island{left:49%;top:18%;width:40%;height:23%}.about-island{left:80%;top:38%;width:19%;height:18%}.about-island .town-sign{font-size:13px}.events-island .town-sign{min-width:145px;padding:21px 20px}.toys-island .town-sign{min-width:163px;padding:24px 17px;font-size:14px}.cockpit-art{mask-image:linear-gradient(90deg,#000 0 36%,transparent 40% 59%,#000 64% 100%)}.construction-sign{width:80px;height:60px}body[data-scene=media] .building span{font-size:16px}#showBlimp[data-direction=right] .blimp-poster{left:30.5%}}
.portal{left:calc(50% - min(77vw,108vh)*.044);top:calc(46% - min(77vw,108vh)*.1153)}.blimp-poster{left:21%;top:22%;width:54%;height:42%;background:#072337}.blimp-propeller{right:-2%;top:24%;width:8%;height:35%;transform-origin:center}#showBlimp[data-direction=right] .blimp-propeller{left:-2%;right:auto}#showBlimp[data-direction=right] .blimp-poster{left:25%}.events-island .town-sign{color:#542048;padding:35px 30px 30px;text-shadow:none}.toys-island .town-sign{padding:25px 25px 40px}.toys-island .town-sign:before,.toys-island .town-sign:after{display:none}body[data-scene=media] .billboard{width:11%;height:6.5%;border-radius:0}body[data-scene=media] .billboard span,body[data-scene=media] .billboard:hover span{position:absolute;inset:0;min-width:0;min-height:0;padding:0;display:flex;align-items:center;justify-content:center;white-space:normal;text-align:center;background:transparent!important;border:0;box-shadow:none;color:#3a2443;text-shadow:none;transform:skewY(-15deg);font-size:clamp(14px,1.35vw,22px);line-height:1.05}body[data-scene=media] .billboard span:before,body[data-scene=media] .billboard span:after{display:none}body[data-scene=media] .billboard:hover span{color:#ba284c;filter:drop-shadow(0 0 5px #ffffff)}body[data-scene=media] .billboard[data-stop="0"]{width:10%}body[data-scene=media] .billboard[data-stop="1"]{width:7%}body[data-scene=media] .billboard[data-stop="2"]{width:11%;height:5%}body[data-scene=media] .billboard[data-stop="2"] span{transform:none}body[data-scene=media] .billboard[data-stop="3"]{width:7%;height:5%}body[data-scene=media] .billboard[data-stop="3"] span{transform:skewY(16deg)}body[data-scene=media] .billboard[data-stop="4"]{width:6%;height:5%}body[data-scene=media] .billboard[data-stop="4"] span{color:#702a10;font-size:clamp(12px,1.1vw,18px)}body[data-scene=media] .billboard[data-stop="5"]{width:6.5%}
@media(max-width:600px){.portal{left:calc(50% - 115vw*.044);top:calc(44% - 115vw*.1153)}body[data-scene=media] .billboard span{font-size:14px}body[data-scene=media] .billboard[data-stop="4"] span{font-size:12px}#showBlimp[data-direction=right] .blimp-poster{left:25%}}
#flightView[data-world=toys] .fly-past.left,#flightView[data-world=toys] .fly-past.right{height:45%;width:22%}.billboard:focus-visible{outline:3px solid #fff5a5;outline-offset:5px}.central-star .sun-gaze{pointer-events:none}.radio-screen{z-index:2}.pet-screen{z-index:2}