/* Three distinct flight-deck screens. */
.dash-controls #infoPanel{top:17%;height:76%;display:flex;flex-direction:column}.radio-top{flex:0 0 auto;min-height:33px;padding:3px 30px 3px 8px;justify-content:flex-start;gap:9px}.dash-controls #gpsButton{position:static;width:auto;max-width:none;transform:none;font:800 15px 'Space Grotesk',sans-serif;padding:4px 11px;border-width:2px;border-radius:14px;box-shadow:none}.radio-top #radioName{font-size:12px;letter-spacing:.03em;color:#baf7e5}#infoBody{height:auto;flex:1;min-height:0;padding-top:8px}.dash-controls .pet-screen{position:absolute;left:21%;top:26%;width:12%;height:68%;border-radius:45%;border:0;background:#081d2ce8;color:#b8ffd3;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;box-shadow:inset 0 0 20px #40cec244;overflow:hidden;cursor:pointer}.pet-screen img{width:60px;height:60px;object-fit:contain;transition:filter .25s,transform .25s}.pet-screen span{font-size:12px;line-height:1.2;max-width:130px;margin-top:2px}.pet-screen[data-mood=happy] img{animation:pet-hop .6s 3}.pet-screen[data-mood=grumpy] img{filter:hue-rotate(135deg) saturate(2);transform:rotate(-10deg) scaleY(.8)}.pet-screen[data-mood=love] img{filter:hue-rotate(240deg);animation:pet-heart 1s infinite}.pet-screen[data-mood=surprised] img{transform:scale(1.2);filter:brightness(1.3)}.pet-screen[data-mood=sleepy] img{transform:rotate(12deg) scaleY(.7);filter:brightness(.65)}.pet-screen[data-mood=lonely] img{animation:pet-hop 1.8s infinite}.radio-screen{position:absolute;left:68%;top:26%;width:13%;height:70%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:44%;background:#0b2134ef;padding:7px;color:#b9f4e4;gap:3px;text-align:center}.radio-screen>strong{font-size:12px}.radio-status{font-size:12px;color:#d8dfed}#speedReadout{font-size:12px;color:#91b1c5}.dash-controls .radio-screen .volume-control{position:static;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:3px;width:90%;height:auto}.radio-screen .volume-dial{width:23px;height:23px;border-width:3px;outline-width:1px;grid-row:span 2}.volume-dial:after{height:7px;width:3px;top:1px}.radio-screen .volume-control input{width:100%;max-width:75px}.radio-screen .volume-control>span:not(.volume-dial){font-size:12px}.radio-screen .volume-control small{display:none}#infoPanel .radio-idle span{display:none}.central-star{padding:0;cursor:pointer;z-index:7}.central-star:focus-visible{outline-offset:5px}.central-star[data-mood=laugh]{animation:sun-laugh .25s infinite}.central-star[data-mood=angry]{animation:sun-grumble .14s infinite}.central-star[data-mood=laugh] .sun-gaze,.central-star[data-mood=angry] .sun-gaze{visibility:hidden}.sun-gaze i{transition:transform .06s linear}.about-island{left:42%;top:70%;width:17%;height:25%;z-index:5}.about-island img{height:100%;width:100%;object-fit:contain}.about-island .town-sign{top:94%;font-size:21px;border-radius:25px;padding:7px 14px}.map-caption{margin-top:55px}.map-caption p{display:none}.toys-island .island-art{background-image:url('assets/playground.webp');background-size:contain;background-position:center;border-radius:40%;mask-image:radial-gradient(ellipse,#000 40%,transparent 72%)}body[data-scene=about] #cityArt{object-fit:contain;padding:8vh 12vw;background:radial-gradient(ellipse,#47497644,transparent 66%)}body[data-scene=about] #cityStage{width:100vw}body[data-scene=about] #cityLife .citizen{display:none}body[data-scene=toys] .city-heading:after{content:'UNDER CONSTRUCTION';display:block;margin-top:14px;padding:9px 14px;background:repeating-linear-gradient(135deg,#ffcc55 0 18px,#ffe09a 18px 36px);border:3px solid #392541;border-radius:12px;color:#302538;text-shadow:none;font-size:14px;font-weight:800;transform:rotate(-3deg)}#showBlimp{width:360px;height:360px}.blimp-poster{left:32%;top:27%;width:29%;height:49%;object-fit:contain;background:#10192c;border:2px solid #aaf9ff;border-radius:8px;box-shadow:0 0 12px #80ecff77}.blimp-propeller{position:absolute;width:14%;height:25%;right:2%;top:38%;object-fit:contain;animation:propeller-turn .16s linear infinite;transform-origin:center}.commute-lane{position:absolute;height:2px;transform-origin:left center;transform:rotate(var(--lane-angle));border-top:2px dotted #8cddff38;opacity:.5}.commuter{position:absolute;left:var(--ax);top:var(--ay);width:32px;height:32px;background:url('assets/travelers.webp') 0 0/300% 100% no-repeat;animation:commute var(--duration) linear infinite;animation-delay:var(--delay);animation-direction:var(--direction);filter:drop-shadow(0 0 4px #89dcff88)}.commuter.jet{background-position:50% 0;width:22px;height:22px}.commuter.walker{background-position:100% 0;width:18px;height:22px}#worldApproach{position:fixed;z-index:15;pointer-events:none;background:#050818;box-shadow:0 0 60px #829bf955;will-change:width,height,left,top;object-fit:fill}#worldApproach[hidden]{display:none}
@keyframes propeller-turn{to{transform:rotate(360deg)}}@keyframes commute{0%{left:var(--ax);top:var(--ay);opacity:0}8%,92%{opacity:1}100%{left:var(--bx);top:var(--by);opacity:0}}@keyframes pet-hop{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px) rotate(6deg)}}@keyframes pet-heart{50%{transform:scale(1.1)}}@keyframes sun-laugh{0%,100%{transform:translate(-50%,-50%) rotate(-3deg)}50%{transform:translate(-50%,-53%) rotate(3deg)}}@keyframes sun-grumble{0%,100%{transform:translate(-51%,-50%)}50%{transform:translate(-49%,-50%)}}
@media(max-width:900px){.dash-controls .pet-screen{left:19%;width:14%;top:26%;height:70%}.radio-screen{left:69%;width:16%;top:25%;height:72%}.pet-screen img{width:48px;height:48px}.dash-controls #infoPanel{top:16%;height:79%}.about-island .town-sign{font-size:18px}.island .town-sign{font-size:21px}}
@media(max-width:600px){:root{--dash-height:210px}.cockpit-art{width:170%;left:-35%}.dash-controls .pet-screen{left:1%;top:24%;width:18%;height:70%;border-radius:22px;padding:4px}.pet-screen img{width:42px;height:45px}.pet-screen span{font-size:12px}.dash-controls #infoPanel{left:20%;width:59%;top:14%;height:81%;border-width:3px}.radio-screen{left:80%;width:19%;top:24%;height:70%;border-radius:22px;padding:5px 2px}.radio-screen .volume-control{display:flex!important;width:100%!important;gap:3px!important}.radio-screen .volume-dial{width:24px;height:24px}.radio-screen .volume-control input{max-width:52px}.radio-screen>strong,.radio-status{font-size:12px}.radio-screen #speedReadout{display:none}.radio-top{gap:4px;padding-left:5px}.radio-top #radioName{font-size:12px}.dash-controls #gpsButton{font-size:12px;padding:4px 6px}#showBlimp{width:250px;height:280px}.about-island{left:40%;top:75%;width:21%;height:20%}.about-island .town-sign{font-size:14px;padding:5px 8px}.island .town-sign{font-size:16px;padding:8px 9px}.map-caption{top:47%;margin-top:58px}.map-caption h1{font-size:20px}.events-island,.toys-island{top:64%;height:23%}.music-island,.media-island{top:22%}.city-heading h1{font-size:26px}}
.portal{top:calc(46% - min(77vw,108vh)*.0567)}.central-star[data-mood=laugh] .sun-gaze,.central-star[data-mood=angry] .sun-gaze{visibility:visible}.central-star[data-mood=angry] .sun-gaze i{background:#582544}.about-island .town-sign{white-space:nowrap}
@media(max-width:600px){.portal{top:calc(44% - 115vw*.0567)}}
.sun-gaze i{left:36.5%;top:44.5%;transform:translate(-50%,-50%)}.sun-gaze i+i{left:66.5%;top:44.5%}
.blimp-body{object-fit:fill!important}.blimp-poster{left:19.5%;top:18%;width:50%;height:38%;border:0;border-radius:3px;background:#06121d;box-shadow:0 0 8px #87fbff55}.blimp-propeller{right:0%;top:26%;width:12%;height:26%}
.sun-gaze i{left:36.67%;top:44.48%}.sun-gaze i+i{left:67.13%;top:43.51%}.pet-screen[data-mood=grumpy] img{filter:none;transform:none}.pet-screen[data-mood=sleepy] img{transform:none;filter:brightness(.85)}