*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#060810;color:#e6e8e8;font-family:Arial,sans-serif}body{background:radial-gradient(ellipse at 72% 46%,#782833 0,transparent 45%),linear-gradient(150deg,#080e20,#180d25 65%,#08373c)}canvas{position:fixed;inset:0;width:100%;height:100%;z-index:1}a,button{color:inherit;font:inherit;text-decoration:none}button{cursor:pointer;background:transparent;border:0}header,footer{position:fixed;left:4vw;right:4vw;display:flex;justify-content:space-between;align-items:center;z-index:5;font:10px/1.5 monospace;letter-spacing:.12em}header{top:30px}header a{border:1px solid #ffffff40;border-radius:30px;padding:12px 18px;letter-spacing:0}header button{padding:12px}main{position:absolute;left:7vw;top:28%;z-index:2;pointer-events:none}main p{color:#88f6ed;font:10px monospace;letter-spacing:.25em}h1{font-size:clamp(65px,10vw,165px);line-height:.78;font-weight:500;letter-spacing:-.085em;margin:32px 0}h1 span{display:block;color:transparent;-webkit-text-stroke:1px #ff9baf88}.caption{font-size:12px;color:#a4a6b5;margin-top:35px}footer{bottom:30px}#warp{padding:15px 20px;border:1px solid #8af9ec66;background:#082b3333;color:#a6fff0;transition:background .3s}#warp:hover{background:#15545a80}.sun{position:absolute;width:45vh;height:45vh;top:21%;left:58%;border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 5px,#ff76503b 6px 9px);box-shadow:0 0 100px #ff45452a}#fallback{position:absolute;z-index:1;top:23%;left:28%;width:68%;height:57%;object-fit:contain;filter:drop-shadow(0 0 28px #ff335588);animation:dream 9s ease-in-out infinite}.ready #fallback,.ready .sun{display:none}.grain{position:fixed;inset:0;z-index:4;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 3px,#0002 4px);opacity:.3}@keyframes dream{50%{transform:translateY(-25px) rotate(-7deg)}}a:focus-visible,button:focus-visible{outline:2px solid #a6fff0;outline-offset:5px}@media(max-width:700px){header,footer{left:20px;right:20px}header{top:20px}header>span{display:none}main{left:24px;top:18%}h1{font-size:80px}.caption{max-width:170px;line-height:1.5}footer{bottom:24px;gap:15px}footer>span:first-child,.hint{display:none}#warp{font-size:9px;width:100%}#fallback{left:2%;top:37%;width:100%;height:40%}.sun{left:25%;top:40%;width:35vh;height:35vh}}@media(prefers-reduced-motion:reduce){#fallback{animation:none}}
main{top:100px;left:4vw}main p{font-size:9px}h1{font-size:clamp(38px,4vw,65px);margin:18px 0;line-height:.85}h1 span{display:inline;margin-left:8px}.caption{margin-top:18px;font-size:10px}#fallback{left:-6%;top:7%;width:132%;height:85%}.paused #fallback{animation-play-state:paused}@media(max-width:700px){main{top:100px;left:24px}h1{font-size:42px}#fallback{left:-25%;width:150%;top:25%;height:65%}}

.audio-controls{display:flex;align-items:center;gap:12px}header #sound{border:1px solid #8af9ec55;border-radius:24px;padding:10px 15px;color:#a6fff0;font:11px Arial,sans-serif;letter-spacing:0}header #sound[aria-pressed=true]{background:#16454b99}@media(max-width:700px){.audio-controls{gap:4px}header #sound{font-size:10px;padding:9px 11px}header #motion{font-size:9px;padding:8px}}

header #sound{display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:10px 18px;border:1px solid #a6fff0aa;background:#103c45cc;box-shadow:0 0 25px #62fff12a;font-size:12px;color:#c0fff5;backdrop-filter:blur(12px)}#sound svg{width:36px;height:36px;flex-shrink:0}#sound[aria-pressed=true] .sound-muted{display:none}#sound[aria-pressed=false] .sound-waves{display:none}header #sound[aria-pressed=false]{background:#17212bcc;color:#c4cbd3;border-color:#ffffff55}@media(max-width:700px){header #sound{min-width:54px;min-height:54px;padding:8px;border-radius:50%}#sound svg{width:34px;height:34px}#sound span{display:none}.audio-controls{gap:8px}}

body>header #sound{min-width:0;min-height:0;height:41px;padding:10px 16px;gap:7px;border:1px solid #ffffff40;border-radius:30px;background:transparent;box-shadow:none;backdrop-filter:none;color:inherit;font:10px/1.5 monospace;letter-spacing:0}body>header #sound[aria-pressed=true],body>header #sound[aria-pressed=false]{background:transparent;border-color:#ffffff40;color:inherit}body>header #sound svg{width:18px;height:18px}body>header #sound:hover{border-color:#a6fff088;background:#a6fff008}@media(max-width:700px){body>header #sound{min-width:0;min-height:0;height:41px;padding:10px 12px;border-radius:30px}body>header #sound span{display:inline}body>header #sound svg{width:16px;height:16px}}

@media(max-width:700px){body>header #sound span{display:none}body>header #sound{width:41px;padding:10px}}

.flight-actions{display:flex;align-items:center;gap:10px}
#dance{padding:15px 20px;border:1px solid #8af9ec66;background:#082b3333;color:#a6fff0;transition:background .3s}
#dance:hover,#dance[aria-pressed=true]{background:#15545a80}
.dancing #fallback{animation:none;transform:translate(var(--dance-x,0px),var(--dance-y,0px)) rotate(var(--dance-turn,0rad)) scale(var(--dance-scale,1))}
@media(max-width:700px){.flight-actions{width:100%;gap:8px}.flight-actions button{flex:1}#dance{font-size:9px;padding:15px 12px}}