@import "https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap";:root{color:#fff;font-synthesis:none;background:#07000d;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;overflow-x:hidden}button{font:inherit}.page-shell{isolation:isolate;background:radial-gradient(circle at 15% 15%,#ff00a633,#0000 30%),radial-gradient(circle at 90% 25%,#00ffe22e,#0000 28%),linear-gradient(145deg,#050008,#13001d 55%,#040113);min-height:100vh;padding-bottom:56px;position:relative;overflow:hidden}.noise{z-index:-1;opacity:.09;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");position:absolute;inset:0}.aurora{z-index:-1;filter:blur(75px);opacity:.28;border-radius:50%;width:420px;height:420px;animation:12s ease-in-out infinite alternate drift;position:absolute}.aurora-one{background:#ff00b7;top:20%;left:-180px}.aurora-two{background:#00ffe1;animation-direction:alternate-reverse;top:10%;right:-210px}.hero{text-align:center;width:min(1120px,100% - 28px);margin:0 auto;padding:clamp(48px,7vw,84px) 0 28px}.eyebrow{color:#6effed;letter-spacing:.38em;text-shadow:0 0 12px #00ffe1;margin:0 0 12px;font-size:12px;font-weight:800}h1{letter-spacing:-.07em;text-transform:uppercase;margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(52px,9.5vw,118px);line-height:.86}h1 span{color:#0000;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px #ff00b799);background:linear-gradient(90deg,#4dffe8,#d4ff3d 35%,#ff45ca 70%,#8c65ff);-webkit-background-clip:text;background-clip:text;display:block}.intro{color:#ffffffad;max-width:720px;margin:24px auto 30px;font-size:clamp(15px,2vw,19px);line-height:1.6}.game-wrap{text-align:left;width:min(100%,960px);margin:0 auto}.game-topbar{color:#ffffff8c;letter-spacing:.16em;justify-content:space-between;gap:16px;padding:0 4px 10px;font:700 11px/1 Inter,sans-serif;display:flex}.game-topbar span{align-items:center;gap:8px;display:flex}.game-topbar svg{color:#d5ff38;filter:drop-shadow(0 0 7px #d5ff38)}.game-topbar strong{color:#fff;letter-spacing:.09em;font-size:16px}.game-arena{--runner-scale:1;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:contain;background:linear-gradient(#10001e 0%,#19002b 55%,#090016 100%);border:1px solid #53ffeb6b;border-radius:24px;outline:none;height:clamp(285px,43vw,450px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ff00be29,0 0 32px #00ffe221,0 28px 80px #0000007a}.game-arena:focus-visible{box-shadow:0 0 0 3px #d7ff37,0 0 40px #00ffe247}.scanlines{z-index:10;pointer-events:none;opacity:.11;background:repeating-linear-gradient(#0000 0 3px,#ffffff26 4px);position:absolute;inset:0}.moon{opacity:.85;background:linear-gradient(135deg,#ecff57,#ff4ed7);border-radius:50%;width:78px;height:78px;position:absolute;top:11%;right:9%;box-shadow:0 0 28px #ff3ed1,0 0 70px #ff00b580}.city{background-repeat:repeat-x;position:absolute;bottom:22%;left:0;right:0}.city-back{opacity:.18;clip-path:polygon(0 65%,4% 65%,4% 32%,9% 32%,9% 57%,14% 57%,14% 20%,20% 20%,20% 68%,25% 68%,25% 40%,31% 40%,31% 70%,38% 70%,38% 28%,44% 28%,44% 62%,51% 62%,51% 12%,58% 12%,58% 70%,64% 70%,64% 34%,71% 34%,71% 60%,78% 60%,78% 24%,84% 24%,84% 68%,91% 68%,91% 39%,97% 39%,97% 70%,100% 70%,100% 100%,0 100%);background-image:linear-gradient(#0000,#00ffe68c),repeating-linear-gradient(90deg,#0000 0 4%,#612b9acc 4% 8%,#0000 8% 11%);height:32%}.city-front{opacity:.25;clip-path:polygon(0 67%,7% 67%,7% 30%,13% 30%,13% 64%,21% 64%,21% 14%,28% 14%,28% 72%,37% 72%,37% 37%,44% 37%,44% 70%,55% 70%,55% 20%,63% 20%,63% 64%,72% 64%,72% 8%,79% 8%,79% 70%,88% 70%,88% 32%,95% 32%,95% 67%,100% 67%,100% 100%,0 100%);background:linear-gradient(#0000,#ff00bc);height:23%}.ground{background:linear-gradient(#00ffe114,#ff00b80d);border-top:2px solid #70ffef;position:absolute;inset:78% 0 0;overflow:hidden;box-shadow:0 -3px 14px #00ffe1}.ground-grid{transform-origin:top;background-image:linear-gradient(#40ffe940 1px,#0000 1px),linear-gradient(90deg,#ff36cc38 1px,#0000 1px);background-size:42px 22px;animation:none;position:absolute;inset:-20% -10%;transform:perspective(180px)rotateX(58deg)scale(1.55)}.running .ground-grid{animation:.48s linear infinite gridMove}.runner{z-index:4;transform-origin:bottom;filter:drop-shadow(0 0 9px #cfff36)drop-shadow(0 0 18px #00ffdfb3);width:48px;height:48px;position:absolute;bottom:22%;left:12%}.runner:before{content:"";background:#0a1520;border:3px solid #bfff3e;border-radius:8px 15px 9px 8px;width:30px;height:28px;position:absolute;top:8px;left:10px;box-shadow:inset 0 0 15px #00ffe159}.runner-eye{z-index:2;background:#ff3fc8;border-radius:50%;width:5px;height:5px;position:absolute;top:15px;left:31px;box-shadow:0 0 8px #ff00b7}.runner-tail{border:3px solid #bfff3e;border-right:0;border-radius:12px 0 0 12px;width:24px;height:8px;position:absolute;top:24px;left:-9px;transform:rotate(14deg)}.runner-arm{z-index:3;transform-origin:0;background:#58ffe4;width:16px;height:4px;animation:.32s linear infinite alternate arm;position:absolute;top:31px;left:25px;box-shadow:0 0 7px #00ffe1}.runner-leg{transform-origin:top;background:#bfff3e;width:5px;height:17px;position:absolute;top:35px;left:16px;box-shadow:0 0 7px #af0}.leg-one{animation:.28s linear infinite alternate leg}.leg-two{animation:.28s linear infinite alternate-reverse leg;left:31px}.ready .runner-leg,.ready .runner-arm,.gameover .runner-leg,.gameover .runner-arm{animation-play-state:paused}.runner-shadow{z-index:2;filter:blur(4px);transform-origin:50%;background:#00ffe166;border-radius:50%;width:45px;height:8px;position:absolute;bottom:calc(22% - 5px);left:calc(12% + 2px)}.obstacle{z-index:3;background:linear-gradient(135deg,#ff42ce,#8e48ff);border:2px solid #ff8ce4;min-width:0;position:absolute;bottom:22%;box-shadow:0 0 10px #ff00b7,0 0 25px #ff00b78c,inset 0 0 12px #ffffff59}.obstacle.crystal{clip-path:polygon(50% 0,100% 38%,80% 100%,20% 100%,0 38%)}.obstacle.tower{clip-path:polygon(15% 0,85% 0,100% 18%,83% 18%,83% 100%,17% 100%,17% 18%,0 18%);border-radius:7px 7px 1px 1px}.game-message{z-index:12;text-align:center;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#05000fb8;border:1px solid #ffffff2e;border-radius:18px;flex-direction:column;align-items:center;gap:11px;width:min(90%,460px);padding:24px;display:flex;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 32px #00ffe11f}.game-message svg{color:#6effeb;filter:drop-shadow(0 0 9px #00ffe1)}.game-message strong{letter-spacing:.07em;font-family:Space Grotesk,sans-serif;font-size:clamp(20px,4vw,32px)}.game-message span{color:#ffffff9e;font-size:13px}.game-over strong{color:#ff49cd;text-shadow:0 0 15px #ff00b7}.game-message button{color:#07000d;cursor:pointer;background:linear-gradient(90deg,#67ffe9,#d5ff3f);border:0;border-radius:999px;align-items:center;gap:8px;margin-top:5px;padding:10px 18px;font-weight:800;display:flex;box-shadow:0 0 18px #5dffe773}footer{color:#ffffff61;text-align:center;margin-top:22px;font-size:12px}@keyframes drift{to{transform:translate(80px,-35px)scale(1.15)}}@keyframes gridMove{to{background-position:0 22px,42px 0}}@keyframes leg{0%{transform:rotate(24deg)}to{transform:rotate(-24deg)}}@keyframes arm{0%{transform:rotate(16deg)}to{transform:rotate(-12deg)}}@media (width<=900px){.game-arena{--runner-scale:.88}}@media (width<=650px){.page-shell{padding-bottom:30px}.hero{width:min(100% - 18px,1120px);padding-top:30px}.eyebrow{letter-spacing:.22em;font-size:10px}h1{font-size:clamp(44px,15vw,76px);line-height:.9}.intro{margin:16px auto 22px;font-size:14px;line-height:1.45}.game-wrap{width:100%}.game-topbar{letter-spacing:.1em;padding-inline:2px;font-size:8px}.game-topbar span{gap:5px}.game-topbar strong{font-size:12px}.game-arena{--runner-scale:.68;border-radius:16px;height:clamp(270px,76vw,340px)}.moon{width:54px;height:54px;top:10%;right:7%}.runner{left:10%}.runner-shadow{left:calc(10% + 2px)}.obstacle.tower{width:max(6.5%,18px)!important}.obstacle.crystal{width:max(8%,22px)!important}.game-message{width:min(88%,360px);padding:18px 14px}.game-message strong{font-size:20px}footer{padding-inline:18px}}@media (prefers-reduced-motion:reduce){.aurora,.ground-grid,.runner-leg,.runner-arm{animation:none!important}}