@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Orbitron:wght@400;500;600;700;800;900&display=swap";:root{--bg-primary: #0a0a1a;--bg-secondary: #0f0f2a;--bg-tertiary: #151535;--bg-card: rgba(15, 15, 42, .85);--bg-glass: rgba(15, 15, 42, .6);--text-primary: #e8e8f0;--text-secondary: #a0a0b8;--text-muted: #606078;--neon-cyan: #00f5ff;--neon-magenta: #ff00e5;--neon-purple: #8b5cf6;--neon-green: #00ff88;--neon-yellow: #ffd700;--neon-orange: #ff6b35;--neon-red: #ff3366;--gradient-primary: linear-gradient(135deg, #00f5ff, #8b5cf6);--gradient-secondary: linear-gradient(135deg, #ff00e5, #ff6b35);--gradient-accent: linear-gradient(135deg, #00ff88, #00f5ff);--border-color: rgba(139, 92, 246, .2);--border-glow: rgba(0, 245, 255, .3);--font-ui: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Orbitron", monospace}body.frexland-theme{--bg-primary: #120024;--bg-secondary: #1a052e;--bg-tertiary: #2a0845;--bg-card: rgba(26, 5, 46, .85);--bg-glass: rgba(26, 5, 46, .6);--neon-cyan: #ff8c00;--neon-magenta: #9400d3;--neon-purple: #39ff14;--gradient-primary: linear-gradient(135deg, #ff8c00, #9400d3);--gradient-secondary: linear-gradient(135deg, #9400d3, #39ff14);--gradient-accent: linear-gradient(135deg, #39ff14, #ff8c00);--border-color: rgba(148, 0, 211, .4);--border-glow: rgba(255, 140, 0, .3)}:root{--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-neon-cyan: 0 0 20px rgba(0, 245, 255, .3), 0 0 40px rgba(0, 245, 255, .1);--shadow-neon-magenta: 0 0 20px rgba(255, 0, 229, .3), 0 0 40px rgba(255, 0, 229, .1);--shadow-neon-purple: 0 0 20px rgba(139, 92, 246, .3), 0 0 40px rgba(139, 92, 246, .1);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-ui);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.6}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 600px 600px at 20% 20%,rgba(139,92,246,.08),transparent),radial-gradient(ellipse 500px 500px at 80% 80%,rgba(0,245,255,.06),transparent),radial-gradient(ellipse 400px 400px at 50% 50%,rgba(255,0,229,.04),transparent);pointer-events:none;z-index:0;animation:bgPulse 8s ease-in-out infinite alternate}@keyframes bgPulse{0%{opacity:.6}to{opacity:1}}#app{position:relative;z-index:1;min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--neon-purple);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--neon-cyan)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}a{color:var(--neon-cyan);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--neon-magenta)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:12px 24px;border:none;border-radius:var(--radius-md);font-family:var(--font-ui);font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;white-space:nowrap}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity var(--transition-fast)}.btn:hover:before{opacity:1}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-neon-cyan)}.btn-primary:hover{box-shadow:0 0 30px #00f5ff80,0 0 60px #00f5ff33;transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-glow)}.btn-secondary:hover{border-color:var(--neon-cyan);box-shadow:var(--shadow-neon-cyan);transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#f36,#ff6b35);color:#fff}.btn-google{background:#1a1a2e;color:var(--text-primary);border:1px solid rgba(255,255,255,.15);gap:var(--space-md)}.btn-google:hover{border-color:#ffffff4d;background:#22223a}.btn-metamask{background:linear-gradient(135deg,#f6851b,#e2761b);color:#fff;gap:var(--space-md)}.btn-metamask:hover{box-shadow:0 0 20px #f6851b66;transform:translateY(-2px)}.btn-full{width:100%}.btn-sm{padding:8px 16px;font-size:.85rem}.btn-lg{padding:16px 32px;font-size:1.1rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.input-group{display:flex;flex-direction:column;gap:var(--space-xs)}.input-group label{font-size:.85rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.input-field{padding:12px 16px;background:#0a0a1acc;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-ui);font-size:.95rem;transition:all var(--transition-normal);outline:none}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--neon-cyan);box-shadow:0 0 0 3px #00f5ff1a,var(--shadow-neon-cyan)}.input-field:hover{border-color:#8b5cf666}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all var(--transition-normal)}.card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-md)}.card-glass{background:var(--bg-glass);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--space-lg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-success{background:#00ff8826;color:var(--neon-green);border:1px solid rgba(0,255,136,.3)}.badge-warning{background:#ffd70026;color:var(--neon-yellow);border:1px solid rgba(255,215,0,.3)}.badge-danger{background:#ff336626;color:var(--neon-red);border:1px solid rgba(255,51,102,.3)}.divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-lg) 0;color:var(--text-muted);font-size:.85rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.spinner{width:24px;height:24px;border:3px solid rgba(0,245,255,.2);border-top-color:var(--neon-cyan);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a1ae6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);z-index:9999}.loading-overlay .spinner{width:48px;height:48px;border-width:4px}.toast-container{position:fixed;top:var(--space-lg);right:var(--space-lg);z-index:10000;display:flex;flex-direction:column;gap:var(--space-sm)}.toast{padding:14px 20px;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:toastIn .3s ease,toastOut .3s ease 3.7s forwards;max-width:380px;border:1px solid}.toast-success{background:#00ff881f;color:var(--neon-green);border-color:#00ff884d}.toast-error{background:#ff33661f;color:var(--neon-red);border-color:#ff33664d}.toast-info{background:#00f5ff1f;color:var(--neon-cyan);border-color:#00f5ff4d}@keyframes toastIn{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastOut{0%{transform:translate(0);opacity:1}to{transform:translate(100px);opacity:0}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-2xl);max-width:440px;width:90%;animation:modalIn .3s ease;position:relative}.modal-close{position:absolute;top:var(--space-md);right:var(--space-md);width:32px;height:32px;border:none;background:#ffffff0d;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all var(--transition-fast)}.modal-close:hover{background:#f363;color:var(--neon-red)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.code-input-group{display:flex;gap:var(--space-sm);justify-content:center}.code-digit{width:50px;height:60px;text-align:center;font-size:1.5rem;font-weight:700;font-family:var(--font-display);background:#0a0a1acc;border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--neon-cyan);outline:none;transition:all var(--transition-normal)}.code-digit:focus{border-color:var(--neon-cyan);box-shadow:var(--shadow-neon-cyan)}.text-center{text-align:center}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-glow{text-shadow:0 0 10px rgba(0,245,255,.5)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.hidden{display:none!important}@keyframes neonPulse{0%,to{box-shadow:0 0 5px #00f5ff4d,0 0 10px #00f5ff1a}50%{box-shadow:0 0 15px #00f5ff80,0 0 30px #00f5ff33}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.prize-grid{grid-template-columns:repeat(3,1fr)}@media(max-width:600px){.prize-grid{grid-template-columns:1fr 1fr}.prize-grid .prize-card:first-child{grid-column:span 2}}@media(max-width:768px){:root{--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px}h1{font-size:1.5rem}h2{font-size:1.25rem}.toast-container{left:var(--space-md);right:var(--space-md)}.toast{max-width:100%}}.dropdown-item{display:block;padding:10px 15px;color:var(--text-primary);text-decoration:none;font-size:.9rem;transition:all var(--transition-fast)}.dropdown-item:hover{background:#1c1c2e;color:var(--neon-cyan)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);position:relative}.auth-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(139,92,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.03) 1px,transparent 1px);background-size:60px 60px;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{background-position:0 0}to{background-position:60px 60px}}.auth-container{width:100%;max-width:440px;position:relative;z-index:2}.auth-logo{text-align:center;margin-bottom:var(--space-2xl);animation:float 3s ease-in-out infinite}.auth-logo-icon{font-size:3rem;display:block;margin-bottom:var(--space-sm);filter:drop-shadow(0 0 20px rgba(0,245,255,.5))}.auth-logo-text{font-family:var(--font-display);font-size:2rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}.auth-logo-sub{font-size:.85rem;color:var(--text-muted);margin-top:var(--space-xs)}.auth-card{background:#0f0f2ae6;border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-2xl);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary)}.auth-tabs{display:flex;gap:4px;background:#0a0a1a80;border-radius:var(--radius-md);padding:4px;margin-bottom:var(--space-xl)}.auth-tab{flex:1;padding:10px;border:none;background:transparent;color:var(--text-muted);font-family:var(--font-ui);font-size:.9rem;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal)}.auth-tab.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-neon-cyan)}.auth-tab:not(.active):hover{color:var(--text-primary);background:#ffffff0d}.auth-form{display:flex;flex-direction:column;gap:var(--space-md)}.auth-form .input-group{animation:slideUp .3s ease both}.auth-form .input-group:nth-child(1){animation-delay:.05s}.auth-form .input-group:nth-child(2){animation-delay:.1s}.auth-form .input-group:nth-child(3){animation-delay:.15s}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.auth-social{display:flex;flex-direction:column;gap:var(--space-sm)}.auth-social .btn{font-size:.9rem;padding:14px 20px}.verify-modal-title{font-family:var(--font-display);font-size:1.3rem;text-align:center;margin-bottom:var(--space-sm)}.verify-modal-desc{text-align:center;color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--space-xl)}.verify-email-highlight{color:var(--neon-cyan);font-weight:600}.verify-actions{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-lg)}.verify-resend{background:none;border:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:color var(--transition-fast);font-family:var(--font-ui)}.verify-resend:hover{color:var(--neon-cyan)}@media(max-width:480px){.auth-card{padding:var(--space-lg)}.auth-logo-text{font-size:1.6rem}.code-digit{width:42px;height:50px;font-size:1.2rem}}.home-page{min-height:100vh;padding-top:70px}.home-content{max-width:1200px;margin:0 auto;padding:var(--space-lg);display:grid;grid-template-columns:1fr 320px;gap:var(--space-xl);align-items:start}.game-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.game-wrapper{position:relative;display:flex;flex-direction:row;align-items:flex-start;gap:var(--space-xl)}.game-canvas-container{position:relative;border:2px solid var(--border-glow);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-neon-cyan);background:#0006}#game-canvas{display:block}.game-canvas-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:var(--radius-md);box-shadow:inset 0 0 30px #00f5ff0d}.game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a1ae0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:10;gap:var(--space-lg);border-radius:var(--radius-md);animation:overlayFadeIn .3s ease}.game-overlay.hidden{display:none}.game-overlay-title{font-family:var(--font-display);font-size:1.8rem;text-align:center;letter-spacing:.05em;animation:float 3s ease-in-out infinite}.game-overlay-score{font-family:var(--font-display);font-size:1.2rem;color:var(--neon-yellow);text-shadow:0 0 12px rgba(255,215,0,.4)}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.game-info{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);width:100%;max-width:400px}.game-stat{text-align:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md);transition:border-color var(--transition-fast)}.game-stat:hover{border-color:var(--border-glow)}.game-stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.game-stat-value{font-family:var(--font-display);font-size:1.3rem;color:var(--neon-cyan);margin-top:4px;text-shadow:0 0 8px rgba(0,245,255,.3)}.game-layout{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:var(--space-xl);width:100%}.game-previews{display:flex;flex-direction:column;gap:var(--space-md)}.game-next,.game-hold{text-align:center}.game-preview-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin-bottom:var(--space-sm);display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.game-preview-label kbd{background:#ffffff14;border:1px solid rgba(255,255,255,.15);padding:1px 5px;border-radius:3px;font-family:var(--font-display);font-size:.6rem;color:var(--text-secondary)}#next-canvas,#hold-canvas{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#0000004d;transition:border-color var(--transition-fast)}#next-canvas:hover,#hold-canvas:hover{border-color:var(--border-glow)}.game-controls-hint{display:flex;gap:var(--space-lg);justify-content:center;flex-wrap:wrap}.game-controls-hint-mobile{display:none}.control-key{display:flex;align-items:center;gap:var(--space-xs);font-size:.8rem;color:var(--text-muted)}.control-key kbd{background:#ffffff14;border:1px solid rgba(255,255,255,.15);padding:3px 8px;border-radius:4px;font-family:var(--font-display);font-size:.7rem;color:var(--text-secondary)}.game-mobile-controls{display:none;gap:var(--space-sm);justify-content:center;margin-top:var(--space-md);flex-wrap:wrap}.mobile-btn{width:56px;height:56px;border:1px solid var(--border-glow);background:var(--bg-card);color:var(--neon-cyan);border-radius:var(--radius-md);font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.mobile-btn:active{background:#00f5ff33;transform:scale(.95);box-shadow:0 0 12px #00f5ff4d}@media(max-width:1024px){.home-content{grid-template-columns:1fr}}.game-mobile-overlay-left,.game-mobile-overlay-right{display:none}@media(max-width:768px){body{overflow-x:hidden}.home-page{padding-top:115px!important}.home-content{padding:var(--space-sm)!important;gap:8px!important;width:100%;max-width:100vw;box-sizing:border-box}.game-section{width:100%;margin:0!important;padding:0!important;box-sizing:border-box;gap:6px!important;display:flex!important;flex-direction:column!important;align-items:center!important}.game-info{margin-top:0!important;margin-bottom:0!important;width:100%!important;max-width:320px!important;gap:8px!important}.game-layout{flex-direction:column;align-items:center;gap:0!important;width:100%;flex:1;min-height:0}.game-overlay-title{font-size:1.3rem!important}.game-controls-hint{display:none!important}.game-controls-hint-mobile{display:flex!important;gap:4px!important;flex-wrap:wrap!important;justify-content:center!important;transform:scale(.7);margin-top:-10px!important}.game-wrapper{display:flex!important;flex-direction:row!important;align-items:flex-start!important;justify-content:center!important;width:100%!important;margin:0 auto!important;position:relative!important;gap:4px!important}.game-previews{display:flex!important;flex-direction:column!important;gap:8px!important;margin:0!important}.game-next,.game-hold{display:flex!important;flex-direction:column!important;align-items:center!important;background:#0a0a1abf!important;border:1px solid rgba(0,245,255,.45)!important;border-radius:var(--radius-md)!important;padding:4px!important;box-shadow:0 0 10px #00f5ff33!important}.game-preview-label{font-size:.55rem!important;margin-bottom:2px!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:var(--text-secondary)!important;font-weight:700!important}#next-canvas,#hold-canvas{width:44px!important;height:44px!important;background:#00000080!important}#game-canvas{max-height:50vh;width:auto!important;aspect-ratio:10 / 20;margin:0 auto;display:block}.game-canvas-container{max-width:100%;margin:0 auto;display:flex!important;width:fit-content!important;position:relative!important}.game-mobile-controls{display:none!important}.game-mobile-controls-block{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:100%!important;max-width:380px!important;margin:8px auto 0!important;padding:0 10px!important;box-sizing:border-box!important;flex-shrink:0!important}.mobile-ctrl-group-left{display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important}.mobile-ctrl-group-right{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important}.mobile-action-stack{display:flex;flex-direction:column;gap:4px;align-items:center}.mobile-btn-overlay{width:48px;height:48px;border:2px solid rgba(0,245,255,.45);background:#0a0a1a8c;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:var(--neon-cyan);border-radius:var(--radius-full);font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;box-shadow:0 0 10px #00f5ff33}.mobile-btn-overlay:active{background:#00f5ff66;transform:scale(.9);box-shadow:0 0 20px #00f5ffb3}#mb-left,#mb-right{width:56px!important;height:56px!important;font-size:1.4rem!important}#mb-drop{margin-bottom:12px!important}.mobile-btn-sm{width:38px!important;height:38px!important;font-size:1rem!important}.mobile-btn-pause{width:36px!important;height:36px!important;font-size:.9rem!important;opacity:.7;border-color:#00f5ff4d!important;box-shadow:none!important}.game-stat{padding:var(--space-xs) var(--space-sm)!important}.game-stat-value{font-size:1.1rem!important;margin-top:2px!important}}@media(max-width:480px){.game-info{grid-template-columns:repeat(3,1fr);gap:6px!important}.mobile-btn-overlay{width:44px;height:44px;font-size:1.1rem}.mobile-btn-sm{width:34px!important;height:34px!important;font-size:.9rem!important}.mobile-btn-pause{width:32px!important;height:32px!important;font-size:.8rem!important}}.podium-container{display:flex;align-items:flex-end;justify-content:center;gap:var(--space-md);width:100%;max-width:600px;margin:var(--space-lg) auto 0 auto;min-height:280px}.podium-col{display:flex;flex-direction:column;align-items:center;flex:1;text-align:center}.podium-avatar-wrapper{position:relative;margin-bottom:var(--space-xs)}.podium-medal{position:absolute;top:-12px;right:-12px;font-size:1.5rem;z-index:2;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.podium-avatar{width:64px;height:64px;border-radius:50%;border:2px solid var(--border-color);background:var(--bg-card);object-fit:cover;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),border-color var(--transition-fast)}.podium-username{font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:120px}.podium-score{font-size:.75rem;color:var(--text-secondary);font-family:var(--font-display);margin-bottom:var(--space-sm)}.podium-step-body{width:100%;background:linear-gradient(180deg,#ffffff0d,#ffffff03);border:1.5px solid var(--border-color);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all var(--transition-slow)}.podium-step-num{font-family:var(--font-display);font-size:2.5rem;font-weight:900;color:#ffffff14;-webkit-user-select:none;user-select:none}.podium-step-1 .podium-avatar{width:80px;height:80px;border-color:var(--neon-yellow);box-shadow:0 0 15px #ffd7004d}.podium-step-1 .podium-step-body{background:linear-gradient(180deg,#ffd7001a,#ffd70003);border-color:#ffd7004d}.podium-step-1 .podium-step-num{color:#ffd70026}.podium-step-2 .podium-avatar{border-color:var(--neon-cyan);box-shadow:0 0 12px #00f5ff40}.podium-step-2 .podium-step-body{background:linear-gradient(180deg,#00f5ff14,#00f5ff03);border-color:#00f5ff40}.podium-step-2 .podium-step-num{color:#00f5ff1f}.podium-step-3 .podium-avatar{border-color:var(--neon-magenta);box-shadow:0 0 12px #ff00e540}.podium-step-3 .podium-step-body{background:linear-gradient(180deg,#ff00e514,#ff00e503);border-color:#ff00e540}.podium-step-3 .podium-step-num{color:#ff00e51f}@keyframes riseUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.podium-step-1 .podium-step-body{animation:riseUp .8s cubic-bezier(.175,.885,.32,1.275) both;animation-delay:.1s}.podium-step-2 .podium-step-body{animation:riseUp .8s cubic-bezier(.175,.885,.32,1.275) both;animation-delay:.3s}.podium-step-3 .podium-step-body{animation:riseUp .8s cubic-bezier(.175,.885,.32,1.275) both;animation-delay:.5s}@keyframes bounceSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.podium-step-1 .podium-avatar-wrapper{animation:bounceSlow 3s ease-in-out infinite}.podium-step-2 .podium-avatar-wrapper{animation:bounceSlow 3.2s ease-in-out infinite}.podium-step-3 .podium-avatar-wrapper{animation:bounceSlow 3.4s ease-in-out infinite}@media(min-width:769px){#btn-fullscreen,#game-header-buttons{display:none!important}}.game-mobile-controls-block{display:none}#game-area-wrapper.fullscreen-mode{background:var(--bg-primary)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100vw!important;height:100vh!important;padding:var(--space-lg)!important;box-sizing:border-box!important}#game-area-wrapper.fullscreen-mode .game-section{max-height:90vh!important;justify-content:center}#game-area-wrapper.fullscreen-mode #game-canvas{max-height:70vh!important}#game-area-wrapper.fullscreen-mode .game-layout{gap:var(--space-2xl)!important}@media(max-width:768px){#game-area-wrapper.fullscreen-mode{position:fixed!important;top:0!important;left:0!important;z-index:9999!important;background:var(--bg-primary)!important;padding:10px!important;height:100vh!important;height:100dvh!important;width:100vw!important;box-sizing:border-box!important;justify-content:flex-start!important}#game-area-wrapper.fullscreen-mode .game-section{height:100%!important;max-height:100%!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;gap:6px!important}#game-area-wrapper.fullscreen-mode .game-info{margin-bottom:0!important;margin-top:0!important;flex-shrink:0!important}#game-area-wrapper.fullscreen-mode .game-layout{flex:1!important;min-height:0!important;gap:0!important}#game-area-wrapper.fullscreen-mode #game-canvas{max-height:calc(100dvh - 160px)!important;height:100%;width:auto!important;aspect-ratio:10 / 20}#game-area-wrapper.fullscreen-mode .game-mobile-controls-block{margin-top:6px!important;flex-shrink:0!important}#game-area-wrapper.fullscreen-mode .game-wrapper{width:fit-content!important;margin:0 auto!important;position:relative!important}#game-area-wrapper.fullscreen-mode .game-previews{display:contents!important}#game-area-wrapper.fullscreen-mode .game-hold,#game-area-wrapper.fullscreen-mode .game-next{position:absolute!important;top:14px!important;z-index:20!important;pointer-events:none!important}#game-area-wrapper.fullscreen-mode .game-hold{left:14px!important}#game-area-wrapper.fullscreen-mode .game-next{right:14px!important}}.mobile-btn-rotate{width:62px!important;height:62px!important;font-size:1.5rem!important;background:#00f5ff1f!important;border-color:#00f5ffbf!important;box-shadow:0 0 16px #00f5ff66!important}.mobile-btn-rotate:active{background:#00f5ff59!important;transform:scale(.9)!important;box-shadow:0 0 24px #00f5ffb3!important}@media(max-width:480px){.mobile-btn-rotate{width:54px!important;height:54px!important;font-size:1.3rem!important}}@media(max-width:600px){.podium-container{gap:16px;max-width:100%;padding:0 10px;flex-wrap:wrap;align-items:flex-end;justify-content:center}.podium-step-1{order:-1;width:100%;margin-bottom:20px}.podium-step-2{order:1;width:45%}.podium-step-3{order:2;width:45%}.podium-avatar{width:56px;height:56px}.podium-username{max-width:100px;font-size:.8rem}.podium-score{font-size:.75rem}}.wallet-page{min-height:100vh;padding-top:70px}.wallet-content{max-width:800px;margin:0 auto;padding:var(--space-lg)}.wallet-header{text-align:center;margin-bottom:var(--space-2xl)}.wallet-header h1{font-size:1.8rem;margin-bottom:var(--space-sm)}.wallet-address-display{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:10px 20px;margin-top:var(--space-md);display:inline-flex}.wallet-address-text{font-family:monospace;font-size:.85rem;color:var(--neon-cyan)}.wallet-copy-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;transition:color var(--transition-fast)}.wallet-copy-btn:hover{color:var(--neon-cyan)}.wallet-connect-card{text-align:center;padding:var(--space-3xl)}.wallet-connect-icon{font-size:4rem;margin-bottom:var(--space-lg);filter:drop-shadow(0 0 20px rgba(246,133,27,.4))}.wallet-connect-card h2{margin-bottom:var(--space-sm)}.wallet-connect-card p{color:var(--text-secondary);margin-bottom:var(--space-xl)}.wallet-network-badge{display:inline-flex;align-items:center;gap:var(--space-xs);background:#8b5cf626;border:1px solid rgba(139,92,246,.3);padding:6px 14px;border-radius:var(--radius-full);font-size:.8rem;color:var(--neon-purple);margin-top:var(--space-md)}.tokens-grid{display:grid;grid-template-columns:1fr;gap:var(--space-sm);margin-top:var(--space-lg)}.token-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-normal)}.token-card:hover{border-color:var(--border-glow);transform:translate(4px)}.token-icon{font-size:1.8rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:var(--radius-md)}.token-info{flex:1}.token-name{font-weight:600;font-size:.95rem}.token-symbol{font-size:.8rem;color:var(--text-muted)}.token-balance{text-align:right}.token-balance-value{font-family:var(--font-display);font-size:1.1rem;color:var(--neon-cyan)}.token-balance-zero{color:var(--text-muted)}.tokens-loading{text-align:center;padding:var(--space-2xl);color:var(--text-muted)}.navbar{position:fixed;top:0;left:0;right:0;height:64px;background:#0a0a1ae6;border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;display:flex;align-items:center;padding:0 var(--space-lg)}.navbar-inner{max-width:1200px;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.navbar-logo{font-family:var(--font-display);font-size:1.2rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;cursor:pointer;display:flex;align-items:center;gap:var(--space-sm)}.navbar-logo-icon{-webkit-text-fill-color:initial;font-size:1.4rem;filter:drop-shadow(0 0 8px rgba(0,245,255,.5))}.navbar-nav{display:flex;align-items:center;gap:var(--space-md)}.navbar-link{color:var(--text-secondary);font-size:.9rem;font-weight:500;padding:8px 12px;border-radius:var(--radius-sm);transition:all var(--transition-fast);cursor:pointer;border:none;background:none;font-family:var(--font-ui)}.navbar-link:hover,.navbar-link.active{color:var(--neon-cyan);background:#00f5ff14}.navbar-user{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;transition:opacity var(--transition-fast)}.navbar-user:hover{opacity:.8}.navbar-avatar{width:32px;height:32px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;border:2px solid var(--neon-purple)}.navbar-username{font-size:.85rem;font-weight:500;color:var(--text-primary)}.navbar-logout{color:var(--text-muted);font-size:.85rem;cursor:pointer;border:none;background:none;font-family:var(--font-ui);padding:6px 10px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.navbar-logout:hover{color:var(--neon-red);background:#ff33661a}.leaderboard-section{position:sticky;top:80px}.leaderboard-card{max-height:calc(100vh - 100px);overflow-y:auto}.leaderboard-title{font-family:var(--font-display);font-size:1rem;margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.leaderboard-list{display:flex;flex-direction:column;gap:6px}.leaderboard-item{display:flex;align-items:center;gap:var(--space-sm);padding:8px 12px;background:#ffffff05;border-radius:var(--radius-sm);transition:all var(--transition-fast);font-size:.85rem}.leaderboard-item:hover{background:#00f5ff0d}.leaderboard-item.current-user{border:1px solid rgba(0,245,255,.2);background:#00f5ff0d}.leaderboard-rank{font-family:var(--font-display);font-size:.75rem;width:28px;text-align:center;color:var(--text-muted)}.leaderboard-rank.top-1{color:var(--neon-yellow);text-shadow:0 0 8px rgba(255,215,0,.5)}.leaderboard-rank.top-2{color:silver}.leaderboard-rank.top-3{color:#cd7f32}.leaderboard-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-score{font-family:var(--font-display);font-size:.8rem;color:var(--neon-cyan)}.leaderboard-empty{text-align:center;color:var(--text-muted);font-size:.85rem;padding:var(--space-lg)}.navbar-wallet-info{display:flex;align-items:center;gap:6px;margin-left:4px;margin-right:4px}.navbar-network-badge{font-size:.7rem;font-weight:600;color:var(--neon-cyan);background:#00f5ff14;border:1px solid rgba(0,245,255,.25);padding:3px 8px;border-radius:var(--radius-full);white-space:nowrap}.navbar-usdc-badge{font-size:.7rem;font-weight:600;color:var(--neon-green, #39ff14);background:#39ff1414;border:1px solid rgba(57,255,20,.25);padding:3px 8px;border-radius:var(--radius-full);white-space:nowrap;font-family:var(--font-display)}@media(max-width:768px){.wallet-page{padding-top:115px!important}.navbar{height:auto;padding:12px 10px;flex-direction:column;align-items:stretch}.navbar-inner{flex-direction:column;gap:12px!important}.navbar-nav{flex-wrap:wrap;justify-content:center;gap:10px;width:100%}.navbar-username{display:none}.navbar-wallet-info{width:100%;justify-content:center;gap:8px;order:3}#nav-profile-trigger{margin-left:0}.navbar-network-badge,.navbar-usdc-badge{font-size:.65rem;padding:3px 8px}.wallet-address-text{font-size:.75rem;word-break:break-all;max-width:240px;display:inline-block}}@media(max-width:400px){.navbar-network-badge{display:none}.wallet-address-text{max-width:180px}.navbar-nav{flex-wrap:nowrap!important;gap:4px!important;justify-content:space-between!important}.navbar-link{padding:6px 8px!important;font-size:.8rem!important}}.wallet-option-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-md);background:#0a0a1a80;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal);text-align:left;outline:none}.wallet-option-item:hover{border-color:var(--neon-cyan);background:#00f5ff14;box-shadow:0 0 15px #00f5ff26;transform:translateY(-2px)}.wallet-option-info{display:flex;align-items:center;gap:var(--space-md)}.wallet-option-icon{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:var(--radius-md);transition:transform var(--transition-fast)}.wallet-option-item:hover .wallet-option-icon{transform:scale(1.1)}.wallet-option-text{display:flex;flex-direction:column}.wallet-option-name{font-family:var(--font-ui);font-weight:600;font-size:1rem}.wallet-option-desc{font-size:.75rem;color:var(--text-muted)}.wallet-option-arrow{font-size:.8rem;color:var(--text-muted);transition:color var(--transition-fast),transform var(--transition-fast)}.wallet-option-item:hover .wallet-option-arrow{color:var(--neon-cyan);transform:translate(2px)}