:root{color:#fff7fe;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1b0712;font-family:Inter,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 0,#ff8add 0%,#ff278f 42%,#6e0757 100%);min-height:100vh;margin:0}button{font:inherit}#app{flex-direction:column;justify-content:center;gap:20px;min-height:100vh;padding:24px;display:flex}.hud{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:900px;margin:0 auto;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.4em;color:#ff76d7;margin:0 0 4px;font-size:.75rem}h1{margin:0;font-size:clamp(2rem,5vw,3rem)}.subtitle{color:#ffd7f2;max-width:560px;margin:6px 0 0}.stats{gap:12px;display:flex}.stat{background:#ff2d78e6;border:1px solid #fff3;border-radius:16px;min-width:90px;padding:12px 16px;box-shadow:0 12px 40px #00000040}.stat span{text-transform:uppercase;letter-spacing:.18em;color:#ffb8e6;font-size:.78rem;display:block}.stat strong{color:#fff;font-size:1.3rem}.game-shell{justify-content:center;display:flex}.scene{background:linear-gradient(#ff9de2 0%,#f62b9b 54%,#ac087d 100%);border:2px solid #ffffff4d;border-radius:28px;width:min(92vw,900px);height:min(70vh,560px);padding:10px;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000059}#app.level-two .scene{background:linear-gradient(#79d7ff 0%,#2267e7 54%,#171c97 100%)}.scene:before{content:"";pointer-events:none;border:2px solid #ffffff47;border-radius:20px;position:absolute;inset:10px}.sky{background:radial-gradient(circle at 18% 14%,#ffffff61,#0000 18%),radial-gradient(circle at 82% 32%,#ff9be775,#0000 24%),linear-gradient(#ffffff38,#0000 58%);animation:4s ease-in-out infinite alternate sky-pulse;position:absolute;inset:0}#app.level-two .sky{background:radial-gradient(circle at 18% 14%,#ffffff6b,#0000 18%),radial-gradient(circle at 82% 32%,#6ff3ff75,#0000 24%),linear-gradient(#fff3,#0000 58%)}.grid{opacity:.42;background-image:linear-gradient(#ffeafb7a 2px,#0000 2px),linear-gradient(90deg,#ffeafb7a 2px,#0000 2px),linear-gradient(#ff55be66 1px,#0000 1px),linear-gradient(90deg,#ff55be66 1px,#0000 1px);background-size:80px 80px,80px 80px,20px 20px,20px 20px;position:absolute;inset:0}#app.level-two .grid{background-image:linear-gradient(#dcfaff85 2px,#0000 2px),linear-gradient(90deg,#dcfaff85 2px,#0000 2px),linear-gradient(#47beff70 1px,#0000 1px),linear-gradient(90deg,#47beff70 1px,#0000 1px)}.neon-shapes{pointer-events:none;position:absolute;inset:0;overflow:hidden}.neon-shapes:before{content:"";border:7px solid #ffdaf74d;border-radius:50%;width:260px;height:260px;animation:8s linear infinite neon-orbit;position:absolute;top:34px;right:-90px;box-shadow:0 0 44px #ff82d7bd,inset 0 0 35px #ff82d759}#app.level-two .neon-shapes:before{border-color:#c3f8ff57;box-shadow:0 0 44px #4bcdffc7,inset 0 0 35px #4bcdff61}.neon-shape{border:4px solid #ffedfb8c;width:48px;height:48px;display:block;position:absolute;transform:rotate(45deg);box-shadow:0 0 20px #ff78d3e6,inset 0 0 14px #ff78d373}#app.level-two .neon-shape{border-color:#c3f8ffa6;box-shadow:0 0 20px #4bcdffeb,inset 0 0 14px #4bcdff75}.shape-one{animation:6s ease-in-out infinite float-one;top:17%;left:13%}.shape-two{border-color:#82ffd69e;width:30px;height:30px;animation:7s ease-in-out infinite float-two;top:10%;left:57%;box-shadow:0 0 18px #82ffd6cc,inset 0 0 12px #82ffd659}.shape-three{width:24px;height:24px;animation:5s ease-in-out infinite float-three;top:42%;left:37%}@keyframes sky-pulse{0%{filter:brightness(.96)saturate()}to{filter:brightness(1.14)saturate(1.16)}}@keyframes neon-orbit{to{transform:rotate(360deg)}}@keyframes float-one{50%{transform:translate(20px,32px)rotate(150deg)}}@keyframes float-two{50%{transform:translate(-24px,42px)rotate(180deg)}}@keyframes float-three{50%{transform:translate(32px,-24px)rotate(135deg)scale(1.35)}}.ground{background:linear-gradient(#ff78c9 0%,#e81483 44%,#9e075d 100%);height:74px;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 8px #ffeefc85,0 -5px 18px #ff69cb8c}#app.level-two .ground{background:linear-gradient(#62caff 0%,#1767de 44%,#15118a 100%);box-shadow:inset 0 8px #e8fcff8f,0 -5px 18px #45b8ff9e}#app.level-three .scene{background:linear-gradient(#9c5cff 0%,#4d118f 54%,#1d043f 100%)}#app.level-three .sky{background:radial-gradient(circle at 18% 14%,#ffffff5c,#0000 18%),radial-gradient(circle at 82% 32%,#dc75ff75,#0000 24%),linear-gradient(#ffffff29,#0000 58%)}#app.level-three .grid{background-image:linear-gradient(#f6daff94 2px,#0000 2px),linear-gradient(90deg,#f6daff94 2px,#0000 2px),linear-gradient(#bd48ff80 1px,#0000 1px),linear-gradient(90deg,#bd48ff80 1px,#0000 1px)}#app.level-three .neon-shapes:before{border-color:#f0c1ff61;box-shadow:0 0 44px #ca4effd1,inset 0 0 35px #ca4eff66}#app.level-three .neon-shape{border-color:#f0c1ffb3;box-shadow:0 0 20px #ca4efff0,inset 0 0 14px #ca4eff7a}#app.level-three .ground{background:linear-gradient(#a952ef 0%,#4e0b92 44%,#1a033b 100%);box-shadow:inset 0 8px #f9e0ff8f,0 -5px 18px #cb4affa8}#app.level-four .scene{background:linear-gradient(#ff846f 0%,#e52242 54%,#79051e 100%)}#app.level-four .sky{background:radial-gradient(circle at 18% 14%,#fff5ee6b,#0000 18%),radial-gradient(circle at 82% 32%,#ff7f5b7a,#0000 24%),linear-gradient(#ffffff26,#0000 58%)}#app.level-four .grid{background-image:linear-gradient(#ffe9de8f 2px,#0000 2px),linear-gradient(90deg,#ffe9de8f 2px,#0000 2px),linear-gradient(#ff5e3d80 1px,#0000 1px),linear-gradient(90deg,#ff5e3d80 1px,#0000 1px)}#app.level-four .neon-shapes:before{border-color:#ffdccc61;box-shadow:0 0 44px #ff444ad6,inset 0 0 35px #ff444a6b}#app.level-four .neon-shape{border-color:#ffdcccb3;box-shadow:0 0 20px #ff444af5,inset 0 0 14px #ff444a80}#app.level-four .ground{background:linear-gradient(#ff6f5f 0%,#d41335 44%,#710319 100%);box-shadow:inset 0 8px #ffe9de94,0 -5px 18px #ff3e45b3}.player{z-index:3;background:linear-gradient(135deg,#37e9ff 0%,#2482ff 54%,#2952d9 100%);border:3px solid #6fb;border-radius:5px;width:42px;height:42px;position:absolute;left:86px;box-shadow:0 0 22px #42ffbed9,inset 0 0 0 3px #123eb4}.player:before{content:"";background:radial-gradient(circle at 30% 36%,#7affbd 0 2px,#0000 2.5px),radial-gradient(circle at 70% 36%,#7affbd 0 2px,#0000 2.5px),linear-gradient(#0000 58%,#102665 58% 64%,#0000 64%);border:2px solid #102665;position:absolute;inset:7px}.player:after{content:"";border-bottom:2px solid #7affbd;border-radius:0 0 12px 12px;width:12px;height:5px;position:absolute;bottom:8px;left:12px}.level-banner{z-index:4;color:#fff;letter-spacing:.08em;opacity:0;pointer-events:none;text-align:center;background:#1132a5c7;border:2px solid #d9f8ff;border-radius:12px;padding:12px 28px;font-size:clamp(1.4rem,4vw,2.4rem);font-weight:800;transition:opacity .18s,transform .18s;position:absolute;top:28%;left:50%;transform:translate(-50%,-16px)scale(.9);box-shadow:0 0 28px #62d5ffcc}.level-banner span{color:#83f3ff;letter-spacing:.22em;text-transform:uppercase;font-size:.45em}.level-banner.visible{opacity:1;transform:translate(-50%)scale(1)}.obstacle-group{pointer-events:none;position:absolute;bottom:74px}.obstacle{border:2px solid #fff3;width:44px;height:44px;position:absolute;bottom:74px}.obstacle.airborne{filter:brightness(1.08)}.obstacle.block{background:linear-gradient(135deg,#b11858 0%,#7c093d 100%);box-shadow:0 0 16px #b1185859}.obstacle.spike{clip-path:polygon(50% 0%,0% 100%,100% 100%);background:linear-gradient(135deg,#b11858 0%,#7c093d 100%);box-shadow:0 0 16px #b1185859}.gem{z-index:2;background:#ffe96b;border:3px solid #fff;border-radius:50%;width:24px;height:24px;position:absolute;bottom:84px;box-shadow:0 0 14px #ffe96be6}.gem:after{content:"";background:#ffb21d;border-radius:50%;position:absolute;inset:5px}.overlay{text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5;background:#ff2066d6;place-items:center;padding:28px;display:grid;position:absolute;inset:0}.overlay.hidden{display:none}.overlay h2{margin:0 0 8px;font-size:2rem}.overlay p{color:#e7e1f6;max-width:420px;margin:0 0 18px}.overlay button,.controls button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff4fa3 0%,#ff0d5b 100%);border:0;border-radius:999px;padding:12px 18px;box-shadow:0 10px 24px #ff0d5b59}.controls{justify-content:center;display:flex}.controls button{min-width:120px}@media (width<=700px){#app{padding:16px}.hud{flex-direction:column;align-items:flex-start}.stats{width:100%}.stat{flex:1}}