@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#05091d;--panel:#0a1333;--line:#253d73;--cyan:#29eaff;--blue:#4a9dff;--purple:#d04dff;--gold:#ffc94d;--text:#f5f8ff;--muted:#9cadd6}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#030616;color:var(--text);font-family:'DM Sans',system-ui,sans-serif}
body{padding:13px;background:radial-gradient(ellipse at 50% -20%,#102f70 0,#070d27 48%,#02040f 100%)}
button,a{-webkit-tap-highlight-color:transparent}
.app{width:min(100%,560px);margin:auto}
.topbar{height:52px;display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:10px}
.brand{font:700 19px 'Space Grotesk',sans-serif;letter-spacing:-.6px;white-space:nowrap;text-shadow:0 0 15px #38caff44}
.brand-moon{color:#fff1b6;margin-right:6px;text-shadow:0 0 16px #ffb74d}
.brand-two{color:#ffbb3e}
.score-chip{display:flex;align-items:center;gap:5px;border:1px solid #38518b;background:#07122ee8;border-radius:13px;padding:8px 10px;font-size:11px;color:#f8d75c;box-shadow:0 0 18px #247dff18}
.score-chip span{color:#b7c9ee;font-size:9px;letter-spacing:.8px}.score-chip strong{font-size:15px;color:#fff}
.pause{border:1px solid #6b8ee6;background:#101a49;color:white;border-radius:50%;width:39px;height:39px;font-size:16px}
.game-frame{position:relative;overflow:hidden;border:1px solid #4567a5;border-radius:24px;background:#050a20;box-shadow:0 0 0 2px #102a5b,0 18px 55px #0008}
#game{display:block;width:100%;height:min(66vh,650px);min-height:480px;touch-action:none}
.hud{position:absolute;left:14px;right:14px;top:13px;display:flex;justify-content:space-between;pointer-events:none;font-size:10px;letter-spacing:1px;color:#b8c9ef;text-shadow:0 2px 5px #000}
.hud b{color:#fff}.moon-label{display:flex;align-items:center;gap:6px;background:#060c25bb;padding:7px 9px;border:1px solid #ffffff22;border-radius:20px;letter-spacing:0}
#moonDot{width:8px;height:8px;background:#ffe2a0;border-radius:50%;box-shadow:0 0 10px currentColor}
.overlay{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;background:linear-gradient(180deg,#03081cb8,#03081ce8 52%,#05091df5)}
.hidden{display:none!important}
.hero-badge{width:56px;height:56px;border:1px solid #45e8ff;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,#183a7d,#101239);box-shadow:0 0 28px #1fcaff44;margin-bottom:15px;transform:rotate(-5deg)}
.hero-preview{font-size:32px;color:#ffcc5b;text-shadow:0 0 13px #ff6cbd}
.eyebrow{font-size:9px;font-weight:800;letter-spacing:2px;color:var(--cyan);margin:0 0 10px}
h1,h2{font:700 clamp(29px,7.5vw,39px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-1.3px;margin:0}
h1 em{font-style:normal;color:#ffcd58;text-shadow:0 0 20px #ff9b3555}h2{font-size:31px}
.intro{font-size:12px;line-height:1.65;color:#c1d0ef;max-width:300px;margin:15px 0 23px}
.main-btn{border:1px solid #fff8;border-radius:13px;padding:14px 21px;min-height:48px;background:linear-gradient(100deg,#26eaff,#5ba8ff 50%,#d05aff);color:#07112c;font-size:11px;font-weight:800;letter-spacing:1px;box-shadow:0 0 24px #3ccaff35;cursor:pointer}
.main-btn span{font-size:17px;margin-left:12px}
.hint{font-size:8px;letter-spacing:1.1px;color:#879dc8;margin:17px 0 0}
.run-score{color:#9fb3dc;font-size:10px;letter-spacing:1px;margin:18px 0}.run-score strong{display:block;font-size:34px;color:#ffdb69;margin-top:5px}
.paused-card{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;background:#020617b8}.paused-card strong{font:700 30px 'Space Grotesk'}.paused-card span{font-size:12px;color:#b5c8ed}
.feature-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:13px 0 0}
.feature{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:88px;padding:8px 3px;border:1px solid #246b9e;border-radius:13px;background:linear-gradient(155deg,#0b1b45,#080b24);text-align:center;box-shadow:inset 0 0 14px #2b6bff0b}
.feature:nth-child(2){border-color:#6d46b8}.feature:nth-child(3){border-color:#3187be}.feature:nth-child(4){border-color:#258f9c}
.feature-icon{font-size:23px;line-height:1;color:#43f4ff;text-shadow:0 0 12px currentColor}.hero-icon{color:#ff8bc9}.moon-icon{color:#ffcf62}.infinity{color:#64ffc6;font-size:30px}
.feature b{font-size:9px;line-height:1.2}.feature small{font-size:8px;color:#9dafd4;line-height:1.2}
.ad-caption{font-size:8px;letter-spacing:1.6px;color:#6d83b1;margin:14px 2px 6px}
.ad-slot{display:flex;align-items:center;gap:10px;padding:11px;border:1px dashed #34507d;border-radius:13px;background:#08112b;min-height:63px}
.ad-badge{display:grid;place-items:center;width:31px;height:29px;border-radius:8px;background:#122451;color:#3ceaff;font-size:9px;font-weight:800}
.ad-slot b{font-size:10px;display:block}.ad-slot small{display:block;font-size:9px;color:#8ea2ca;margin-top:3px;line-height:1.4}
.ad-type{margin-left:auto;font-size:7px;letter-spacing:1px;color:#8ea2ca;border:1px solid #2b416e;padding:5px;border-radius:5px}
footer{text-align:center;padding:19px 0 10px}.powered{font-size:10px;color:#a2b2d6}.powered strong{color:#f4f6ff}
nav{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin:12px 0}nav a{font-size:9px;color:#9fb2da;text-decoration:none}
.footnote{font-size:8px;color:#61749e;line-height:1.5}
.legal{width:min(100%,700px);margin:25px auto;background:#08112b;border:1px solid #263d70;border-radius:20px;padding:25px;line-height:1.65}.legal h1,.legal h2{margin:16px 0}.legal p{color:#b8c6e5;font-size:13px}.legal a{color:#4deaff}
@media(max-width:390px){body{padding:8px}.brand{font-size:16px}.score-chip{padding:7px}.feature-row{gap:5px}.feature{min-height:83px}.feature b{font-size:8px}.feature small{font-size:7px}#game{min-height:460px}}