@font-face{font-family:Inter;src:url('assets/fonts/Inter-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
*{box-sizing:border-box}body{margin:0;overflow:hidden;min-height:100dvh;background:#090b12;color:#f7f9ff;font-family:Inter,Arial,sans-serif;background-image:radial-gradient(ellipse at 50% 40%,#163045 0%,transparent 65%)}
canvas,main,#reveal{position:fixed;inset:0}canvas{pointer-events:none;z-index:2}main{z-index:1}#intro{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:28px;transition:opacity 1s,transform 1s}#intro img{width:min(72vw,430px);filter:drop-shadow(0 0 30px #29d5ff55);animation:arrive 1.3s ease-out both}#intro span{color:#29d5ff;font-size:11px;letter-spacing:3px;font-weight:800}#intro.fade{opacity:0;transform:scale(1.12);pointer-events:none}
#reveal[hidden]{display:none}#flight{position:absolute;top:0;left:0;will-change:transform}h1{margin:0;white-space:nowrap;font-size:clamp(38px,9vw,132px);font-weight:900;letter-spacing:-.05em;color:#29d5ff;text-shadow:0 5px 0 #174c82,0 0 45px #29d5ff60;animation:laugh 4.8s ease-in-out infinite;transform-origin:center}
.message{position:absolute;bottom:14%;left:6%;right:6%;text-align:center;padding:28px 20px;border:1px solid #29d5ff44;background:#101824e8;border-radius:22px;box-shadow:0 18px 60px #0006}.message p{margin:0 0 14px;font-size:clamp(20px,3vw,36px);font-weight:800;line-height:1.4}.message small{color:#a8b8ce;font-size:clamp(13px,1.7vw,20px);line-height:1.6}
.controls{position:fixed;bottom:22px;right:22px;z-index:3;display:flex;gap:10px}button{border:1px solid #29d5ff66;border-radius:12px;padding:12px 16px;background:#101c2c;color:#dff8ff;font:600 13px Inter,Arial;cursor:pointer}button:focus-visible{outline:2px solid #fff;outline-offset:4px}button[hidden]{display:none}body.paused h1{animation-play-state:paused}
@keyframes arrive{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes laugh{0%,100%{transform:scale(.86) rotate(-5deg)}50%{transform:scale(1.08) rotate(5deg)}}
@media(prefers-reduced-motion:reduce){#intro img,h1{animation:none}#intro{transition:opacity .6s}}