*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#0a1628;font-family:Segoe UI,Helvetica Neue,system-ui,sans-serif}#game-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1}#loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(180deg,#0a1628,#1a3a5c);display:flex;align-items:center;justify-content:center;z-index:1000;transition:opacity .8s ease}#loading-screen.hidden{opacity:0;pointer-events:none}.loading-content{text-align:center;color:#fff}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.2);border-top-color:#00d4ff;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.loading-content p{font-size:1rem;opacity:.8;letter-spacing:2px;text-transform:uppercase}.loading-bar{width:250px;height:6px;background:#ffffff26;border-radius:3px;margin:20px auto 0;overflow:hidden}.loading-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#00d4ff,#0f8);border-radius:3px;transition:width .3s ease}#game-ui{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100;pointer-events:none}#game-ui>*{pointer-events:auto}.hidden{display:none!important}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.screen:not(.active){display:none}#title-screen{background:linear-gradient(180deg,#0a1628f7,#1a3a5cf2,#285078ed)}.title-content{text-align:center;color:#fff;z-index:2;padding:10px 20px;max-height:100vh;overflow-y:auto}@media(orientation:landscape)and (max-height:500px){.title-content{display:grid;grid-template-columns:auto auto;column-gap:48px;align-items:center;justify-items:center}.character-display{grid-row:1 / span 4;margin-bottom:0}}.title-logo{margin-bottom:5px}.title-ski{display:block;font-size:3rem;font-weight:900;letter-spacing:12px;text-shadow:0 0 30px rgba(0,212,255,.5),0 3px 0 #0088aa,0 6px 15px rgba(0,0,0,.5);background:linear-gradient(180deg,#fff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titlePulse 3s ease-in-out infinite}.title-challenge{display:block;font-size:1.5rem;font-weight:300;letter-spacing:10px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5);margin-top:-5px}.title-credit{display:block;font-size:.7rem;font-weight:400;letter-spacing:2px;color:#ffffff80;margin-top:8px;font-style:italic}@keyframes titlePulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.character-display{margin-bottom:10px;animation:characterFloat 3s ease-in-out infinite}@keyframes characterFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.character-image{width:140px;height:auto;border-radius:15px;border:3px solid rgba(173,255,47,.6);box-shadow:0 0 20px #adff2f66,0 10px 25px #00000080;margin-bottom:8px;transition:transform .3s ease,box-shadow .3s ease}.character-image:hover{transform:scale(1.05);box-shadow:0 0 30px #adff2f99,0 15px 35px #0009}.character-name{font-size:1.4rem;font-weight:900;letter-spacing:8px;color:#adff2f;text-shadow:0 0 20px rgba(173,255,47,.7),0 2px 0 #5a8a00,0 3px 10px rgba(0,0,0,.6);text-transform:uppercase}.track-info{background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;padding:12px 25px;margin-bottom:20px;border:1px solid rgba(0,212,255,.3)}.track-name{font-size:1.1rem;font-weight:700;letter-spacing:2px;margin-bottom:8px;color:#fff}.track-stats{display:flex;justify-content:center;gap:20px;font-size:.85rem;color:#fffc}.track-stats span{display:flex;align-items:center;gap:5px}.game-btn{background:linear-gradient(180deg,#00d4ff,#08a);color:#000;border:none;padding:10px 40px;font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:3px;border-radius:4px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #00d4ff66,inset 0 1px #ffffff4d;position:relative;overflow:hidden}.game-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #00d4ff80,inset 0 1px #fff6;background:linear-gradient(180deg,#33e0ff,#0ac)}.game-btn:active{transform:translateY(0)}.game-btn.primary{background:linear-gradient(180deg,#0f8,#0a5);box-shadow:0 4px 15px #0f86}.game-btn.primary:hover{box-shadow:0 6px 25px #00ff8880;background:linear-gradient(180deg,#3f9,#0c6)}.controls-hint{margin-top:15px;opacity:.7;font-size:.75rem}.controls-hint.touch{display:none}@media(pointer:coarse){.touch-enabled .controls-hint.keyboard{display:none}.touch-enabled .controls-hint.touch{display:block}}.control-row{margin:6px 0;display:flex;align-items:center;justify-content:center;gap:6px}.key{background:#ffffff26;padding:6px 12px;border-radius:4px;font-family:Consolas,monospace;font-weight:600;border:1px solid rgba(255,255,255,.2)}.snow-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 20px 30px,white,transparent),radial-gradient(1px 1px at 60px 80px,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 100px 40px,white,transparent),radial-gradient(1px 1px at 150px 100px,rgba(255,255,255,.6),transparent);background-size:180px 180px;animation:snowfall 10s linear infinite;opacity:.5}@keyframes snowfall{to{background-position:0 360px}}#hud{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.hud-top{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;gap:15px}.stat-box{background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;padding:10px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.15);min-width:100px}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:2px;color:#fff9;margin-bottom:4px}.stat-value{font-size:1.5rem;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}.stat-unit{font-size:.75rem;color:#fff9;margin-top:-2px}.speed-box{background:linear-gradient(180deg,#00d4ff33,#000000b3);border-color:#00d4ff66;min-width:90px}.speed-box .stat-value{font-size:2rem;color:#00d4ff;transition:color .15s,text-shadow .15s,transform .15s}.speed-box.speed-boost{background:linear-gradient(180deg,#4caf5066,#000000b3);border-color:#4caf50cc;box-shadow:0 0 20px #4caf5080,inset 0 0 15px #4caf5033;animation:boost-pulse .3s ease-out}@keyframes boost-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.time-box{border-color:#ffd7004d}.time-box .stat-value{color:gold}.gates-box{border-color:#00ff884d}.gates-box .stat-value{color:#0f8}.penalties-box{position:absolute;top:110px;left:50%;transform:translate(-50%);background:#ff3c3ce6;padding:8px 20px;border-radius:6px;display:flex;align-items:center;gap:8px;color:#fff;font-weight:700;font-size:1rem;animation:penaltyAppear .3s ease}@keyframes penaltyAppear{0%{transform:translate(-50%) scale(.8);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.countdown{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12rem;font-weight:900;color:#fff;text-shadow:0 0 60px rgba(0,212,255,.8),0 0 120px rgba(0,212,255,.4),0 10px 40px rgba(0,0,0,.5);animation:countdownPulse 1s ease-in-out;z-index:200}@keyframes countdownPulse{0%{transform:translate(-50%,-50%) scale(1.5);opacity:0}20%{transform:translate(-50%,-50%) scale(1);opacity:1}80%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(.8);opacity:0}}.penalty-notification{position:absolute;top:120px;right:20px;background:#ff3232f2;padding:12px 25px;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:3px;color:#fff;animation:penaltySlideRight 2s ease-out forwards;z-index:150;box-shadow:0 4px 15px #ff323266}.penalty-notification span:first-child{font-size:.75rem;text-transform:uppercase;letter-spacing:1.5px}.penalty-time{font-size:1.4rem;font-weight:900}@keyframes penaltySlideRight{0%{transform:translate(100px);opacity:0}15%{transform:translate(0);opacity:1}85%{transform:translate(0);opacity:1}to{transform:translate(100px);opacity:0}}.split-time{position:absolute;top:35%;left:50%;transform:translate(-50%);font-size:2.5rem;font-weight:700;color:#0f8;text-shadow:0 0 20px rgba(0,255,136,.8),0 4px 10px rgba(0,0,0,.5);animation:splitAppear 1.5s ease-out forwards;z-index:140}@keyframes splitAppear{0%{transform:translate(-50%) scale(1.5);opacity:0}20%{transform:translate(-50%) scale(1);opacity:1}80%{transform:translate(-50%) scale(1);opacity:1}to{transform:translate(-50%) scale(.9);opacity:0}}.hud-progress{position:absolute;bottom:25px;left:50%;transform:translate(-50%);width:50%;max-width:500px}.progress-container{position:relative}.progress-bar{background:#0009;border-radius:10px;height:12px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#00d4ff,#0f8);border-radius:10px;transition:width .2s ease;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent);border-radius:10px 10px 0 0}.progress-labels{display:flex;justify-content:space-between;margin-top:6px;font-size:.75rem;color:#fff9}#finish-screen{background:linear-gradient(180deg,#0a1628f7,#143250f2);overflow-y:auto;padding:15px 0}.finish-content{text-align:center;color:#fff;padding:10px 20px;max-width:420px;margin:0 auto;min-height:auto}.finish-flag{font-size:3rem;margin-bottom:2px;animation:flagWave 1s ease-in-out infinite alternate}@keyframes flagWave{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}.finish-content h2{font-size:1.5rem;font-weight:300;letter-spacing:4px;margin-bottom:10px;text-transform:uppercase}.results-card{background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;padding:12px 25px;margin-bottom:10px;border:1px solid rgba(255,255,255,.1);display:inline-block}.result-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;min-width:250px}.result-label{font-size:.8rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px}.result-value{font-size:1.2rem;font-weight:700;font-variant-numeric:tabular-nums}.result-value.penalty{color:#ff6b6b}.result-divider{height:1px;background:#fff3;margin:6px 0}.total-row .result-label{font-weight:700;color:#fff}.result-value.total{font-size:1.6rem;color:#0f8;text-shadow:0 0 15px rgba(0,255,136,.5)}.stats-row{display:flex;justify-content:center;gap:25px;margin-bottom:8px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:3px}.stat-icon{font-size:1.5rem}.stat-val{font-size:1.1rem;font-weight:700;color:#00d4ff}.stat-desc{font-size:.65rem;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}@media(max-width:768px){.title-ski{font-size:3rem;letter-spacing:10px}.title-challenge{font-size:1.5rem;letter-spacing:8px}.hud-top{flex-wrap:wrap;gap:8px;padding:0 10px}.stat-box{padding:8px 12px;min-width:70px}.stat-value{font-size:1.2rem}.speed-box .stat-value{font-size:1.5rem}.countdown{font-size:8rem}.hud-progress{width:80%}.stats-row{gap:20px}.results-card{padding:20px 30px}}@media(max-width:480px){.title-ski{font-size:2.2rem;letter-spacing:6px}.title-challenge{font-size:1.1rem;letter-spacing:5px}.track-info{padding:15px 20px}.track-stats{flex-direction:column;gap:8px}.game-btn{padding:14px 40px;font-size:1.1rem}.countdown{font-size:5rem}.penalties-box{top:165px}.penalty-notification{top:215px}}.fullscreen-btn{position:fixed;top:10px;right:10px;z-index:2000;background:#0009;color:#fff;border:2px solid rgba(255,255,255,.3);padding:8px 12px;font-size:24px;border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fullscreen-btn:hover{background:#000c;border-color:#fff9;transform:scale(1.1)}.fullscreen-btn:active{transform:scale(.95)}:fullscreen .fullscreen-btn,:-webkit-full-screen .fullscreen-btn{opacity:.3}:fullscreen .fullscreen-btn:hover,:-webkit-full-screen .fullscreen-btn:hover{opacity:1}*{touch-action:manipulation;-webkit-tap-highlight-color:transparent}#game-ui,.game-btn,.fullscreen-btn{-webkit-user-select:none;user-select:none}@media(pointer:coarse){.game-btn{min-height:50px;min-width:150px}.fullscreen-btn{padding:12px 16px;font-size:28px}.key{padding:6px 12px}}.touch-controls{display:none;position:fixed;bottom:0;left:0;right:0;height:200px;pointer-events:none;z-index:1500;padding:20px;box-sizing:border-box}.touch-enabled .touch-controls{display:flex;justify-content:space-between;align-items:flex-end}@media(orientation:portrait){.touch-enabled .hud-progress{bottom:210px}}@media(orientation:landscape){.touch-enabled .hud-progress{width:calc(100% - 260px)}}.joystick-zone{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:10px}.joystick-base{width:140px;height:140px;background:radial-gradient(circle,#ffffff26,#ffffff0d);border:3px solid rgba(255,255,255,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 0 20px #0000004d,inset 0 0 30px #ffffff1a}.joystick-stick{width:60px;height:60px;background:radial-gradient(circle at 30% 30%,#fff,#b0b0b0);border-radius:50%;box-shadow:0 4px 15px #0006,inset 0 2px 5px #fffc;transition:transform .05s ease-out;cursor:grab}.joystick-stick:active{cursor:grabbing}.joystick-stick.active{background:radial-gradient(circle at 30% 30%,#00d4ff,#08a);box-shadow:0 4px 20px #00d4ff99,inset 0 2px 5px #fffc}.joystick-labels{display:flex;justify-content:space-between;width:140px;padding:0 10px}.joystick-label{color:#ffffffb3;font-size:1.2rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.joystick-label.left{color:#ff6b6b}.joystick-label.right{color:#4ecdc4}.aero-btn-zone{pointer-events:auto}.aero-btn{width:100px;height:100px;border-radius:50%;background:linear-gradient(145deg,#ffa500cc,#ff6400e6);border:3px solid rgba(255,255,255,.5);color:#fff;font-family:Orbitron,sans-serif;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:0 6px 20px #ff640080,inset 0 2px 10px #ffffff4d;transition:all .1s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.aero-btn:active,.aero-btn.active{background:linear-gradient(145deg,#00c8ffe6,#0096c8);transform:scale(.95);box-shadow:0 2px 10px #00c8ffcc,inset 0 2px 10px #ffffff80}.aero-icon{font-size:1.8rem;line-height:1}.aero-text{font-size:.75rem;font-weight:700;letter-spacing:1px}.joystick-base:before,.joystick-base:after{content:"";position:absolute;background:#fff3;border-radius:2px}.joystick-base:before{width:20px;height:4px;left:10px;top:50%;transform:translateY(-50%)}.joystick-base:after{width:20px;height:4px;right:10px;top:50%;transform:translateY(-50%)}@media(max-height:500px){.touch-controls{height:150px;padding:10px 20px}.joystick-base{width:100px;height:100px}.joystick-stick{width:45px;height:45px}.joystick-labels{width:100px}.aero-btn{width:80px;height:80px}.aero-icon{font-size:1.4rem}.aero-text{font-size:.65rem}}@media(max-height:400px)and (orientation:landscape){.touch-controls{height:120px;padding:5px 15px}.joystick-base{width:90px;height:90px}.joystick-stick{width:40px;height:40px}.aero-btn{width:70px;height:70px}.joystick-labels{display:none}}#title-screen.active~.touch-controls,#finish-screen:not(.hidden)~.touch-controls{display:none!important}