:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff;background:#101522;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh;background:radial-gradient(circle at top,rgba(110,170,255,.16),transparent 34%),linear-gradient(180deg,#09111f,#10192d)}a{color:inherit}button{font:inherit}.app,.game-app,.game-shell{min-height:100vh;padding:20px;display:flex;justify-content:center;align-items:center}.game-shell,.game-frame,.game-card{width:min(1180px,100%);background:#0b1220db;border:1px solid rgba(255,255,255,.12);border-radius:22px;box-shadow:0 28px 80px #00000059;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.game-header,.header,.topbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;background:linear-gradient(180deg,#ffffff0d,#ffffff03);border-bottom:1px solid rgba(255,255,255,.1)}.game-title,.title,h1{margin:0;font-size:clamp(1.4rem,2vw,2rem);line-height:1.1}.subtitle,.level-subtitle,.tagline,p{color:#fffc}.hud,.scoreboard,.status-row{display:flex;flex-wrap:wrap;gap:10px}.hud-item,.stat-chip,.badge,.pill{padding:8px 12px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);font-size:.9rem;color:#e8efff}.game-content,.game-body{padding:18px 18px 22px}.stage-wrap,.viewport,.game-stage{position:relative;width:100%;aspect-ratio:16 / 9;min-height:420px;overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#71c6ff,#89d1ff 42%,#bce7ff 42%,#cdefff 58%,#86d06b 58%,#67b957)}.sky,.world,.layer-sky,.layer-world{position:absolute;top:0;right:0;bottom:0;left:0}.cloud,.cloud-one,.cloud-two,.cloud-three{position:absolute;background:#ffffffe6;border-radius:999px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.08))}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:inherit}.cloud{width:110px;height:36px}.cloud:before{width:44px;height:44px;left:14px;bottom:10px}.cloud:after{width:58px;height:58px;right:16px;bottom:8px}.cloud-one{top:16%;left:10%}.cloud-two{top:11%;left:46%;transform:scale(.92)}.cloud-three{top:20%;left:75%;transform:scale(1.05)}.mountain,.hill,.pipe,.block,.brick,.coin,.enemy,.player,.goal,.flag,.platform,.ground{position:absolute}.hill{bottom:22%;width:180px;height:140px;background:linear-gradient(180deg,#7ad769,#47a742);border-radius:999px 999px 0 0;border:3px solid rgba(0,0,0,.16)}.hill:after{content:"";position:absolute;width:22px;height:30px;left:44%;top:38%;background:#0000001f;border-radius:50%}.ground{left:0;right:0;bottom:0;height:18%;background:linear-gradient(180deg,#d39b3f,#bb7b2f),repeating-linear-gradient(90deg,#ffffff14 0,#ffffff14 30px,#0000000f 30px,#0000000f 60px);border-top:4px solid #80511f}.platform,.block,.brick{width:48px;height:48px;border-radius:8px;border:3px solid rgba(0,0,0,.18)}.block{background:linear-gradient(180deg,#f3cd55,#dd9c23)}.brick,.platform{background:linear-gradient(180deg,#c97a38,#9e5525)}.pipe{width:76px;height:112px;bottom:18%;background:linear-gradient(90deg,#16924e,#3fdc75,#168f4c);border:4px solid rgba(0,0,0,.18);border-radius:8px 8px 0 0}.pipe:before{content:"";position:absolute;top:-18px;left:-8px;width:calc(100% + 16px);height:24px;background:linear-gradient(90deg,#1aa55a,#4ce280,#1a9e57);border:4px solid rgba(0,0,0,.18);border-radius:10px}.coin{width:26px;height:38px;border-radius:999px;background:linear-gradient(180deg,#ffe26d,#e4a31b);border:3px solid rgba(0,0,0,.14);box-shadow:0 0 0 3px #ffdd5a2e}.enemy{width:42px;height:36px;background:linear-gradient(180deg,#8f5a31,#573118);border-radius:16px 16px 10px 10px;border:3px solid rgba(0,0,0,.18)}.enemy:before,.enemy:after{content:"";position:absolute;top:10px;width:8px;height:8px;background:#fff;border-radius:50%}.enemy:before{left:9px}.enemy:after{right:9px}.player{width:40px;height:56px;border-radius:12px 12px 8px 8px;background:linear-gradient(180deg,#e23636 0,#e23636 20px,#ffcf8d 20px,#ffcf8d 34px,#245fe7 34px,#245fe7);border:3px solid rgba(0,0,0,.22);box-shadow:0 8px 16px #0003}.player:before{content:"";position:absolute;top:-6px;left:3px;width:34px;height:13px;border-radius:10px 10px 4px 4px;background:#d92525;border:3px solid rgba(0,0,0,.18)}.goal,.flagpole{width:8px;height:170px;background:linear-gradient(180deg,#f0f2f8,#d6dae7);border-radius:999px}.goal:before,.flagpole:before{content:"";position:absolute;top:16px;left:8px;width:52px;height:28px;background:linear-gradient(180deg,#31b451,#1b863d);clip-path:polygon(0 0,100% 18%,100% 80%,0 100%)}.goal:after,.flagpole:after{content:"";position:absolute;top:-8px;left:-6px;width:20px;height:20px;background:#ffdf64;border-radius:50%;border:3px solid rgba(0,0,0,.14)}.controls,.instructions,.game-footer{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:16px}.control-card,.panel,.info-card{padding:14px 16px;border-radius:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.control-card h3,.panel h3,.info-card h3,.control-card h4,.panel h4,.info-card h4{margin:0 0 8px;font-size:.98rem}.control-row,.key-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.key,kbd{min-width:34px;padding:6px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#0a101ee6;box-shadow:inset 0 -2px #ffffff0f;text-align:center;font-weight:700;color:#f6f8ff}button,.btn,.restart-button,.action-button{cursor:pointer;border:none;border-radius:12px;padding:11px 16px;background:linear-gradient(180deg,#ffd55d,#f29d16);color:#1f1607;font-weight:800;box-shadow:0 10px 22px #f29d1647;transition:transform .12s ease,box-shadow .12s ease}button:hover,.btn:hover,.restart-button:hover,.action-button:hover{transform:translateY(-1px);box-shadow:0 14px 26px #f29d1657}button:active,.btn:active,.restart-button:active,.action-button:active{transform:translateY(1px)}.overlay,.win-banner,.toast,.message{position:absolute;left:50%;top:14px;transform:translate(-50%);padding:10px 14px;border-radius:14px;background:#0c1322db;border:1px solid rgba(255,255,255,.12);color:#f2f6ff;box-shadow:0 14px 30px #0003;z-index:5}.win,.success{color:#9ff5ac}.lose,.danger{color:#ff9fa6}@media (max-width: 900px){.game-app,.app,.game-shell,.game-content,.game-body{padding:12px}.game-stage,.viewport,.stage-wrap{min-height:320px}}@media (max-width: 640px){.game-header,.header,.topbar{padding:14px}.hud,.scoreboard,.status-row{gap:8px}.hud-item,.stat-chip,.badge,.pill{font-size:.82rem;padding:7px 10px}.game-stage,.viewport,.stage-wrap{aspect-ratio:4 / 3;min-height:280px}.controls,.instructions,.game-footer{grid-template-columns:1fr}}