body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.drift-racer{align-items:center;background:linear-gradient(135deg,#0a0a2e,#16213e 50%,#0f3460);color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;min-height:100vh;padding:20px}.game-header{margin-bottom:30px;max-width:900px;text-align:center;width:100%}.game-title{animation:titlePulse 3s ease-in-out infinite;color:#00f0f0;font-size:4rem;font-weight:900;letter-spacing:8px;margin:0 0 30px;text-shadow:0 0 15px #00f0f0,0 0 30px #00f0f0cc,0 0 45px #00f0f099,3px 3px 6px #00000080}.game-title-image{animation:titleImagePulse 3s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(0,240,240,.8)) drop-shadow(0 0 30px rgba(0,240,240,.5)) drop-shadow(0 0 45px rgba(0,240,240,.3));height:auto;margin:0 0 30px;max-width:600px;width:100%}.stats-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.stat-card{align-items:center;background:linear-gradient(135deg,#00f0f01a,#0088ff0d);border:2px solid #00f0f04d;border-radius:12px;box-shadow:0 4px 15px #0000004d;display:flex;gap:12px;min-width:140px;overflow:hidden;padding:15px 20px;position:relative;transition:all .3s ease}.stat-card:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.stat-card:hover:before{left:100%}.stat-card:hover{border-color:#00f0f099;box-shadow:0 6px 20px #00f0f033;transform:translateY(-3px)}.stat-icon{filter:drop-shadow(0 0 5px rgba(0,240,240,.5));font-size:2rem}.stat-info{flex:1 1;text-align:left}.stat-label{color:#888;font-size:.75rem;font-weight:600;letter-spacing:1px;margin-bottom:4px}.stat-value{color:#00f0f0;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700;text-shadow:0 0 10px #00f0f080}.score-animate{animation:scoreUpdate .3s ease}@keyframes scoreUpdate{0%{transform:scale(1)}50%{color:#0ff;transform:scale(1.1)}to{transform:scale(1)}}.level-progress{background:#00000080;border-radius:2px;height:4px;margin-top:6px;overflow:hidden;width:100%}.level-progress-bar{background:linear-gradient(90deg,#00f0f0,#08f);box-shadow:0 0 10px #00f0f0cc;height:100%;transition:width .3s ease}.combo-card{animation:comboFlash .5s ease-in-out infinite;background:linear-gradient(135deg,#ff640033,#ff00001a);border-color:#ff640080}@keyframes comboFlash{0%,to{border-color:#ff640080;box-shadow:0 4px 15px #ff64004d}50%{border-color:#ff6400cc;box-shadow:0 4px 25px #ff640080}}.combo-value{color:#ff6400;text-shadow:0 0 10px #ff6400cc}@keyframes titlePulse{0%,to{text-shadow:0 0 15px #00f0f0,0 0 30px #00f0f0cc,0 0 45px #00f0f099,3px 3px 6px #00000080;transform:scale(1)}50%{text-shadow:0 0 20px #00f0f0,0 0 40px #00f0f0,0 0 60px #00f0f0cc,3px 3px 6px #00000080;transform:scale(1.02)}}@keyframes titleImagePulse{0%,to{filter:drop-shadow(0 0 15px rgba(0,240,240,.8)) drop-shadow(0 0 30px rgba(0,240,240,.5)) drop-shadow(0 0 45px rgba(0,240,240,.3));transform:scale(1)}50%{filter:drop-shadow(0 0 20px rgba(0,240,240,1)) drop-shadow(0 0 40px rgba(0,240,240,.7)) drop-shadow(0 0 60px rgba(0,240,240,.5));transform:scale(1.02)}}.high-score-card{background:linear-gradient(135deg,#ffd70026,#ffa5001a);border-color:#ffd70066}.high-score-card .stat-value{color:gold;text-shadow:0 0 10px #ffd70099}.scores{display:flex;font-size:1.2rem;gap:40px;justify-content:center}.score-item{display:flex;gap:10px}.score-label{color:#aaa}.score-value{color:#00f0f0;font-weight:700;min-width:60px;text-align:right}.game-container{background:linear-gradient(135deg,#000c,#0a0a2ee6);border:4px solid #00f0f0;border-radius:12px;box-shadow:0 0 30px #00f0f066,0 0 60px #00f0f033,inset 0 0 20px #00f0f01a;overflow:hidden;position:relative}.game-canvas{background:linear-gradient(135deg,#0a0a1e,#1a0a2e);box-shadow:inset 0 0 100px #8a2be233,inset 0 0 50px #0096ff1a;display:block;image-rendering:crisp-edges;image-rendering:pixelated}.start-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000f5;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:20px;z-index:10}.countdown-overlay,.start-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.countdown-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;pointer-events:none;z-index:20}.countdown-number{animation:countdownPulse 1s ease-out;color:#fff;font-size:15rem;font-weight:900;line-height:1;text-shadow:0 0 30px #00f0f0,0 0 60px #00f0f0cc,0 0 90px #00f0f099,0 0 120px #0088ff80,0 0 150px #0088ff4d}@keyframes countdownPulse{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.level-flash{align-items:center;animation:levelFlashFade 2s ease-out forwards;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:15}.level-flash-content{animation:levelFlashScale 2s ease-out forwards;text-align:center}.level-flash-title{animation:levelFlashPulse .5s ease-in-out 3;color:#00f0f0;font-size:3rem;font-weight:900;letter-spacing:8px;margin-bottom:20px;text-shadow:0 0 20px #00f0f0,0 0 40px #00f0f0cc,0 0 60px #00f0f099,0 0 80px #00f0f066}.level-flash-number{animation:levelNumberGlow .5s ease-in-out 3;color:#fff;font-size:8rem;font-weight:900;line-height:1;text-shadow:0 0 30px #00f0f0,0 0 60px #00f0f0cc,0 0 90px #00f0f099,0 0 120px #08f6}@keyframes levelFlashFade{0%{background:#00f0f04d}50%{background:#00f0f026}to{background:#00f0f000}}@keyframes levelFlashScale{0%{opacity:0;transform:scale(.5)}20%{opacity:1;transform:scale(1.2)}40%{transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes levelFlashPulse{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.5);transform:scale(1.1)}}@keyframes levelNumberGlow{0%,to{text-shadow:0 0 30px #00f0f0,0 0 60px #00f0f0cc,0 0 90px #00f0f099,0 0 120px #08f6;transform:scale(1)}50%{text-shadow:0 0 40px #00f0f0,0 0 80px #00f0f0,0 0 120px #00f0f0cc,0 0 160px #08f9;transform:scale(1.05)}}.start-overlay h2{animation:pulse 1.5s ease-in-out infinite;color:#00f0f0;font-size:2.5rem;margin-bottom:30px;text-shadow:0 0 20px #00f0f080}.pause-title{animation:titleImagePulse 3s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(0,240,240,.8)) drop-shadow(0 0 30px rgba(0,240,240,.5)) drop-shadow(0 0 45px rgba(0,240,240,.3));height:auto;margin-bottom:20px;max-width:450px;width:100%}.game-over-stats{font-size:1.2rem;margin-bottom:20px;text-align:center}.game-over-stats p{color:#f0a000;font-weight:700;margin:10px 0}.new-record{animation:rainbow 2s linear infinite;color:gold!important;font-size:1.4rem!important;margin-top:20px!important;text-shadow:0 0 10px gold}@keyframes rainbow{0%{color:red}16%{color:#f80}33%{color:gold}50%{color:#0f0}66%{color:#0ff}83%{color:#f0f}to{color:red}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.instructions{background:#00f0f01a;border:2px solid #00f0f0;border-radius:10px;padding:25px 40px;text-align:center}.instructions p{font-size:1.1rem;margin:8px 0}.instructions p:first-child{color:#00f0f0;font-size:1.3rem;font-weight:700;margin-bottom:15px}.instructions .tip{color:#4caf50;font-size:1rem;font-weight:700;margin-top:20px}.main-menu{animation:fadeIn .5s ease-in;margin:auto;max-height:90vh;max-width:1400px;overflow-x:hidden;overflow-y:auto;padding:20px;position:relative;width:100%}.main-menu.immersive{align-items:center;background:linear-gradient(135deg,#0a0a2e,#16213e 50%,#0f3460);display:flex;height:100vh;justify-content:center;margin:0;max-height:100vh;max-width:100%;overflow:hidden;padding:0;position:relative;width:100vw}.falling-blocks-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.falling-block{animation:fallDown linear infinite;filter:blur(.5px);font-size:3rem;line-height:1;position:absolute;top:-100px;transform:rotate(0deg);will-change:transform,opacity}.tetris-shape{font-family:monospace;font-weight:700;text-shadow:0 0 20px currentColor,0 0 40px currentColor;white-space:pre}@keyframes fallDown{0%{opacity:0;transform:translateY(-100px) rotate(0deg)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateY(100vh) rotate(1turn)}}.menu-glass-overlay{animation:glassFloat 8s ease-in-out infinite;backdrop-filter:blur(15px) saturate(150%);-webkit-backdrop-filter:blur(15px) saturate(150%);background:#0a0a2e4d;border:2px solid #00f0f033;border-radius:25px;box-shadow:0 8px 32px #0006,0 0 60px #00f0f01a,inset 0 0 40px #00f0f00d;max-width:650px;padding:25px 35px;position:relative;width:90%;will-change:transform;z-index:1}@keyframes glassFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.menu-center-content{align-items:center;display:flex;flex-direction:column;gap:10px}.immersive-title{animation:titleGlow 4s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(0,240,240,.8)) drop-shadow(0 0 40px rgba(0,240,240,.5));height:auto;max-width:500px;width:100%;will-change:opacity}@keyframes titleGlow{0%,to{opacity:.95}50%{opacity:1}}.immersive-player-info{align-items:center;background:#0000004d;border:1px solid #00f0f033;border-radius:25px;display:flex;gap:10px;padding:8px 20px}.player-avatar-small{font-size:1.8rem}.player-name-small{color:#00f0f0;font-size:1.1rem;font-weight:700;text-shadow:0 0 10px #00f0f080}.immersive-play-btn{align-items:center;animation:buttonBreath 4s ease-in-out infinite;background:linear-gradient(135deg,#f0fc,#0ffc);border:3px solid #ffffff80;border-radius:50px;box-shadow:0 10px 40px #f0f6,0 0 60px #00ffff4d,inset 0 0 30px #fff3;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;font-weight:900;gap:12px;justify-content:center;max-width:350px;padding:14px 30px;position:relative;transition:all .3s ease;width:100%;will-change:transform,opacity}@keyframes buttonBreath{0%,to{opacity:.95;transform:scale(1)}50%{opacity:1;transform:scale(1.01)}}.immersive-play-btn:hover{box-shadow:0 20px 60px #f0f9,0 0 100px #0ff9,inset 0 0 50px #ffffff4d;transform:scale(1.05) translateY(-2px)}.immersive-play-btn:active{transform:scale(.98)}.play-icon-large{font-size:1.6rem}.play-text-large{letter-spacing:2px;text-shadow:0 2px 10px #00000080}.immersive-stats{align-items:center;display:flex;gap:20px;justify-content:center;padding:10px 0}.immersive-stat{align-items:center;display:flex;flex-direction:column;gap:8px}.immersive-stat.gamepad-status{background:#00ff001a;border:1px solid #00ff004d;border-radius:20px;flex-direction:row;gap:10px;padding:10px 20px}.stat-value-immersive{color:#00f0f0;font-family:Courier New,monospace;font-size:1.4rem;font-weight:700;text-shadow:0 0 15px #00f0f0cc}.stat-label-immersive{color:#888;font-size:.7rem;letter-spacing:1.5px;text-transform:uppercase}.stat-icon-immersive{font-size:1.5rem}.immersive-stat.gamepad-status .stat-label-immersive{color:#0f0;font-weight:600}.immersive-menu-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.immersive-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid #00f0f04d;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.immersive-btn:hover{background:#00f0f033;border-color:#00f0f099;box-shadow:0 5px 20px #00f0f04d;transform:translateY(-2px)}.menu-background-particles{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.particle{animation:particleFloat 5s ease-in-out infinite;background:#00f0f080;border-radius:50%;box-shadow:0 0 10px #00f0f0cc;height:4px;position:absolute;width:4px}@keyframes particleFloat{0%,to{opacity:0;transform:translateY(0) translateX(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh) translateX(20px)}}.menu-content{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:minmax(280px,1fr) minmax(400px,1.5fr);position:relative;z-index:1}.menu-left{display:flex;flex-direction:column;gap:15px}.brand-section{text-align:left}.logo-container{align-items:center;animation:logoFloat 3s ease-in-out infinite;background:linear-gradient(135deg,#00f0f033,#08f3);border:3px solid #00f0f080;border-radius:16px;box-shadow:0 8px 32px #00f0f04d;display:flex;height:60px;justify-content:center;margin-bottom:12px;width:60px}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.logo-icon{filter:drop-shadow(0 0 10px rgba(0,240,240,.8));font-size:2.2rem}.brand-title{-webkit-text-fill-color:#0000;animation:bubbleGradient 3s ease infinite;background:linear-gradient(45deg,#f0f,#0ff 25%,#ff0 50%,#f0f 75%,#0ff);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;filter:drop-shadow(0 0 10px rgba(255,0,255,.6)) drop-shadow(0 0 20px rgba(0,255,255,.6)) drop-shadow(0 0 30px rgba(255,255,0,.4)) drop-shadow(2px 2px 0 rgba(255,255,255,.5)) drop-shadow(4px 4px 0 rgba(0,0,0,.3));font-size:2.5rem;font-weight:900;letter-spacing:3px;line-height:1;margin:0;position:relative;transform-style:preserve-3d}.brand-title-image{animation:bubbleGradientImage 3s ease infinite;filter:drop-shadow(0 0 10px rgba(255,0,255,.6)) drop-shadow(0 0 20px rgba(0,255,255,.6)) drop-shadow(0 0 30px rgba(255,255,0,.4));height:auto;margin:0 0 15px;max-width:350px;width:100%}.brand-title:before{-webkit-text-fill-color:#0000;animation:bubbleGradient 3s ease infinite reverse;background:linear-gradient(45deg,#f09,#09f 25%,#fc0 50%,#f09 75%,#09f);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;content:"BRICKX";filter:blur(4px);left:3px;opacity:.7;position:absolute;top:3px;z-index:-1}@keyframes bubbleGradient{0%{background-position:0 50%;transform:scale(1)}25%{transform:scale(1.02)}50%{background-position:100% 50%;transform:scale(1)}75%{transform:scale(1.02)}to{background-position:0 50%;transform:scale(1)}}@keyframes bubbleGradientImage{0%,to{filter:drop-shadow(0 0 10px rgba(255,0,255,.6)) drop-shadow(0 0 20px rgba(0,255,255,.6)) drop-shadow(0 0 30px rgba(255,255,0,.4));transform:scale(1)}50%{filter:drop-shadow(0 0 15px rgba(255,0,255,.8)) drop-shadow(0 0 30px rgba(0,255,255,.8)) drop-shadow(0 0 45px rgba(255,255,0,.6));transform:scale(1.02)}}.brand-subtitle{color:#888;font-size:1.5rem;font-weight:300;letter-spacing:8px;margin-top:8px}.version-tag{background:#00f0f01a;border:1px solid #00f0f04d;border-radius:6px;color:#00f0f0;display:inline-block;font-size:.75rem;letter-spacing:1px;margin-top:15px;padding:6px 12px}.stats-showcase{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:2px solid #00f0f033;border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;gap:15px;padding:15px}.showcase-item{flex:1 1;text-align:center}.showcase-number{color:#00f0f0;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700;text-shadow:0 0 15px #00f0f099}.showcase-label{color:#888;font-size:.8rem;letter-spacing:1px;margin-top:5px;text-transform:uppercase}.showcase-divider{background:linear-gradient(180deg,#0000,#00f0f080,#0000);height:40px;width:2px}.menu-right{display:flex;flex-direction:column;gap:15px;min-width:0;width:100%}.menu-actions{display:flex;gap:12px}.secondary-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 4px 16px #0003;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .3s ease}.secondary-btn:hover{background:#ffffff14;border-color:#00f0f04d;box-shadow:0 6px 20px #00f0f033;transform:translateY(-2px)}.secondary-btn span:first-child{font-size:1.2rem}.game-preview{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;box-sizing:border-box;padding:20px;width:100%}.preview-title{color:#888;font-size:.85rem;letter-spacing:1px;margin-bottom:15px;text-transform:uppercase}.preview-stats{display:flex;flex-direction:column;gap:12px}.preview-stat{align-items:center;background:#ffffff08;border-radius:8px;display:flex;gap:10px;padding:10px}.preview-stat.gamepad{background:#00ff001a;border:1px solid #00ff004d}.preview-icon{font-size:1.3rem}.preview-label{color:#aaa;font-size:.9rem}.preview-stat.gamepad .preview-label{color:#0f0;font-weight:600}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:20}.modal-content{animation:slideUp .3s ease;background:linear-gradient(135deg,#0a0a2ef2,#16213ef2);border:2px solid #00f0f04d;border-radius:20px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:700px;overflow-y:auto;padding:40px;position:relative;width:100%}.tutorial-modal{max-width:900px}.profile-modal{max-width:550px;padding:30px 25px}.player-profile-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #00f0f04d;border-radius:16px;cursor:pointer;display:flex;gap:15px;padding:15px 20px;transition:all .3s ease}.player-profile-card:hover{background:#ffffff14;border-color:#00f0f080;box-shadow:0 8px 24px #00f0f04d;transform:translateY(-2px)}.profile-avatar{align-items:center;background:linear-gradient(135deg,#f0f3,#0ff3);border:3px solid #00f0f066;border-radius:50%;display:flex;font-size:3rem;height:70px;justify-content:center;width:70px}.profile-info{flex:1 1}.profile-name{color:#00f0f0;font-size:1.5rem;font-weight:700;margin-bottom:4px}.profile-label{color:#888;font-size:.85rem}.profile-edit-section{align-items:center;display:flex;flex-direction:column;gap:18px}.profile-avatar-large{align-items:center;background:linear-gradient(135deg,#ff00ff4d,#00ffff4d);border:3px solid #00f0f080;border-radius:50%;box-shadow:0 8px 30px #00f0f04d;display:flex;font-size:4.5rem;height:100px;justify-content:center;width:100px}.profile-input-group{width:100%}.profile-input-group label{color:#00f0f0;display:block;font-size:.95rem;font-weight:700;margin-bottom:8px}.profile-input{background:#0000004d;border:2px solid #00f0f04d;border-radius:10px;color:#fff;font-size:1rem;outline:none;padding:10px 14px;transition:all .3s ease;width:100%}.profile-input:focus{border-color:#00f0f0b3;box-shadow:0 0 20px #00f0f04d}.avatar-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(8,1fr);max-height:280px;overflow-y:auto;padding:4px}.avatar-option{align-items:center;background:#ffffff0d;border:2px solid #fff3;border-radius:10px;cursor:pointer;display:flex;font-size:1.6rem;height:50px;justify-content:center;transition:all .3s ease;width:50px}.avatar-option:hover{background:#ffffff1a;border-color:#00f0f080;transform:scale(1.1)}.avatar-option.selected{background:linear-gradient(135deg,#ff00ff4d,#00ffff4d);border-color:#00f0f0cc;box-shadow:0 0 20px #00f0f080;transform:scale(1.15)}.profile-save-btn{background:linear-gradient(135deg,#f0f,#0ff);border:none;border-radius:10px;box-shadow:0 6px 20px #00f0f066;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:12px;transition:all .3s ease;width:100%}.profile-save-btn:hover{box-shadow:0 12px 32px #00f0f099;transform:translateY(-2px)}.profile-save-btn:active{transform:translateY(0)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;line-height:1;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px}.modal-close:hover{background:#ff00004d;border-color:#ff000080;transform:rotate(90deg)}.modal-title{color:#00f0f0;font-size:2rem;margin:0 0 30px;text-shadow:0 0 20px #00f0f080}.settings-section{margin-bottom:30px}.settings-section:last-child{margin-bottom:0}.settings-heading{color:#fff;font-size:1.3rem;margin:0 0 20px}.controls-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.control-item{background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;padding:15px}.control-keys{display:flex;gap:8px;margin-bottom:10px}.control-description{color:#aaa;font-size:.9rem;margin-bottom:5px}.control-label{color:#666;font-size:.8rem}.sound-toggle-btn{align-items:center;background:#00f0f01a;border:2px solid #00f0f04d;border-radius:12px;color:#00f0f0;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:12px;justify-content:center;padding:15px 20px;transition:all .3s ease;width:100%}.sound-toggle-btn:hover{background:#00f0f033;border-color:#00f0f080;box-shadow:0 5px 20px #00f0f04d;transform:translateY(-2px)}.sound-toggle-btn.disabled{background:#ff00001a;border-color:#ff00004d;color:#ff6b6b}.sound-toggle-btn.disabled:hover{background:#f003;border-color:#ff000080;box-shadow:0 5px 20px #ff00004d}.sound-icon{font-size:1.5rem}.sound-label{font-family:Arial,sans-serif}.tutorial-section{grid-gap:20px;display:grid;gap:20px}.tutorial-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;padding:25px;transition:all .3s ease}.tutorial-card:hover{border-color:#00f0f04d;transform:translateX(5px)}.tutorial-icon{font-size:2.5rem;margin-bottom:15px}.tutorial-heading{color:#00f0f0;font-size:1.3rem;margin:0 0 12px}.tutorial-text{color:#aaa;font-size:.95rem;line-height:1.6;margin:0}.tutorial-text strong{color:#00f0f0;font-weight:600}.play-button-modern{align-items:center;animation:buttonPulse 2s ease-in-out infinite;background:#0000;border:2px solid #fffc;border-radius:35px;box-shadow:0 10px 40px #f0f6,0 0 60px #00ffff4d,inset 0 0 0 2px #fff3;color:#fff;cursor:pointer;display:flex;font-size:1.6rem;font-weight:900;gap:15px;height:65px;justify-content:center;min-width:0;overflow:visible;padding:0 20px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);white-space:nowrap;width:100%}@keyframes buttonPulse{0%,to{box-shadow:0 10px 40px #f0f6,0 0 60px #00ffff4d,inset 0 0 0 2px #fff3}50%{box-shadow:0 15px 50px #f0f9,0 0 80px #00ffff80,inset 0 0 0 2px #fff6}}.play-button-bg{animation:buttonGradient 3s ease infinite;background:linear-gradient(135deg,#f0f,#0ff 25%,#ff0 50%,#0ff 75%,#f0f);background-size:400% 400%;border-radius:35px;height:100%;left:0;position:absolute;top:0;transition:all .4s ease;width:100%}@keyframes buttonGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.play-button-bg:before{animation:buttonShine 3s ease infinite;background:linear-gradient(45deg,#0000 30%,#ffffff4d 50%,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes buttonShine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.play-button-modern:hover{box-shadow:0 20px 60px #f0f9,0 0 100px #0ff9,inset 0 0 0 3px #fff6;transform:translateY(-5px) scale(1.05)}.play-button-modern:hover .play-button-bg{animation-duration:1.5s;filter:brightness(1.2)}.play-button-modern:active{transform:translateY(-2px) scale(1.02)}.play-button-modern:active .play-button-bg{filter:brightness(.9);transform:scale(.95)}.play-icon,.play-text{filter:drop-shadow(0 0 10px rgba(255,255,255,.5));position:relative;text-shadow:0 2px 10px #00000080,0 0 20px #ffffff4d;z-index:1}.play-icon{animation:iconBounce 2s ease-in-out infinite;font-size:2rem}@keyframes iconBounce{0%,to{transform:translateX(0)}50%{transform:translateX(5px)}}.features-modern{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.feature-card{border-radius:12px;cursor:default;padding:16px;transition:all .3s ease}.feature-card.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0003}.feature-card:hover{background:#ffffff14;border-color:#00f0f04d;box-shadow:0 12px 40px #00f0f033;transform:translateY(-2px)}.feature-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.feature-emoji{font-size:1.5rem}.feature-title{color:#fff;font-size:1rem;font-weight:700}.feature-desc{color:#999;font-size:.75rem;line-height:1.4}.quick-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;padding:20px}.control-key-group{align-items:center;display:flex;gap:8px}.control-key{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:2px solid #444;border-radius:6px;box-shadow:0 4px 0 #111,0 6px 12px #00000080;color:#fff;font-family:monospace;font-size:.85rem;font-weight:700;min-width:40px;padding:8px 14px;text-align:center;transition:all .2s ease}.control-key.small{font-size:.75rem;min-width:32px;padding:6px 10px}.control-key:hover{box-shadow:0 6px 0 #111,0 8px 16px #0009;transform:translateY(-2px)}.control-label{color:#888;font-size:.75rem}.gamepad-indicator{align-items:center;background:#00ff001a;border:1px solid #00ff004d;border-radius:8px;color:#0f0;display:flex;flex:1 1;font-size:.85rem;font-weight:600;gap:8px;justify-content:center;padding:8px 14px}.gamepad-icon{font-size:1.2rem}@media (max-width:1000px){.menu-content{gap:30px;grid-template-columns:1fr}.brand-title{font-size:3rem}.brand-title-image{max-width:280px}.play-button-modern{font-size:1.5rem;height:70px}.controls-grid{grid-template-columns:1fr}.modal-content{padding:30px 20px}.modal-title{font-size:1.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.menu-title{margin-bottom:30px;text-align:center}.neon-title{animation:neonPulse 2s ease-in-out infinite;color:#00f0f0;font-size:3.5rem;font-weight:700;letter-spacing:8px;margin:0;text-shadow:0 0 10px #00f0f0,0 0 20px #00f0f0,0 0 30px #00f0f0,0 0 40px #08f,0 0 70px #08f,0 0 80px #08f}@keyframes neonPulse{0%,to{text-shadow:0 0 10px #00f0f0,0 0 20px #00f0f0,0 0 30px #00f0f0,0 0 40px #08f,0 0 70px #08f,0 0 80px #08f}50%{text-shadow:0 0 5px #00f0f0,0 0 10px #00f0f0,0 0 15px #00f0f0,0 0 20px #08f,0 0 35px #08f,0 0 40px #08f}}.subtitle{color:#888;font-size:1.8rem;font-weight:300;letter-spacing:12px;margin:10px 0 0}.title-decoration{color:#00f0f0;font-size:1.2rem;margin-top:15px;opacity:.6}.play-btn{align-items:center;animation:buttonGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#00f0f0,#08f);border:none;border-radius:12px;box-shadow:0 4px 15px #00f0f066,0 0 30px #0088ff4d;color:#000;cursor:pointer;display:flex;font-size:1.6rem;font-weight:700;gap:15px;justify-content:center;margin-bottom:25px;padding:18px;transition:all .3s ease;width:100%}@keyframes buttonGlow{0%,to{box-shadow:0 4px 15px #00f0f066,0 0 30px #0088ff4d}50%{box-shadow:0 4px 20px #00f0f099,0 0 40px #0088ff80}}.play-btn:hover{background:linear-gradient(135deg,#0ff,#09f);box-shadow:0 6px 25px #00f0f099,0 0 50px #0088ff80;transform:scale(1.05)}.play-btn:active{transform:scale(.98)}.play-btn-icon{font-size:2rem}.features-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:25px}.feature-item{background:#00f0f01a;border:1px solid #00f0f04d;border-radius:8px;padding:15px;text-align:center;transition:all .3s ease}.feature-item:hover{background:#00f0f033;border-color:#00f0f099;transform:translateY(-3px)}.feature-icon{font-size:2rem;margin-bottom:8px}.feature-text{color:#aaa;font-size:.85rem;font-weight:500}.controls-preview{background:#00000080;border:2px solid #00f0f04d;border-radius:10px;margin-bottom:20px;padding:15px}.controls-section{margin-bottom:15px;text-align:center}.controls-section:last-child{margin-bottom:0}.controls-section h3{color:#00f0f0;font-size:1.2rem;margin:0 0 15px}.control-row{display:flex;gap:10px;justify-content:center;margin-bottom:10px}.key{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:2px solid #444;border-radius:5px;box-shadow:0 3px 0 #111,0 5px 10px #00000080;color:#fff;font-family:monospace;font-size:.9rem;font-weight:700;min-width:45px;padding:8px 12px;text-align:center}.control-hint{color:#888;font-size:.85rem;margin:0}.gamepad-connected{background:#00ff001a;border:1px solid #00ff004d;border-radius:8px;margin-top:15px;padding:15px}.gamepad-connected h3{color:#0f0}.gamepad-connected p{color:#aaa;font-size:.9rem;margin:5px 0 0}.high-score-display{background:linear-gradient(135deg,#ffd7001a,#ffa5001a);border:2px solid #ffd7004d;border-radius:8px;padding:15px;text-align:center}.hs-label{color:#888;display:block;font-size:.9rem;letter-spacing:2px;margin-bottom:5px}.hs-value{color:gold;display:block;font-size:2rem;font-weight:700;text-shadow:0 0 10px #ffd70080}.menu-buttons{display:flex;gap:20px;justify-content:center;margin-top:30px}.menu-btn{border:2px solid #ffffff4d;border-radius:30px;box-shadow:0 4px 6px #0000004d;cursor:pointer;font-family:Arial,sans-serif;font-size:1.2rem;font-weight:700;padding:15px 35px;transition:all .3s ease}.menu-btn:hover{box-shadow:0 6px 12px #0006;transform:translateY(-2px)}.menu-btn:active{box-shadow:0 2px 4px #0000004d;transform:translateY(0)}.resume-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.resume-btn:hover{background:linear-gradient(135deg,#5cbf60,#55b059)}.restart-btn{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.restart-btn:hover{background:linear-gradient(135deg,#42a5f5,#2986e2)}.main-menu-btn{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.main-menu-btn:hover{background:linear-gradient(135deg,#ffa726,#ff8c10)}.controls-info{background:#0000004d;border:1px solid #00f0f033;border-radius:10px;margin-top:20px;max-width:800px;padding:15px 25px;text-align:center}.controls-info p{color:#888;font-size:.9rem;margin:5px 0}.controls-info p:last-child{color:#f0a000;font-weight:700}@media (max-width:1000px){.game-title{font-size:2.5rem;letter-spacing:4px}.game-title-image{max-width:450px}.stats-container{gap:10px}.stat-card{min-width:110px;padding:12px 15px}.stat-icon{font-size:1.5rem}.stat-value{font-size:1.2rem}.stat-label{font-size:.65rem}.scores{font-size:1rem}.game-container{transform:scale(.9)}.start-overlay h2{font-size:1.8rem}.instructions{padding:20px 30px}.menu-glass-overlay{max-width:450px;padding:30px 40px}.immersive-title{max-width:280px}.immersive-play-btn{font-size:1.3rem;padding:16px 30px}.falling-block{font-size:2.5rem}.immersive-stats{gap:25px}.menu-buttons{flex-direction:column;gap:15px}.menu-btn{font-size:1rem;padding:12px 30px}.neon-title{font-size:3rem;letter-spacing:4px}.subtitle{font-size:1.3rem;letter-spacing:8px}.play-btn{font-size:1.4rem;padding:15px}.features-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.feature-icon{font-size:1.5rem}.feature-text{font-size:.75rem}.hs-value{font-size:1.5rem}}.mobile-controls{align-items:flex-end;background:linear-gradient(0deg,#00000080,#0000);bottom:0;display:flex;justify-content:space-between;left:0;padding:15px 20px 20px;pointer-events:none;position:fixed;right:0;z-index:1000}.mobile-controls-left,.mobile-controls-right{display:flex;flex-direction:column;gap:10px;pointer-events:auto}.touch-dpad{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,75px);grid-template-rows:repeat(2,75px);margin-bottom:5px}.touch-dpad .touch-left{grid-column:1;grid-row:2}.touch-dpad .touch-down{grid-column:2;grid-row:2}.touch-dpad .touch-right{grid-column:3;grid-row:2}.touch-btn{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#00f0f0cc,#08fc);border:3px solid #00f0f0e6;border-radius:15px;box-shadow:0 4px 15px #00f0f080;color:#fff;cursor:pointer;display:flex;font-size:2rem;font-weight:700;height:75px;justify-content:center;touch-action:manipulation;transition:all .1s ease;user-select:none;-webkit-user-select:none;width:75px}.touch-btn:active{background:linear-gradient(135deg,#00ffffe6,#00b4ffe6);border-color:#0ff;box-shadow:0 2px 10px #00f0f0b3;transform:scale(.92)}.touch-rotate{font-size:2.8rem;height:65px;width:237px}.touch-pause{background:linear-gradient(135deg,#ffc800cc,#f80c);border-color:#ffc800e6;box-shadow:0 4px 15px #ffc80080;font-size:2rem;height:65px;width:110px}.touch-pause:active{background:linear-gradient(135deg,#ffdc00e6,#ffa000e6);border-color:#ffdc00;box-shadow:0 2px 10px #ffc800b3}.touch-drop,.touch-hold{font-size:1.3rem;height:75px;letter-spacing:1px;width:110px}.touch-drop{background:linear-gradient(135deg,#f000f0cc,#f08c);border-color:#f000f0e6;box-shadow:0 4px 15px #f000f080}.touch-drop:active{background:linear-gradient(135deg,#ff00ffe6,#ff32b4e6);border-color:#f0f;box-shadow:0 2px 10px #f000f0b3}.touch-hold{background:linear-gradient(135deg,#f0a000cc,#ffc800cc);border-color:#f0a000e6;box-shadow:0 4px 15px #f0a00080}.touch-hold:active{background:linear-gradient(135deg,#ffb400e6,#ffdc00e6);border-color:#ffb400;box-shadow:0 2px 10px #f0a000b3}@media (max-width:768px){.drift-racer{min-height:100vh;padding:10px 10px 220px}.game-header{margin-bottom:10px}.game-title{font-size:2rem;letter-spacing:3px;margin-bottom:15px}.game-title-image{margin-bottom:15px;max-width:280px}.stats-container{font-size:.8rem;gap:5px}.stat-card{min-width:80px;padding:8px 10px}.stat-icon{font-size:1.2rem}.stat-value{font-size:1rem}.stat-label{font-size:.55rem}.game-container{margin-bottom:20px;transform:scale(.85)}.main-menu{max-width:100%;padding:10px}.menu-glass-overlay{border-radius:20px;max-width:90%;padding:30px 25px}.menu-center-content{gap:20px}.immersive-title{max-width:250px}.immersive-play-btn{font-size:1.3rem;max-width:100%;padding:18px 30px}.play-icon-large{font-size:1.5rem}.falling-block{font-size:2rem}.immersive-stats{flex-direction:column;gap:15px}.stat-value-immersive{font-size:1.5rem}.immersive-menu-actions{gap:10px}.immersive-btn{font-size:.85rem;padding:10px 20px}.menu-content{gap:20px;grid-template-columns:1fr}.brand-title{font-size:2rem}.brand-title-image{margin-bottom:10px;max-width:220px}.logo-container{height:50px;width:50px}.logo-icon{font-size:1.8rem}.play-button-modern{font-size:1.2rem;height:60px}.play-icon{font-size:1.8rem}.modal-content{max-width:400px;padding:20px;width:95%}.settings-section,.tutorial-item{padding:12px}.profile-avatar-large{font-size:3.5rem;height:80px;width:80px}.avatar-grid{gap:6px;grid-template-columns:repeat(5,1fr);max-height:220px}.avatar-option{font-size:1.4rem;height:45px;width:45px}.profile-modal{padding:25px 20px}.modal-title{font-size:1.6rem;margin-bottom:20px}.profile-edit-section{gap:15px}.controls-info{font-size:.8rem;margin-bottom:10px;padding:10px}.mobile-controls{padding:10px 15px 15px}.touch-btn,.touch-dpad .touch-down,.touch-dpad .touch-left,.touch-dpad .touch-right{border-width:2.5px;font-size:1.8rem;height:70px;width:70px}.touch-dpad{gap:6px;grid-template-columns:repeat(3,70px);grid-template-rows:repeat(2,70px)}.touch-rotate{font-size:2.5rem;height:60px;width:220px}.touch-drop,.touch-hold{font-size:1.2rem;height:70px;width:100px}.touch-pause{font-size:1.8rem;height:60px;width:100px}.pause-overlay{padding:20px}.pause-menu h2{font-size:1.5rem}}@media (max-width:480px){.drift-racer{padding-bottom:200px}.game-container{transform:scale(.7)}.stats-container{flex-direction:row;overflow-x:auto}.brand-title{font-size:1.5rem}.touch-btn,.touch-dpad .touch-down,.touch-dpad .touch-left,.touch-dpad .touch-right{border-width:2px;font-size:1.5rem;height:60px;width:60px}.touch-dpad{gap:5px;grid-template-columns:repeat(3,60px);grid-template-rows:repeat(2,60px)}.touch-rotate{font-size:2.2rem;height:55px;width:187px}.touch-drop,.touch-hold{font-size:1rem;height:60px;width:85px}.touch-pause{font-size:1.6rem;height:55px;width:85px}.mobile-controls{padding:8px 10px 12px}}@media (min-width:769px) and (max-width:1024px){.drift-racer{padding-bottom:250px}.game-container{transform:scale(.95)}.touch-btn,.touch-dpad .touch-down,.touch-dpad .touch-left,.touch-dpad .touch-right{font-size:2.2rem;height:85px;width:85px}.touch-dpad{gap:10px;grid-template-columns:repeat(3,85px);grid-template-rows:repeat(2,85px)}.touch-rotate{font-size:3rem;height:75px;width:270px}.touch-drop,.touch-hold{font-size:1.4rem;height:85px;width:125px}.touch-pause{font-size:2.2rem;height:75px;width:125px}.mobile-controls{padding:15px 25px 25px}.pause-menu h2{font-size:1.5rem}}@media (max-width:480px){.game-container{transform:scale(.7)}.stats-container{flex-direction:row;overflow-x:auto}.brand-title{font-size:1.5rem}.touch-btn,.touch-dpad .touch-down,.touch-dpad .touch-left,.touch-dpad .touch-right{font-size:1.5rem;height:60px;width:60px}.touch-dpad{grid-template-columns:repeat(3,60px);grid-template-rows:repeat(2,60px)}.touch-drop,.touch-hold{font-size:1rem;height:60px;width:85px}}
/*# sourceMappingURL=main.395ec58c.css.map*/