:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0f0f23;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .375vw, 1rem);--text-base: clamp(1rem, .9rem + .5vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .625vw, 1.25rem);--text-xl: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.3rem + 1vw, 2rem);--text-3xl: clamp(2rem, 1.8rem + 1.25vw, 2.5rem);--spacing-xs: clamp(.25rem, .2rem + .25vw, .5rem);--spacing-sm: clamp(.5rem, .4rem + .5vw, .75rem);--spacing-md: clamp(.75rem, .6rem + .75vw, 1rem);--spacing-lg: clamp(1rem, .8rem + 1vw, 1.5rem);--spacing-xl: clamp(1.5rem, 1.2rem + 1.5vw, 2rem);--spacing-2xl: clamp(2rem, 1.6rem + 2vw, 3rem);--button-height-sm: clamp(2rem, 1.8rem + 1vw, 2.5rem);--button-height-md: clamp(2.5rem, 2.2rem + 1.5vw, 3rem);--button-height-lg: clamp(3rem, 2.6rem + 2vw, 3.5rem);--mobile: 480px;--tablet: 768px;--desktop: 1024px;--wide: 1280px}*{box-sizing:border-box}body{margin:0;padding:0;min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);color:#fff;font-size:var(--text-base);line-height:1.6}#root{min-height:100vh}.container{width:100%;max-width:100%;margin:0 auto;padding:0 var(--spacing-md)}@media (min-width: 768px){.container{max-width:768px;padding:0 var(--spacing-lg)}}@media (min-width: 1024px){.container{max-width:1024px;padding:0 var(--spacing-xl)}}@media (min-width: 1280px){.container{max-width:1280px;padding:0 var(--spacing-2xl)}}h1{font-size:var(--text-3xl);font-weight:700;line-height:1.2;margin:0 0 var(--spacing-lg) 0}h2{font-size:var(--text-2xl);font-weight:600;line-height:1.3;margin:0 0 var(--spacing-md) 0}h3{font-size:var(--text-xl);font-weight:600;line-height:1.4;margin:0 0 var(--spacing-sm) 0}h4{font-size:var(--text-lg);font-weight:500;line-height:1.4;margin:0 0 var(--spacing-sm) 0}p{font-size:var(--text-base);line-height:1.6;margin:0 0 var(--spacing-md) 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);border:none;border-radius:8px;font-family:inherit;font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn-sm{height:var(--button-height-sm);padding:0 var(--spacing-sm);font-size:var(--text-sm)}.btn-md{height:var(--button-height-md);padding:0 var(--spacing-md);font-size:var(--text-base)}.btn-lg{height:var(--button-height-lg);padding:0 var(--spacing-lg);font-size:var(--text-lg)}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 2px 8px #6366f14d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#fff3}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.btn-success:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.grid{display:grid;gap:var(--spacing-md)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\:grid-cols-5{grid-template-columns:repeat(5,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.px-xs{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.px-xl{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.py-xs{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.py-xl{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.mx-auto{margin-left:auto;margin-right:auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4f46e5,#3730a3)}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}@keyframes planeFly{0%{transform:translate(-50px) rotate(-5deg)}50%{transform:translate(0) rotate(0)}to{transform:translate(50px) rotate(5deg)}}@keyframes multiplierGlow{0%,to{text-shadow:0 0 20px currentColor}50%{text-shadow:0 0 40px currentColor,0 0 60px currentColor}}@keyframes cashOutPulse{0%,to{transform:scale(1);box-shadow:0 0 20px #fbbf2480}50%{transform:scale(1.05);box-shadow:0 0 40px #fbbf24cc}}@keyframes winCelebration{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(5deg)}50%{transform:scale(1.2) rotate(-5deg)}75%{transform:scale(1.1) rotate(5deg)}to{transform:scale(1) rotate(0)}}@keyframes crashShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.plane-flying{animation:planeFly 2s ease-in-out infinite}.multiplier-glow{animation:multiplierGlow 1s ease-in-out infinite}.cash-out-pulse{animation:cashOutPulse 1s ease-in-out infinite}.win-celebration{animation:winCelebration .6s ease-in-out}.crash-shake{animation:crashShake .5s ease-in-out}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #6366f1;outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.fade-in{animation:fadeIn .5s ease-out}.slide-in{animation:slideIn .3s ease-out}.slide-in-right{animation:slideInRight .3s ease-out}.pulse{animation:pulse 2s ease-in-out infinite}.bounce{animation:bounce 1s ease-in-out}@media (max-width: 767px){.mobile-hidden{display:none!important}.mobile-full-width{width:100%!important}.mobile-text-center{text-align:center!important}}@media (min-width: 768px){.desktop-hidden{display:none!important}}@media (max-width: 767px){button,.btn,a[role=button]{min-height:44px;min-width:44px}input,select,textarea{min-height:44px;font-size:16px}}.admin-login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.admin-login-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;padding:40px;width:100%;max-width:450px}.admin-login-header{text-align:center;margin-bottom:30px}.admin-login-header h1{color:#333;font-size:28px;margin-bottom:10px;font-weight:700}.admin-login-header p{color:#666;font-size:16px}.admin-login-form{display:flex;flex-direction:column;gap:20px}.admin-login-form .form-group{display:flex;flex-direction:column;gap:8px}.admin-login-form label{font-weight:600;color:#555;font-size:14px}.admin-login-form input{padding:14px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:border-color .3s ease}.admin-login-form input:focus{outline:none;border-color:#667eea}.admin-login-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:16px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease;margin-top:10px}.admin-login-button:hover:not(:disabled){transform:translateY(-2px)}.admin-login-button:disabled{opacity:.7;cursor:not-allowed}.admin-login-footer{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid #e1e5e9}.admin-login-footer p{color:#666;font-size:14px}.error-message{background:#fee;color:#c53030;padding:12px 16px;border-radius:8px;margin-bottom:20px;border:1px solid #feb2b2;font-size:14px}.admin-loading{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.loading-spinner{color:#fff;font-size:18px;font-weight:500}@media (max-width: 768px){.desktop-only{display:none!important}button,.btn,a[role=button]{min-height:44px;min-width:44px}input,select,textarea{font-size:16px}*{-webkit-overflow-scrolling:touch}.mobile-padding{padding:16px}.mobile-margin{margin:16px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:1000}.mobile-modal{position:fixed;inset:0;z-index:2000}.mobile-game-container{height:100vh;overflow:hidden}.mobile-text-sm{font-size:11px}.mobile-text-base{font-size:13px}.mobile-text-lg{font-size:15px}.mobile-btn{padding:10px 14px;font-size:13px;border-radius:6px}.mobile-h1{font-size:24px;line-height:1.2}.mobile-h2{font-size:20px;line-height:1.3}.mobile-h3{font-size:18px;line-height:1.3}.mobile-h4{font-size:16px;line-height:1.4}.mobile-card{margin:8px;padding:16px;border-radius:12px}}@media (display-mode: standalone){body{-webkit-user-select:none;-webkit-touch-callout:none}.pwa-safe-area{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@media (hover: none) and (pointer: coarse){button:hover,.btn:hover,a:hover{transform:none;box-shadow:none}.touch-target{min-height:44px;min-width:44px;padding:8px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.retina-optimized{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-color-scheme: dark){.mobile-dark-optimized{background-color:#0f0f23;color:#fff}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}