:root{--dash-height:265px}.cockpit-art{mask-image:none!important;-webkit-mask-image:none!important;left:0!important;width:100%!important;height:100%;bottom:0;object-fit:fill}.dash-controls{position:absolute;inset:0}.dash-controls .pet-screen{left:21%;top:20%;width:10.5%;height:47%;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;justify-content:center}.pet-screen img{width:72%;height:78%;object-fit:contain}.pet-screen #petSpeech{position:absolute;bottom:100%;left:20%;width:190px;max-width:none;margin:0 0 10px;padding:13px 16px;background:#fff7d3;border:3px solid #29233f;border-radius:22px 25px 23px 6px;box-shadow:4px 4px #10102077;color:#30233c;font-size:14px;font-weight:700;line-height:1.35;transform:rotate(-3deg);z-index:5}.pet-screen #petSpeech[hidden]{display:none}.pet-screen #petSpeech:after{content:'';position:absolute;bottom:-11px;left:18px;width:16px;height:16px;background:#fff7d3;border-right:3px solid #29233f;border-bottom:3px solid #29233f;transform:skewY(35deg)}.dash-controls .radio-screen{left:68.8%;top:22%;width:10.6%;height:42%;background:none;border:0;box-shadow:none;border-radius:0;padding:0;gap:7px}.radio-screen>strong{font-size:clamp(12px,1.1vw,17px)}.radio-status{font-size:12px}.radio-screen #speedReadout{font-size:12px}.radio-screen .volume-control{position:fixed!important;left:81.5%!important;bottom:calc(var(--dash-height)*.2);top:auto!important;width:8%!important;height:auto!important;display:flex!important;flex-direction:column;gap:5px!important}.radio-screen .volume-dial{width:42px;height:42px;border:5px solid #203853;outline:2px solid #85cad2;touch-action:none;cursor:ns-resize;box-shadow:0 4px 5px #0008}.radio-screen .volume-dial:after{height:11px;width:4px;left:calc(50% - 2px);top:2px}.radio-screen .volume-control input{width:80px;max-width:100%;height:12px}.radio-screen .volume-control small{display:none}#gpsScreen{position:absolute;left:36.8%;top:19%;width:26.5%;height:45%;display:flex;flex-direction:column;overflow:hidden;background:none;border:0;box-shadow:none;border-radius:0;padding:0 5px;pointer-events:auto;color:#c8f6e3}.gps-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:0 0 22px;font-size:12px;border-bottom:1px solid #68877e66;padding:0 3px 3px}.gps-top button{background:none;border:0;padding:0;color:#b4ffd0;font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:3px}.gps-top span{font-size:12px;color:#8baea6}#gpsDetails{min-height:0;flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#719e8c #0c1618;padding:5px 3px}#gpsDetails h2{font:700 clamp(17px,1.5vw,24px)/1.05 'Barlow Condensed',sans-serif;margin:0 0 4px;color:#ffefb5}#gpsDetails p{font-size:14px;line-height:1.35;margin:3px 0 5px;color:#c7dfd9}.gps-link{font:700 13px 'Space Grotesk',sans-serif;color:#a0f5c7;background:none;padding:0;text-decoration:underline;text-underline-offset:3px;border:0;cursor:pointer}.galaxy-art{top:56%}.portal{top:calc(56% - min(77vw,108vh)*.1153)}.hanging-sign{top:6%;left:50%}#showBlimp{width:288px;height:288px}.blimp-assembly{position:absolute;inset:0;transform:rotateY(0deg);transform-style:preserve-3d;transition:transform .7s ease-in-out}#showBlimp{perspective:800px}#showBlimp[data-direction=right] .blimp-assembly{transform:rotateY(180deg)}#showBlimp .blimp-body,#showBlimp[data-direction=right] .blimp-body{transform:none!important;transition:none}.digital-flyer{position:absolute;left:21%;top:22%;width:54%;height:42%;overflow:hidden;background:#07202b;border-radius:3px;transform:translateZ(1px);box-shadow:inset 0 0 12px #56deff88}.digital-flyer .blimp-poster,#showBlimp[data-direction=right] .blimp-poster{position:absolute;inset:0;left:0;width:100%;height:100%;object-fit:contain;border:0;box-shadow:none;border-radius:0;background:#081d29;filter:contrast(1.08) saturate(.85) brightness(1.13);transform:none;transition:none}#showBlimp[data-direction=right] .digital-flyer .blimp-poster{transform:scaleX(-1)}.digital-flyer:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#93e4ff18 3px 4px);box-shadow:inset 0 0 8px #64e8ff55}.blimp-propeller,#showBlimp[data-direction=right] .blimp-propeller{left:auto!important;right:-2%!important;top:24%;width:8%;height:35%;animation:propeller-spin .11s linear infinite}.blimp-exhaust{position:absolute;left:96%;top:38%;width:65px;height:35px;pointer-events:none}.blimp-exhaust i{position:absolute;left:0;top:8px;width:15px;height:15px;border-radius:50%;background:radial-gradient(#b9e3ef55,transparent 70%);animation:air-puff 1.2s linear infinite}.blimp-exhaust i:nth-child(2){animation-delay:-.4s}.blimp-exhaust i:nth-child(3){animation-delay:-.8s}@keyframes air-puff{from{transform:translateX(0) scale(.5);opacity:.65}to{transform:translateX(65px) scale(2.5);opacity:0}}
@media(max-width:700px){:root{--dash-height:245px}.dash-controls .pet-screen{left:20.5%;width:11%;top:21%;height:43%}.dash-controls .radio-screen{left:68%;width:12%;top:24%;height:36%;gap:4px}.radio-screen .radio-status{font-size:12px}.radio-screen #speedReadout{display:none}.radio-screen>strong{font-size:12px;line-height:1.05}.radio-screen .volume-control{left:83%!important;width:10%!important;bottom:15%}.radio-screen .volume-dial{width:29px;height:29px;border-width:3px}.radio-screen .volume-control>span:not(.volume-dial){font-size:12px}.radio-screen .volume-control input{width:45px}#gpsScreen{left:36.7%;width:26.7%;height:47%;top:18%}.gps-top span{display:none}#gpsDetails h2{font-size:17px}#gpsDetails p{font-size:13px}.gps-link{font-size:12px}.pet-screen #petSpeech{width:165px;left:-20%;font-size:13px}.galaxy-art{top:54%}.portal{top:calc(54% - 115vw*.1153)}#showBlimp{width:200px;height:224px}}
#gpsScreen{top:21%;height:43%}.digital-flyer{left:21%;top:25%;width:54%;height:34%}.blimp-propeller,#showBlimp[data-direction=right] .blimp-propeller{right:-3%!important;left:auto!important;top:28%;width:8%;height:32%}.blimp-exhaust{left:100%;top:39%}.digital-flyer .blimp-poster{backface-visibility:visible}.blimp-assembly,.blimp-assembly>*{backface-visibility:visible}
#gpsDetails{display:flex;flex-direction:column;gap:3px}#gpsDetails h2{flex:0 0 auto}#gpsDetails p{flex:1 1 auto;min-height:0;overflow:auto;margin:0;scrollbar-width:thin}#gpsDetails .gps-link{flex:0 0 auto;align-self:flex-start;margin-top:2px}
