@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;color:#f8f2ff;background:radial-gradient(ellipse at 80% 0,#254e6977,transparent 55%),#101525;font-family:Outfit,system-ui,sans-serif}main{max-width:1100px;margin:auto;padding:24px}button,a{font:inherit}button{cursor:pointer;border:1px solid #ffffff28;border-radius:11px;padding:11px 15px;background:#25354c;color:#e9f6ff}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #ffe1a0;outline-offset:3px}header{display:flex;align-items:center;justify-content:space-between;gap:12px}header a{color:#c9d8ec;text-decoration:none;font-size:12px}header>span,.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;color:#b5e5ec}header button{font-size:11px}.intro{display:flex;align-items:center;justify-content:space-between;padding:32px 10px 20px;gap:20px}.intro h1{font-size:clamp(42px,6vw,68px);line-height:1.02;letter-spacing:-2px;margin:15px 0}.intro em{font-style:normal;color:#a9eaff}.intro p{font-size:13px;line-height:1.7;color:#9cb1c8}.intro>img{width:40%;max-width:370px;filter:drop-shadow(0 5px 30px #69dbff22)}.flight-arena{padding:15px;background:linear-gradient(135deg,#243b4e,#1b2238);border:1px solid #8cd6e955;border-radius:23px;box-shadow:0 24px 80px #0005}.hud{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 10px 17px}.hud small,.records small{font-size:8px;letter-spacing:1.5px;color:#a5bdcc}.hud strong{display:block;font-size:22px;margin-top:5px;color:#ffe1a4}#flight-hearts{color:#ffa5c2}.hud-buttons{display:flex;gap:7px}.hud button{font-size:10px;padding:9px}.flight-stage{position:relative;overflow:hidden;border-radius:14px;border:1px solid #ffffff22;background:#132034}canvas{width:100%;aspect-ratio:9/5;display:block;touch-action:none}#flight-overlay{position:absolute;inset:0;background:linear-gradient(#10223c99,#10162be6);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}#flight-overlay[hidden]{display:none}#flight-title{font-size:34px;margin:12px 0}#flight-message{color:#c0d2df;font-size:13px;line-height:1.7;max-width:470px;margin:0 0 18px}#flight-start{background:linear-gradient(135deg,#c4f8ff,#86cae7);color:#13334c;font-weight:800;min-width:180px;box-shadow:0 4px 0 #44718a}.flight-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 5px 0}.flight-controls b{display:block;font-size:11px;color:#b9efff;letter-spacing:1.5px}.flight-controls small{display:block;font-size:10px;color:#9bb3c9;margin-top:7px}.flight-pad{display:flex;gap:9px}.flight-pad button{min-width:80px;font-size:24px;font-weight:800;background:linear-gradient(#46718d,#2c425b);box-shadow:0 4px 0 #10192c;touch-action:none;user-select:none}.flight-pad span{display:block;font-size:9px;letter-spacing:1px}#flight-status{font-size:11px;text-align:center;min-height:17px;color:#bad3e1;margin:15px 0 0}.records{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.records article,.hangar{background:#1a2639;border:1px solid #ffffff18;padding:20px;border-radius:16px}.records strong{display:block;font-size:27px;color:#c1f0ff;margin-top:8px}.hangar h2{font-size:28px;margin:12px 0}.hangar>p{font-size:12px;line-height:1.7;color:#a8bccf}#flight-shop{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.dragon-option{text-align:center;background:#111b2f;padding:12px 8px}.dragon-option img{display:block;width:100%;height:100px;object-fit:contain}.dragon-option b{display:block;font-size:14px;margin:10px 0}.dragon-option span{display:block;font-size:11px;color:#c4edff}.dragon-option p{font-size:10px;line-height:1.6;color:#9eb4c9;min-height:34px;margin:8px 4px 13px}.dragon-option small{display:block;border-radius:8px;background:#ffffff0b;color:#ffe0a1;padding:8px;font-size:10px}.dragon-option[aria-pressed="true"]{border-color:#9aeaff;background:#263f53}.dragon-jade{filter:hue-rotate(255deg) saturate(.75)}.dragon-gold{filter:hue-rotate(160deg) saturate(.9)}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:25px 0}.how p{font-size:11px;color:#9bb2c9;line-height:1.7}.how b{display:block;color:#bcecff}footer{text-align:center;font-size:9px;letter-spacing:2px;color:#7e9ab4;padding:15px}footer p{font-size:10px;letter-spacing:0;max-width:650px;margin:12px auto;line-height:1.7}.flight-arena:fullscreen,body.flight-expanded .flight-arena{position:fixed;inset:0;z-index:1000;width:100vw;height:100dvh;border:0;border-radius:0;padding:12px;display:flex;flex-direction:column;margin:0;background:#101a2c}.flight-arena:fullscreen .flight-stage,body.flight-expanded .flight-stage{flex:1;min-height:0}.flight-arena:fullscreen canvas,body.flight-expanded canvas{height:100%;width:100%;object-fit:contain;background:#101a2c}body.flight-expanded{overflow:hidden}.flight-arena:fullscreen .hud,body.flight-expanded .hud{padding-bottom:9px}.flight-arena:fullscreen .flight-controls,body.flight-expanded .flight-controls{padding-top:9px}@media(max-width:600px){main{padding:16px 10px}header>span{display:none}.intro{padding:25px 4px 20px}.intro h1{font-size:41px}.intro p{font-size:11px}.intro .eyebrow{font-size:7px;letter-spacing:1px}.intro>img{width:36%}.flight-arena{padding:8px;border-radius:16px}.hud{padding:8px 3px 12px;gap:6px}.hud strong{font-size:16px}.hud small{font-size:6px}.hud button{font-size:8px;padding:7px 5px}.hud-buttons{gap:4px}#flight-title{font-size:22px;margin:8px 0}#flight-message{font-size:10px;margin-bottom:11px}#flight-start{padding:8px;font-size:11px;min-width:150px}#flight-overlay .eyebrow{font-size:7px}.flight-controls b{font-size:9px}.flight-controls small{font-size:8px;max-width:170px}.flight-pad button{min-width:65px;padding:8px}.records{gap:7px}.records article{padding:12px}.records small{font-size:6px}.records strong{font-size:21px}.hangar{padding:15px}.hangar h2{font-size:24px}#flight-shop{grid-template-columns:repeat(2,1fr);gap:8px}.how{gap:12px}.how p{font-size:10px}}@media(orientation:landscape) and (max-height:500px){.flight-arena:fullscreen #flight-status,body.flight-expanded #flight-status{display:none}.flight-arena:fullscreen .flight-controls small,body.flight-expanded .flight-controls small{display:none}.flight-arena:fullscreen .flight-pad button,body.flight-expanded .flight-pad button{font-size:19px;padding:4px 15px}.flight-arena:fullscreen .flight-pad span,body.flight-expanded .flight-pad span{display:none}}