:root{--zenith-blue:#38bdf8;--aurora-purple:#a855f7;--space-black:#020617;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--neon-glow:0 0 15px #38bdf866}*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}body{background-color:var(--space-black);color:#f8fafc;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;margin:0;padding:0;font-family:Outfit,Inter,sans-serif}main{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid var(--glass-border);border-right:1px solid var(--glass-border);background:#020617d9;max-width:480px;min-height:100dvh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 100px #000c}.home-bg{background:linear-gradient(to bottom,#02061780,var(--space-black)),url(https://images.unsplash.com/photo-1519681393784-d120267933ba?auto=format&fit=crop&w=1000&q=80);z-index:-1;opacity:.6;background-position:50%;background-size:cover;position:absolute;inset:0}.screen{box-sizing:border-box;z-index:1;flex-direction:column;justify-content:space-around;align-items:center;gap:2dvh;width:100%;height:100dvh;padding:2dvh 20px;animation:.8s ease-out fadeIn;display:flex;position:relative;overflow:hidden}.joystick-area{z-index:50;touch-action:none;height:250px;position:absolute;bottom:0;left:0;right:0}.joystick-base{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:none;background:#ffffff1a;border:2px solid #fff3;border-radius:50%;width:100px;height:100px;position:absolute;transform:translate(-50%,-50%)}.joystick-stick{background:var(--zenith-blue);pointer-events:none;border-radius:50%;width:50px;height:50px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 20px #38bdf880}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}h1.zenith-title{background:linear-gradient(to bottom,#fff 30%,var(--zenith-blue));-webkit-text-fill-color:transparent;letter-spacing:-2px;text-transform:uppercase;filter:drop-shadow(0 0 20px #38bdf84d);text-align:center;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2rem,10vw,3.5rem);font-style:italic;font-weight:900;line-height:1}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;width:100%;margin:10px 0;padding:min(20px,4dvh);box-shadow:0 8px 32px #0000004d}.btn-zenith{background:linear-gradient(135deg,var(--zenith-blue),#2563eb);color:#fff;text-transform:uppercase;cursor:pointer;box-shadow:var(--neon-glow);box-sizing:border-box;border:none;border-radius:16px;flex-shrink:0;width:100%;padding:14px 32px;font-size:clamp(1rem,4vw,1.2rem);font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.zenith-input{border:1px solid var(--glass-border);color:#fff;box-sizing:border-box;background:#ffffff14;border-radius:12px;outline:none;width:100%;margin-bottom:15px;padding:16px;font-family:inherit;font-size:1.1rem;transition:all .3s}.zenith-input:focus{border-color:var(--zenith-blue);background:#ffffff1f;box-shadow:0 0 10px #38bdf833}.btn-zenith:after{content:"";background:linear-gradient(45deg,#0000,#fff3,#0000);width:200%;height:200%;transition:all .5s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.btn-zenith:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 0 30px #38bdf899}.btn-zenith:hover:after{left:100%}.game-canvas{touch-action:none;object-fit:contain;background:#020617;width:100%;height:100%;display:block}.hud{z-index:20;pointer-events:none;justify-content:space-between;gap:12px;display:flex;position:absolute;top:25px;left:20px;right:20px}.hud-item{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);background:#000000b3;border-radius:16px;align-items:center;gap:10px;padding:12px 20px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700;display:flex;box-shadow:0 8px 16px #0006}.wind-indicator{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fbbf24;z-index:20;background:#fbbf2433;border:1px solid #fbbf2466;border-radius:24px;align-items:center;gap:10px;padding:8px 20px;font-size:.9rem;font-weight:800;display:flex;position:absolute;top:85px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #0003}.controls-overlay{z-index:30;pointer-events:none;touch-action:none;gap:16px;padding:0 20px;display:flex;position:absolute;bottom:40px;left:0;right:0}.controls-overlay button{pointer-events:auto;opacity:.8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:90px}.date-badge{color:var(--zenith-blue);letter-spacing:2px;opacity:.8;margin:5px 0;font-size:.8rem;font-weight:800}.score-badge{color:var(--zenith-blue);text-shadow:0 0 30px #38bdf880;margin:.2rem 0;font-size:clamp(2.5rem,12dvh,4rem);font-weight:900;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards scoreScale}@keyframes scoreScale{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.grade-badge{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 50%,#d97706 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 40px #f59e0b66);-webkit-background-clip:text;background-clip:text;margin-top:-.5rem;font-size:clamp(3.5rem,15dvh,6rem);font-weight:950}.result-stat{border-bottom:1px solid var(--glass-border);color:#94a3b8;justify-content:space-between;width:100%;padding:8px 0;font-size:.95rem;font-weight:500;display:flex}.ranking-list{scrollbar-width:none;max-height:25dvh;overflow-y:auto}.ranking-list::-webkit-scrollbar{display:none}.result-stat span:last-child{color:#fff;font-weight:700}