a,a:visited,a:hover,a:active{color:inherit;text-decoration:none!important}:root{--glow-primary:#667eea66;--glow-secondary:#f093fb66;--color-phantom-black:#1c1c1c;--color-phantom-purple:#ab9ff2;--color-phantom-white:#fffdf8;--color-tradeleague-black:#1c1c1c;--color-tradeleague-blue:#1e90ff;--color-tradeleague-gray:#e6e6e6;--color-tradeleague-green:#27bc81;--color-tradeleague-white:#f8f8ff;--background:0 0% 95%;--foreground:222.2 84% 4.9%;--card:0 0% 90%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:222.2 47.4% 11.2%;--primary-foreground:210 40% 98%;--secondary:210 40% 96%;--secondary-foreground:222.2 84% 4.9%;--muted:210 40% 96%;--muted-foreground:215.4 16.3% 46.9%;--accent:210 40% 96%;--accent-foreground:222.2 84% 4.9%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:213.8 31.4% 80%;--input:214.3 31.8% 91.4%;--ring:222.2 84% 4.9%;--radius:.375rem;--font-family-exo2:"Exo2",sans-serif;--font-family-montserrat:"Montserrat",sans-serif;--font-family-roboto:"Roboto",sans-serif;--glass-bg-primary:#ffffff1a;--glass-bg-secondary:#ffffff0d;--glass-bg-tertiary:#ffffff05;--glass-border-primary:#d3181833;--glass-border-secondary:#ffffff1a;--glass-border-tertiary:#ffffff0d;--glass-blur-primary:blur(20px);--glass-blur-secondary:blur(16px);--glass-blur-tertiary:blur(12px);--brand-gradient-primary:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--brand-gradient-secondary:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);--brand-gradient-accent:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);--brand-gradient-success:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%);--brand-gradient-warning:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);--bg-gradient-landing:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#0f172a 100%);--bg-gradient-dashboard:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 50%,#cbd5e1 100%);--bg-trade:#0f172a;--shadow-glassmorphic-light:0 8px 32px #0000001a,inset 0 1px 0 #fff3;--shadow-glassmorphic-medium:0 12px 40px #00000026,inset 0 1px 0 #fff3;--shadow-glassmorphic-heavy:0 20px 60px #0003,inset 0 1px 0 #fff3;--shadow-hover:var(--shadow-hover);--transition-smooth:all .4s cubic-bezier(.4,0,.2,1);--glass-bg:var(--glass-bg-primary);--glass-border:var(--glass-border-primary);--gradient-primary:var(--brand-gradient-primary);--gradient-secondary:var(--brand-gradient-secondary);--gradient-accent:var(--brand-gradient-accent);--gradient-success:var(--brand-gradient-success);--gradient-warning:var(--brand-gradient-warning);--shadow-glassmorphic:var(--shadow-glassmorphic-light);--tw-border-opacity:1;--trophy:45.4,93.4%,47.5%}.dark{--background:217.2 32.6 17.5;--foreground:210 40% 98%;--card:222.2 84% 4.9%;--card-foreground:210 40% 98%;--popover:222.2 84% 4.9%;--popover-foreground:210 40% 98%;--primary:210 40% 98%;--primary-foreground:222.2 47.4% 11.2%;--secondary:217.2 32.6% 17.5%;--secondary-foreground:210 40% 98%;--muted:217.2 32.6% 17.5%;--muted-foreground:215 20.2% 65.1%;--accent:217.2 32.6% 17.5%;--accent-foreground:210 40% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 40% 98%;--border:215.3 19.3% 34.5%;--input:217.2 32.6% 17.5%;--ring:212.7 26.8% 83.9%;--glass-border-primary:#fff3;--glass-bg:var(--glass-bg-primary);--glass-border:var(--glass-border-primary);--shadow-glassmorphic:var(--shadow-glassmorphic-light)}.w-full{width:100%}.h-full{height:100%}.min-h-full{min-height:100%}.h-viewport-minus-header{height:calc(100vh - 64px)}.h-upper-section{height:calc(60% - 6px)}.h-lower-section{height:calc(40% - 6px)}.w-quarter{width:25%}.flex-1{flex:1}.flex-col{flex-direction:column}.min-h-screen{min-height:100vh}.bg-background{background-color:hsl(var(--background))}.text-foreground{color:hsl(var(--foreground))}.pr-3{padding-right:.75rem}.pb-0{padding-bottom:0}.pb-3{padding-bottom:.75rem}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background-color:var(--bg-trade);min-height:100vh;overflow:auto}body{text-align:center;background-color:hsl(var(--background));color:hsl(var(--foreground));width:100%;min-width:20rem;height:100vh;margin:0;padding:0;font-family:Exo2,sans-serif;line-height:1.5;transition:background-color,color;container:body/inline-size}header{z-index:50;background-color:#e6e6e6;border-bottom:1px solid #bccadc;grid-area:header;justify-content:space-between;align-items:center;width:100%;min-width:100%;height:4rem;padding:0 1.5rem;display:flex;position:sticky;top:0}.dark header{background-color:#0f172a;border-bottom:1px solid #475569}.header-left{flex-direction:row;flex-shrink:0;align-items:center;gap:.5rem;display:flex}.header-nav{flex:1;justify-content:center;display:flex}.header-right{flex-direction:row;flex-shrink:0;align-items:center;gap:1rem;display:flex;position:relative}.header-info-icon,.header-menu-button{background-color:inherit;border-radius:var(--radius);color:hsl(var(--foreground));cursor:pointer;border:none;justify-content:center;align-items:center;width:2rem;height:2rem;padding:.5rem;transition:background-color .2s;display:inline-flex;position:relative}.header-info-icon{cursor:pointer;padding:.25rem}.dark .header-info-icon,.dark .header-info-icon{border:1px solid #475569}.header-info-icon:hover,.header-menu-button:hover{background-color:hsl(var(--accent));background-color:var(--muted);border-color:hsl(var(--accent-foreground)/.2);transform:scale(1.125)}.header-info-icon svg,.header-menu-button svg{width:1rem;height:1rem;color:var(--foreground);pointer-events:none;transition:color .2s}.ref-prize-pool-competition-name{border-bottom:1px solid #bccadc;flex-shrink:0;justify-content:center;align-items:center;padding:.75rem;display:flex}.dark .ref-prize-pool-competition-name{border-bottom:1px solid #475569}.ref-prize-pool-amount{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:.75rem;display:flex}.ref-prize-pool-bottom{flex-direction:column;flex-shrink:0;gap:.5rem;padding:.75rem;display:flex}.ref-prize-pool-bottom>div{padding:.25rem 0}.ref-prize-pool-bottom>div:nth-of-type(2){padding-top:0}@media (max-height:700px){.ref-prize-pool-competition-name,.ref-prize-pool-amount{padding:.5rem}.ref-prize-pool-amount .text-5xl{font-size:2.5rem!important}.ref-prize-pool-bottom{gap:.25rem;padding:.5rem}}@media (max-width:767px){.dashboard-prizepool{min-height:auto}.ref-card.h-full{min-height:300px;height:auto!important}}.ref-border-color{border-color:hsl(var(--border))}.ref-tabs-list{background-color:var(--accent);align-items:center;padding:.125rem;display:flex}.ref-tab-trigger{cursor:pointer;color:var(--foreground);background:0 0;border:none;padding:.25rem .5rem;font-size:.75rem;transition:background-color .2s}.ref-tab-trigger:hover{background-color:var(--accent)}.ref-tab-trigger.active{background-color:hsla(var(--accent)/.2);color:var(--color-tradeleague-green);border-bottom:2px solid var(--color-tradeleague-green);font-weight:600;box-shadow:0 1px 3px #0000001a}.ref-tab-trigger.active:hover{background-color:hsla(var(--accent)/.3)}.header-menu-dropdown{padding:.25rem;line-height:normal;display:inline-block;position:relative}.header-menu-dropdown svg{width:1rem;height:1rem;color:var(--muted-foreground);transition:color .2s}.header-menu-dropdown:hover svg{color:var(--foreground)}.header-dropdown-menu{background-color:var(--popover);border:1px solid hsl(var(--border));border-radius:var(--radius);min-width:200px;box-shadow:var(--shadow-glassmorphic);z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1;visibility:visible;padding:.25rem;transition:opacity .2s,visibility .2s,transform .2s;position:absolute;top:calc(100% + .5rem);right:0}.dropdown-item{border-radius:calc(var(--radius) - 2px);transition:background-color .2s}.dark .dropdown-item{border-color:#475569}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:hsl(var(--accent))}.dropdown-item a{color:hsl(var(--foreground));font-size:.875rem;text-decoration:none;display:block}.hamburger{flex-direction:column;justify-content:space-between;width:16px;height:12px;display:flex;position:relative}.hamburger-line{background-color:hsl(var(--foreground));transform-origin:50%;width:100%;height:2px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.header-menu-button.active .hamburger-line:first-child{transform:rotate(45deg)translate(3px,3px)}.header-menu-button.active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.header-menu-button.active .hamburger-line:nth-child(3){transform:rotate(-45deg)translate(3px,-3px)}.horizontal-nav{width:100%;max-width:28rem}.nav-links{background-color:#e5e7eb;border-radius:.5rem;justify-content:center;gap:.25rem;padding:.25rem;display:flex}.dark .nav-links{background-color:#1f2937}.nav-link{color:#4b5563;border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s ease-in-out;display:flex}.dark .nav-link{color:#9ca3af}.nav-link:hover{color:#111827;background-color:#f3f4f6}.dark .nav-link:hover{color:#f9fafb;background-color:#374151}.nav-link.active{color:#059669;background-color:#fff;box-shadow:0 1px 2px #0000000d}.dark .nav-link.active{color:#34d399;background-color:#111827}.nav-text{display:none}@media (min-width:640px){.nav-text{display:inline}}.app-grid{grid-template:"header"4rem"main"1fr/1fr;gap:0;width:100vw;height:100vh;max-height:100vh;display:grid;overflow:hidden}main{background-color:#fff;grid-area:main;overflow-y:auto}.dark main{--tw-bg-opacity:1;background-color:#1e293b;border-color:#475569}.container{width:100%;margin:0 auto}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.pl-4{padding-left:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.mt-4{margin-top:1rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.font-bold{font-weight:700}.rounded-xl{border-radius:.75rem}.rounded-3xl{border-radius:1.5rem}.border{border-width:1px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.space-y-2>*+*{margin-top:.5rem}.text-center{text-align:center}.transition-all{transition:all .3s}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-yellow-500{color:#eab308}.dark .text-gray-600{color:#9ca3af}.dark .text-gray-700{color:#d1d5db}.dark .text-gray-900{color:#f9fafb}.bg-white{background-color:#fff}.bg-gray-200{background-color:#e5e7eb}.bg-gray-900{background-color:#111827}.dark .bg-white{background-color:#1f2937}.dark .bg-gray-200{background-color:#4b5563}.dark .bg-gray-900{background-color:#030712}.dark .bg-background{background-color:hsl(var(--background))}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.backdrop-blur-lg{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:scale-\[1\.02\]:hover{transform:scale(1.02)}.focus\:outline-none:focus{outline:none}.focus\:ring-2:focus{box-shadow:0 0 0 2px #9333ea80}.w-3{width:.75rem}.h-3{height:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-8{width:2rem}.h-8{height:2rem}.w-9{width:2.5rem}.h-9{height:2.5rem}.w-10{width:3rem}.h-10{height:3rem}.navicon{width:1rem;height:1rem;transition:fill .2s ease-in-out}.navicon:hover{fill:#f97316}.icon-social{color:#6b7280;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;width:1.25rem;height:1.25rem;padding:.125rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.dark .icon-social{color:#9ca3af;background:#0003;border-color:#ffffff1a}.icon-social:hover{cursor:pointer;color:#7c3aed;background:#7c3aed1a;border-color:#7c3aed4d;transform:translateY(-2px)scale(1.1);box-shadow:0 4px 15px #7c3aed33}.dark .icon-social:hover{color:#a78bfa;background:#7c3aed26;box-shadow:0 4px 15px #7c3aed4d}.info-dialog-overlay{z-index:50;background:#000c;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.info-dialog-content{border:1px solid #bccadc;border-radius:8px;flex-direction:column;width:448px;height:364px;animation:.3s ease-out slideIn;display:flex;position:relative;box-shadow:0 10px 25px #0003}:root.dark .info-dialog-content{background:#020817;border-color:#475569}:root:not(.dark) .info-dialog-content{border-color:hsl(var(--border));background:#f3f4f6}.info-dialog-header{justify-content:center;align-items:center;padding:1.5rem 1.5rem 0;display:flex;position:relative}.info-dialog-title{color:hsl(var(--foreground));text-align:center;margin:0;font-size:1.125rem;font-weight:600}.info-dialog-close{cursor:pointer;color:hsl(var(--muted-foreground));opacity:.7;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:1rem;transition:opacity .2s;display:flex;position:absolute;top:1rem;right:1rem}.info-dialog-close:hover{opacity:1}.info-dialog-body{flex-direction:column;flex:1;justify-content:space-between;min-height:200px;padding:1rem 1.5rem 1.5rem;display:flex}.info-dialog-text{color:hsl(var(--muted-foreground));text-align:center;margin:0;line-height:1.6}.info-dialog-button{cursor:pointer;border:none;border-radius:6px;width:100%;margin-top:auto;padding:.5rem 1rem;font-weight:500;transition:background-color .2s}.info-dialog-button.dark{color:#fff;background:#334155}.info-dialog-button.dark:hover{background:#3b4c63}.info-dialog-button.light{color:#000;background:#fff}.info-dialog-button.light:hover{background:#f3f4f6}.notification-panel-overlay{z-index:50;position:fixed;inset:0}.notification-backdrop{background:#00000080;position:absolute;inset:0}.notification-panel{text-align:left;border-left:1px solid;flex-direction:column;width:384px;height:100%;display:flex;position:absolute;top:0;right:0;box-shadow:0 10px 25px #0003}.notification-panel.dark{background:#1e293b;border-left-color:#64748b}.notification-panel.light{border-left-color:hsl(var(--border));background:#f3f4f6}.notification-panel-header{border-bottom:1px solid;justify-content:space-between;align-items:center;padding:1rem;display:flex}.notification-panel.dark .notification-panel-header{border-bottom-color:#475569}.notification-panel.light .notification-panel-header{border-bottom-color:#bccadc}.notification-panel-title{color:hsl(var(--foreground));margin:0;font-size:1.125rem;font-weight:600}.notification-panel-close{cursor:pointer;color:hsl(var(--muted-foreground));opacity:.7;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:1rem;transition:opacity .2s;display:flex}.notification-panel-close:hover{opacity:1}.notification-panel-content{flex:1;overflow-y:auto}.notification-item{cursor:pointer;border-bottom:1px solid;padding:1rem;transition:background-color .2s}.notification-panel.dark .notification-item{border-bottom-color:#64748b80}.notification-panel.dark .notification-item:hover{background:#3341554d}.notification-panel.light .notification-item{border-bottom-color:hsla(var(--border)/.5)}.notification-panel.light .notification-item:hover{background:#f3f4f6}.notification-item-content{flex-direction:column;gap:.5rem;display:flex}.notification-type{color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.notification-title{color:hsl(var(--foreground));margin:0;font-size:.875rem;font-weight:500}.notification-timestamp{color:hsl(var(--muted-foreground));font-size:.75rem}.header-dropdown-overlay{z-index:40;position:fixed;inset:0}.header-dropdown-menu.light{color:hsl(var(--foreground))}.header-dropdown-menu.dark{color:hsl(var(--foreground));background-color:#0f1729}.dropdown-item{display:block}.dropdown-button,.dropdown-link{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:none;padding:.5rem 1rem;font-size:.875rem;text-decoration:none;transition:background-color .2s;display:block}.header-dropdown-menu.light .dropdown-button:hover,.header-dropdown-menu.light .dropdown-link:hover{background-color:hsl(var(--muted))}.header-dropdown-menu.dark .dropdown-button:hover,.header-dropdown-menu.dark .dropdown-link:hover{background-color:#283548}.dropdown-button-disabled,.button-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.dropdown-separator{background-color:hsl(var(--border));height:1px;margin:.5rem 0}.dropdown-social-links{justify-content:center;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.social-link{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;text-decoration:none;transition:all .5s;display:flex;position:relative;overflow:hidden}.social-link:hover{opacity:.7;background:#fff3;border-color:#fff6;transition:all .5s;transform:translateY(-4px)scale(1.05);box-shadow:0 8px 25px #00000026}.social-link:before{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#ffffff1a,#0000,#ffffff1a);border-radius:12px;position:absolute;inset:0}.social-link:hover:before{opacity:1}.social-link:active{transform:translateY(-2px)scale(1.02)}.social-icon{color:currentColor;opacity:1;width:16px;height:16px;transition:opacity .2s;display:block}.social-icon:hover{opacity:.7}.header-dropdown-menu.dark .social-icon,.header-dropdown-menu.light .social-icon{color:hsl(var(--foreground));stroke:hsl(var(--foreground))}.menu-icon,.close-icon,.header-menu-button{transition:all .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.95)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}.wallet-button{background-color:rgb(147 51 234/var(--tw-bg-opacity,1));color:#fff;cursor:pointer;border:none;border-radius:.5rem;align-items:center;padding:.5rem 1rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.wallet-button:hover{color:#fff;background:#6d28d9;border-color:#6d28d9;transform:scale(1.05);box-shadow:0 20px 25px -5px #8b5cf640,0 10px 10px -5px #0000000a}.dark .wallet-button:hover{color:#fff;background:#6d28d9;border-color:#6d28d9}.wallet-button:active{transform:scale(.95)}.wallet-button-connected{color:#15803d;background:linear-gradient(90deg,#22c55e1a,#10b9811a);border-color:#22c55e33}.dark .wallet-button-connected{color:#4ade80;background:linear-gradient(90deg,#22c55e33,#10b98133);border-color:#22c55e4d}.wallet-button-connected:hover{color:#166534;background:linear-gradient(90deg,#22c55e33,#10b98133);border-color:#22c55e66;box-shadow:0 20px 25px -5px #22c55e40,0 10px 10px -5px #0000000a}.dark .wallet-button-connected:hover{color:#22c55e;background:linear-gradient(90deg,#22c55e4d,#10b9814d);border-color:#22c55e80}.wallet-button-disabled{color:#6b7280;cursor:not-allowed;opacity:.6;background:#6b72801a;border-color:#6b728033}.dark .wallet-button-disabled{color:#9ca3af;background:#6b728033;border-color:#6b72804d}.wallet-button-disabled:hover{box-shadow:none;transform:none}.stacked-wallet-icons{width:1.25rem;height:1.25rem;display:inline-block;position:relative}.stacked-icon{border:1px solid #fff;border-radius:50%;width:1.25rem;height:1.25rem;transition:transform .2s ease-in-out;position:absolute;top:0;left:0}.dark .stacked-icon{border-color:#1f2937}.stacked-icon.primary{z-index:10;transform:translate(-2px)translateY(-2px)}.stacked-icon.secondary{z-index:0;transform:translate(2px)translateY(2px)}.stacked-wallet-icons:hover .stacked-icon.primary{transform:translate(-4px)translateY(-4px)}.stacked-wallet-icons:hover .stacked-icon.secondary{transform:translate(4px)translateY(4px)}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.z-10{z-index:10}.z-50{z-index:50}.bg-black\/80{background-color:#000c}.bg-white\/90{background-color:#ffffffe6}.bg-white\/50{background-color:#ffffff80}.dark .bg-gray-800\/90{background-color:#1f2937e6}.dark .bg-gray-700\/50{background-color:#37415180}.border-white\/20{border-color:#fff3}.border-gray-200\/50{border-color:#e5e7eb80}.border-gray-600\/50{border-color:#4b556380}.border-gray-700\/50{border-color:#37415180}.dark .bg-white\/50{background-color:#37415180}.dark .border-gray-200\/50{border-color:#4b556380}.dark .border-gray-700\/50{border-color:#37415180}.space-y-3>*+*{margin-top:.75rem}.max-w-\[90vw\]{max-width:90vw}.w-96{width:24rem}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.rounded-full{border-radius:9999px}.rounded-2xl{border-radius:1rem}.text-purple-500{color:#a855f7}.text-tradeleague-green{color:#27bc81}.dark .text-purple-500{color:#c084fc}.dark .text-purple-600{color:#d8b4fe}.dark .text-tradeleague-green{color:#27bc81}.dark .text-foreground{color:hsl(var(--foreground))}.bg-green-500{background-color:#22c55e}.bg-purple-500{background-color:#a855f7}.bg-blue-500{background-color:#3b82f6}.hover\:border-purple-500\/50:hover{border-color:#a855f780}.hover\:bg-purple-50\/50:hover{background-color:#faf5ff80}.dark .hover\:bg-purple-900\/30:hover{background-color:#581c874d}.font-mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.hidden{display:none}@media (min-width:640px){.sm\:inline{display:inline}}.cursor-pointer{cursor:pointer}.network-indicator-icon{background:linear-gradient(135deg,var(--glass-bg-light),var(--glass-bg-dark));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.dark .network-indicator-icon{background:linear-gradient(135deg,var(--glass-bg-dark),#0006);border-color:#ffffff1a}.modal-backdrop::backdrop{background-color:#000c}.wallet-selector-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background-color:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.wallet-selector-dialog{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffe6;border:1px solid #fff3;border-radius:1rem;width:24rem;max-width:90vw;padding:2rem;box-shadow:0 25px 50px -12px #00000040}.dark .wallet-selector-dialog{background:#1f2937e6;border-color:#37415180}.wallet-selector-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.wallet-selector-title{color:#111827;font-size:1.25rem;font-weight:600}.dark .wallet-selector-title{color:#f9fafb}.wallet-selector-close{background:var(--glass-bg-primary);width:2rem;height:2rem;-webkit-backdrop-filter:var(--glass-blur-secondary);backdrop-filter:var(--glass-blur-secondary);border:1px solid hsl(var(--border));color:#475569;cursor:pointer;transition:var(--transition-quick);box-shadow:var(--shadow-glassmorphic-light);border-radius:.5rem;justify-content:center;align-items:center;font-size:1.125rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.wallet-selector-close:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1a,#0000,#ffffff1a);border-radius:.5rem;transition:opacity .3s;position:absolute;inset:0}.wallet-selector-close:hover:before{opacity:1}.wallet-selector-close:hover{border-color:var(--glass-border-secondary);box-shadow:var(--shadow-hover);background:var(--glass-bg-secondary);transform:translateY(-1px)scale(1.05)}.wallet-selector-close:hover .close-icon{transform:rotate(90deg)}.wallet-selector-close:active{transform:translateY(0)scale(1.02)}.close-icon{width:1rem;height:1rem;transition:transform .3s}.wallet-selector-options{flex-direction:column;gap:.75rem;display:flex}.wallet-option-button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#ffffff80;border:1px solid #e5e7eb80;border-radius:.75rem;align-items:center;gap:.75rem;width:100%;padding:1rem;transition:all .3s;display:flex}.dark .wallet-option-button{background:#37415180;border-color:#4b556380}.wallet-option-button:hover{background:#faf5ff80;border-color:#a855f780;transform:scale(1.05);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dark .wallet-option-button:hover{background:#581c874d;border-color:#a855f780}.top-1\/2{top:50%}.left-1\/2{left:50%}.transform{transform:translate(0)}.-translate-x-1\/2{transform:translate(-50%)}.-translate-y-1\/2{transform:translateY(-50%)}.w-\[540px\]{width:540px}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.border-l-4{border-left-width:4px}.border-green-400{border-color:#4ade80}.border-t{border-top-width:1px}.bg-green-50{background-color:#f0fdf4}.bg-green-900{background-color:#14532d}.bg-blue-500\/10{background-color:#3b82f61a}.bg-blue-500\/20{background-color:#3b82f633}.border-blue-500\/20{border-color:#3b82f633}.border-blue-500\/30{border-color:#3b82f64d}.dark .bg-green-50{background-color:#14532d}.dark .bg-green-900{background-color:#052e16}.dark .bg-blue-500\/10{background-color:#3b82f626}.dark .bg-blue-500\/20{background-color:#3b82f640}.dark .border-blue-500\/20{border-color:#3b82f640}.dark .border-blue-500\/30{border-color:#3b82f659}.text-green-700{color:#15803d}.text-green-800{color:#166534}.text-green-200{color:#bbf7d0}.text-green-300{color:#86efac}.dark .text-green-700{color:#86efac}.dark .text-green-800,.dark .text-green-200{color:#bbf7d0}.dark .text-green-300{color:#86efac}.text-purple-400{color:#c084fc}.text-purple-600{color:#9333ea}.text-yellow-600{color:#ca8a04}.text-yellow-400{color:#facc15}.dark .text-purple-400,.dark .text-purple-600{color:#c084fc}.dark .text-yellow-600{color:#facc15}.dark .text-yellow-400{color:#fbbf24}.text-gray-100{color:#f3f4f6}.text-gray-900{color:#111827}.dark .text-gray-100,.dark .text-gray-900{color:#f3f4f6}.bg-gray-50{background-color:#f9fafb}.bg-gray-800,.dark .bg-gray-50{background-color:#1f2937}.dark .bg-gray-800{background-color:#111827}.border-gray-200{border-color:#e5e7eb}.border-gray-600{border-color:#4b5563}.border-gray-700{border-color:#374151}.dark .border-gray-200{border-color:#4b5563}.dark .border-gray-600{border-color:#374151}.dark .border-gray-700{border-color:#1f2937}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-800{color:#1f2937}.text-gray-200{color:#e5e7eb}.dark .text-gray-400{color:#9ca3af}.dark .text-gray-500{color:#6b7280}.dark .text-gray-800,.dark .text-gray-200{color:#e5e7eb}.hover\:text-gray-700:hover{color:#374151}.dark .hover\:text-gray-200:hover{color:#e5e7eb}.items-start{align-items:flex-start}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.pb-4{padding-bottom:1rem}.pt-0{padding-top:0}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.bg-gray-300{background-color:#d1d5db}.bg-gray-600{background-color:#4b5563}.bg-gray-700{background-color:#374151}.bg-gray-100{background-color:#f3f4f6}.dark .bg-gray-300{background-color:#4b5563}.dark .bg-gray-600{background-color:#374151}.dark .bg-gray-700{background-color:#1f2937}.dark .bg-gray-100{background-color:#374151}.w-20{width:5rem}.h-4{height:1rem}.space-x-4>*+*{margin-left:1rem}.text-2xl{font-size:1.5rem}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.m-0{margin:0}.competition-join-dialog{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:100;background:#ffffffe6;border:1px solid #fff3;border-radius:1.5rem;width:540px;max-width:90vw;margin:0;padding:2rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 25px 50px -12px #00000040}.competition-join-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000c}.dark .competition-join-dialog{background:#1f2937e6;border:1px solid #37415180}.competition-join-dialog h2{color:#111827;border-bottom:1px solid #e5e7eb80;margin-bottom:1.5rem;padding-bottom:1rem;font-size:1.5rem;font-weight:700}.dark .competition-join-dialog h2{color:#f3f4f6;border-bottom-color:#37415180}.competition-join-dialog .space-y-6>*+*{margin-top:1.5rem}.competition-join-dialog .bg-white\/50{background:#ffffff80;border:1px solid #e5e7eb80}.dark .competition-join-dialog .bg-white\/50{background:#37415180;border:1px solid #4b556380}.btn-colorful{color:#fff;cursor:pointer;background:linear-gradient(90deg,#4ade80,#3b82f6);border:1px solid #d1d5db;border-radius:.375rem;outline:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:1rem;transition:all .2s ease-in-out;display:flex}.dark .btn-colorful{background:linear-gradient(90deg,#10b981,#1d4ed8);border-color:#374151}.btn-colorful:hover{background:linear-gradient(90deg,#22c55e,#2563eb);border-color:#6b7280;transform:scale(1.1)}.dark .btn-colorful:hover{background:linear-gradient(90deg,#059669,#1e40af);border-color:#4b5563}.btn-colorful:focus{box-shadow:0 0 0 3px #11182780}.dark .btn-colorful:focus{box-shadow:0 0 0 3px #f9fafb80}@keyframes colorChange{0%{background-color:red}50%{background-color:#9acd32}to{background-color:green}}@keyframes fadeEffect{0%{opacity:0}to{opacity:1}}.tab-container{flex-direction:column;height:100%;display:flex}.tabs{gap:10px;margin-bottom:.625rem;display:flex}.tab-button{cursor:pointer;color:#333;background-color:#e0e0e0;border:none;border-radius:4px;padding:10px 20px;transition:background-color .3s}.dark .tab-button{color:#d1d5db;background-color:#374151}.tab-button.active{color:#fff;background-color:#007bff}.tab-content{background-color:#fff;border-radius:4px;flex-grow:1;padding:20px;display:none}.dark .tab-content{color:#d1d5db;background-color:#1f2937}.tab-content.active{display:block}.tabcontent{animation:1.5s fadeEffect}.nav-menu{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:#e5e7eb66;border:1px solid #d1d5db;border-radius:.5rem;gap:1rem;width:16rem;height:100%;margin:0;padding:1rem;transition:all ease-in-out;position:fixed;top:4rem;right:0;transform:translate(0);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dark .nav-menu{background-color:#1f29374d;border-color:#374151}.nav-item{padding:.5rem;transition:background-color .2s}.nav-item:hover{background-color:#9333ea1a}.dark .nav-item:hover{background-color:#9333ea4d}.page-container{max-width:80rem;min-height:100%;margin:0 auto;padding:1.5rem}.page-header{text-align:center;margin-bottom:2rem}.page-title{color:#111827;margin-bottom:.5rem;font-size:1.875rem;font-weight:700}.dark .page-title{color:#f9fafb}.page-subtitle{color:#4b5563;font-size:1.125rem}.dark .page-subtitle{color:#9ca3af}.page-content{width:100%}.dashboard{flex-direction:row;height:calc(100vh - 64px);display:flex;overflow:hidden}.dashboard-left{flex-direction:column;flex:1;gap:.75rem;padding:.75rem;display:flex}.dashboard-upper{gap:.75rem;height:calc(60% - 6px);display:flex}.dashboard-competitions{flex:1}.dashboard-prizepool{width:25%}.dashboard-lower{height:calc(40% - 6px)}.dashboard-right{width:25%;padding:.75rem .75rem .75rem 0}@media (max-width:767px){.dashboard{flex-direction:column}.dashboard-right{width:100%;padding-left:.75rem}.dashboard-upper{flex-direction:column;height:auto}.dashboard-prizepool{width:100%}}.header-logo{object-fit:contain;height:1.5rem;display:block}.header-icon-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.header-icon-button:hover{background-color:hsl(var(--accent));border-color:hsl(var(--accent-foreground)/.2);opacity:.7}.header-icon{width:16px;height:16px;color:hsl(var(--muted-foreground));transition:color .2s}.header-icon-button:hover .header-icon{color:hsl(var(--foreground))}.dark .header-icon{color:hsl(var(--muted-foreground))}.dark .header-icon-button:hover .header-icon{color:hsl(var(--foreground))}.dashboard .competitions{flex-direction:column;grid-area:competitions;min-height:0;display:flex;overflow:hidden}.dashboard .compdetails{grid-area:compdetails;min-height:0;overflow:auto}.dashboard .leaderboard{grid-area:leaderboard;min-height:0;overflow:auto}.dashboard .statistics{grid-area:statistics;min-height:0;overflow:auto}.grid-container{box-sizing:border-box;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:20px;height:100%;padding:1.25rem;display:grid}.grid-item{background-color:#f0f0f0;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.dark .grid-item{color:#d1d5db;background-color:#374151}.grad{background:linear-gradient(90deg,#10b981,#6366f1,#a855f7)}.purple-rain{background-image:linear-gradient(90deg,green,#bf40bf)}.pinkdigo{background:linear-gradient(90deg,#6366f1,#a855f7,#ec4899)}.rainbow{background:linear-gradient(90deg,red 17%,orange 17% 34%,#ff0 34% 51%,green 51% 68%,#00f 68% 84%,indigo 84%)}.red{color:red}details{margin:5px;font-size:18px}details>*{padding:.75rem}details>div{background:#ddd;border-radius:0 0 5px 5px}.dark details>div{color:#d1d5db;background:#374151}summary{color:#fff;cursor:pointer;background:#0b486b;border-radius:5px;font-family:sans-serif;font-size:20px;font-weight:700}.dark summary{background:#1f2937}details[open] summary{border-radius:5px 5px 0 0}h2{color:#333;margin:0 0 20px}.dark h2{color:#d1d5db}#active-competition{background-color:#9ca3af}.dark #active-competition{background-color:#030712}#comp-content{opacity:.5}.chat{grid-area:chat}.competitions,.experimental{grid-area:competitions}.compdetails{grid-area:compdetails}.leaderboard{grid-area:leaderboard}.leaderboard-header{background:var(--glass-bg-secondary);-webkit-backdrop-filter:var(--glass-blur-secondary);backdrop-filter:var(--glass-blur-secondary);border:1px solid var(--glass-border-secondary);border-bottom:1px solid var(--glass-border);border-radius:1rem 1rem 0 0;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.leaderboard-title-section{text-align:left;flex:1}.leaderboard-title{color:inherit;margin:0;font-size:1.5rem;font-weight:700}.leaderboard-subtitle{opacity:.8;color:inherit;margin:0;font-size:.875rem}.leaderboard-controls{align-items:center;gap:1rem;display:flex}.leaderboard-content{scrollbar-width:thin;scrollbar-color:#9b9b9b80 transparent;max-height:400px;overflow-y:auto}.leaderboard-content::-webkit-scrollbar{width:6px}.leaderboard-content::-webkit-scrollbar-track{background:0 0}.leaderboard-content::-webkit-scrollbar-thumb{background-color:#9b9b9b80;border-radius:20px}.leaderboard-table-wrapper{position:relative}.connection-indicator{align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.connection-dot{border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;display:inline-block}.connection-indicator.connected .connection-dot{background-color:#10b981;box-shadow:0 0 10px #10b98180}.connection-indicator.connecting .connection-dot{background-color:#f59e0b;box-shadow:0 0 10px #f59e0b80}.connection-indicator.disconnected .connection-dot{background-color:#ef4444;animation:none;box-shadow:0 0 10px #ef444480}.connection-indicator.error .connection-dot{background-color:#dc2626;animation:none;box-shadow:0 0 10px #dc262680}.connection-text{color:inherit;opacity:.9}.refresh-button{background:var(--glass-bg-primary);-webkit-backdrop-filter:var(--glass-blur-tertiary);backdrop-filter:var(--glass-blur-tertiary);border:1px solid var(--glass-border-primary);color:#ffffffe6;font-family:var(--font-family-exo2);cursor:pointer;transition:var(--transition-quick);box-shadow:var(--shadow-glassmorphic-light);border-radius:.75rem;align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:.875rem;font-weight:500;display:inline-flex}.refresh-button:hover:not(:disabled){background:var(--glass-bg-secondary);border-color:var(--glass-border-secondary);box-shadow:var(--shadow-glassmorphic-medium);transform:translateY(-1px)}.refresh-button:active:not(:disabled){transform:translateY(0)}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.refresh-icon{font-size:1rem;transition:transform .5s}.refresh-icon.spinning{animation:1s linear infinite spin}.refresh-text{font-size:.875rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.statistics{grid-area:statistics}.quickplay{grid-area:quickplay}.chat,.experimental,.leaderboard,.statistics,.quickplay{overflow:hidden}.competitions{background:var(--glass-bg);border-radius:1rem;overflow-y:auto}.competitions,.experimental,.statistics{padding:0}.btn-glassmorphic{background:var(--glass-bg-primary);-webkit-backdrop-filter:var(--glass-blur-secondary);backdrop-filter:var(--glass-blur-secondary);border:1px solid var(--glass-border-primary);color:#ffffffe6;font-family:var(--font-family-exo2);cursor:pointer;transition:var(--transition-quick);box-shadow:var(--shadow-glassmorphic-light);border-radius:1rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-glassmorphic:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1a,#0000,#ffffff1a);border-radius:1rem;transition:opacity .3s;position:absolute;inset:0}.btn-glassmorphic:hover:before{opacity:1}.btn-glassmorphic:hover{border-color:var(--glass-border-primary);box-shadow:var(--shadow-hover);background:var(--glass-bg-secondary);transform:translateY(-2px)scale(1.02)}.btn-glassmorphic:active{transform:translateY(-1px)scale(1.01)}.btn-sm{border-radius:.75rem;padding:.5rem 1rem;font-size:.75rem}.btn-lg{border-radius:1.25rem;padding:1rem 2rem;font-size:1rem}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}.compdetails{background:var(--glass-bg-primary);border:1px solid var(--glass-border-primary);-webkit-backdrop-filter:var(--glass-blur-primary);backdrop-filter:var(--glass-blur-primary);border-radius:16px;height:100%;padding:.5rem;overflow-y:auto}.compdetails-header{border-bottom:1px solid var(--glass-border-secondary);align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.compdetails-icon .icon-text{font-size:2rem}.compdetails-title{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.compdetails-subtitle{color:var(--text-secondary);margin:.25rem 0 0;font-size:.875rem}.compdetails-content{height:calc(100% - 5rem);overflow-y:auto}.compdetails-info{flex-direction:column;gap:1.5rem;display:flex}.detail-section{background:var(--glass-bg-secondary);border:1px solid var(--glass-border-secondary);border-radius:12px;padding:1rem}.detail-section-title{color:var(--text-primary);align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.125rem;font-weight:600;display:flex}.detail-grid{gap:.75rem;display:grid}.detail-item{background:var(--glass-bg-tertiary);border:1px solid var(--glass-border-tertiary);border-radius:8px;justify-content:space-between;align-items:center;padding:.5rem;display:flex}.detail-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.detail-value{color:var(--text-primary);text-align:right;font-weight:600}.detail-value.prize-amount{color:var(--color-tradeleague-green);font-weight:700}.detail-value.entry-fee{color:var(--color-tradeleague-blue);font-weight:700}.competition-status-pending{color:#f59e0b;font-weight:600}.competition-status-active{color:var(--color-tradeleague-green);font-weight:600}.competition-status-finished{color:#6b7280;font-weight:600}.distribution-rules{flex-direction:column;gap:.5rem;display:flex}.distribution-rule{background:var(--glass-bg-tertiary);border:1px solid var(--glass-border-tertiary);border-radius:8px;justify-content:space-between;align-items:center;padding:.5rem;display:flex}.rank-indicator{color:var(--color-tradeleague-blue);font-weight:600}.percentage-indicator{color:var(--color-tradeleague-green);font-weight:600}.dark .compdetails{background:#0000004d;border-color:#ffffff1a}.dark .detail-section{background:#0003;border-color:#ffffff0d}.dark .detail-item,.dark .distribution-rule{background:#0000001a;border-color:#ffffff0d}.dropdown-container{width:100%;max-width:300px;display:inline-block;position:relative}.dropdown-trigger{background:var(--glass-bg-primary);border:1px solid var(--glass-border-primary);cursor:pointer;width:100%;-webkit-backdrop-filter:var(--glass-blur-secondary);backdrop-filter:var(--glass-blur-secondary);border-radius:12px;padding:.75rem 1rem;transition:all .2s}.dropdown-trigger:hover{background:var(--glass-bg-secondary);border-color:var(--glass-border-secondary);transform:translateY(-1px)}.dropdown-trigger:focus{border-color:var(--color-tradeleague-blue);outline:none;box-shadow:0 0 0 3px #1e90ff1a}.dropdown-trigger-content{justify-content:space-between;align-items:center;width:100%;display:flex}.dropdown-trigger-selected{align-items:center;gap:.5rem;display:flex}.dropdown-icon{font-size:1.25rem}.dropdown-label{color:var(--text-primary);font-weight:500}.dropdown-placeholder{color:var(--text-secondary);font-style:italic}.dropdown-arrow{color:var(--text-secondary);font-size:.875rem;transition:transform .2s}.dropdown-arrow-up{transform:rotate(180deg)}.dropdown-arrow-down{transform:rotate(0)}.dropdown-menu{z-index:50;background:var(--glass-bg-primary);border:1px solid var(--glass-border-primary);-webkit-backdrop-filter:var(--glass-blur-primary);backdrop-filter:var(--glass-blur-primary);box-shadow:var(--shadow-glassmorphic-light);border-radius:12px;margin-top:.25rem;animation:.2s dropdown-fade-in;position:absolute;top:100%;left:0;right:0;overflow:hidden}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.dropdown-option{text-align:left;cursor:pointer;width:100%;color:var(--text-primary);border:none;border-bottom:1px solid var(--glass-border-tertiary);background:0 0;align-items:center;gap:.5rem;padding:.75rem 1rem;transition:all .2s;display:flex}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background:var(--glass-bg-secondary);color:var(--color-tradeleague-blue)}.dropdown-option-selected{background:var(--glass-bg-secondary);color:var(--color-tradeleague-blue);font-weight:600}.dropdown-option-selected:hover{background:var(--glass-bg-tertiary)}.dark .dropdown-trigger{background:#0000004d;border-color:#ffffff1a}.dark .dropdown-trigger:hover{background:#0006;border-color:#fff3}.dark .dropdown-menu{background:#000c;border-color:#ffffff1a;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0000001a}.dark .dropdown-option:hover,.dark .dropdown-option-selected{background:#ffffff1a}.competitions-header{border-bottom:1px solid var(--glass-border-secondary);text-align:center;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.competitions-title{flex:1}.competitions-title h2{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.competitions-title p{color:var(--text-secondary);margin:.25rem 0 0;font-size:.875rem}.competition-dropdown{flex-shrink:0;min-width:200px}.error-message{color:#dc2626;background:#dc26261a;border:1px solid #dc262633;border-radius:8px;margin-bottom:1rem;padding:.5rem;font-size:.875rem}.dark .error-message{color:#fca5a5;background:#dc262633;border-color:#dc26264d}@media (max-width:768px){.competition-header{flex-direction:column;align-items:stretch;gap:1rem}.competition-filter{margin-left:0}.competition-dropdown{min-width:auto}}.competitions-grid-modern{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;max-height:600px;margin-bottom:1rem;padding:8px;display:grid;overflow-y:auto}.competition-card-simple{background-color:hsl(var(--card));min-height:5rem;color:hsl(var(--card-foreground));border:1px solid hsl(var(--border));cursor:pointer;border-radius:.5rem;flex-direction:column;gap:8px;padding:12px;transition:all .3s;display:flex;position:relative}.competition-card-simple.selected{border-color:hsl(var(--primary));background-color:hsl(var(--accent));box-shadow:0 4px 20px #0000001a}.competition-card-modern{background:var(--glass-bg-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border-primary);border-radius:16px;flex-direction:column;gap:6px;min-height:5.5rem;max-height:6rem;padding:12px;transition:all .3s;display:flex;position:relative;overflow:hidden}.competition-card-simple:hover{border-color:hsl(var(--primary));background-color:hsl(var(--accent)/.3);transform:translateY(-1px);box-shadow:0 6px 24px #00000026}.competition-card-modern:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 8px 32px #0003}.card-glow{background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.05)0%,transparent 50%);pointer-events:none;opacity:0;border-radius:16px;transition:opacity .3s;position:absolute;inset:0}.card-header{justify-content:space-between;align-items:center;height:20px;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.pending{background-color:#f59e0b}.status-dot.active{background-color:#10b981}.status-dot.ended{background-color:#6b7280}.status-text{color:var(--text-secondary);font-size:.75rem;font-weight:500}.competition-title{color:var(--text-primary);-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;height:16px;margin:0;font-size:.875rem;font-weight:600;line-height:1.1;display:-webkit-box;overflow:hidden}.stats-grid{align-items:center;gap:12px;height:24px;display:flex;overflow:hidden}.stat-item{transition:var(--transition-quick);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:.75rem;height:14px;padding:1rem;display:flex}.stat-item:hover{background:#ffffff1a;transform:scale(1.02)}.stat-icon{background:var(--gradient-primary);width:2rem;min-width:0;height:2rem;box-shadow:0 4px 15px var(--glow-primary);color:#fff;border-radius:12px;flex:1 0;justify-content:center;align-items:center;font-size:.875rem;display:flex}.stat-content{flex-direction:column;gap:1px;min-width:0;display:flex}.stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.75rem;font-weight:500;line-height:1}.stat-value{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:1.125rem;font-weight:700;line-height:1;overflow:hidden}.prize-section{background:rgba(var(--primary-color-rgb),.1);border-radius:8px;justify-content:space-between;align-items:center;height:20px;padding:0 4px;display:flex}.prize-label{color:var(--text-secondary);font-size:.625rem;font-weight:500}.prize-amount{align-items:center;gap:4px;display:flex}.amount-text{color:var(--primary-color);font-size:.75rem;font-weight:700}.dates-section{display:none}.countdown-item{flex:none}.countdown-wrapper{flex-direction:column;align-items:center;gap:12px;margin:16px 0;display:flex}.countdown-display{align-items:center;height:16px;display:flex}.competition-card-simple .card-header{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.competition-card-simple .status-badge{background:rgba(var(--text-secondary-rgb,107,114,128),.1);border-radius:6px;align-items:center;gap:6px;padding:2px 6px;display:flex}.competition-card-simple .status-badge.status-status-upcoming{color:#f59e0b;background:#f59e0b1a}.competition-card-simple .status-badge.status-status-active{color:#10b981;background:#10b9811a}.competition-card-simple .status-badge.status-status-ended{color:#6b7280;background:#6b72801a}.competition-card-simple .status-indicator,.competition-card-simple .status-text{font-size:.75rem;font-weight:500}.competition-card-simple .card-content{flex-direction:column;flex:1;gap:6px;display:flex}.competition-card-simple .competition-name{color:hsl(var(--foreground));-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:.875rem;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.competition-card-simple .card-info{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.competition-card-simple .info-item{flex-direction:column;gap:1px;display:flex}.competition-card-simple .info-item.urgent{background:#ef44441a;border-radius:4px;padding:2px 4px}.competition-card-simple .info-label{color:hsl(var(--muted-foreground));font-size:.625rem;font-weight:500;line-height:1}.competition-card-simple .info-value{color:hsl(var(--foreground));font-size:.75rem;font-weight:600;line-height:1}.competition-card-simple .info-item.urgent .info-value{color:#ef4444}.ref-table-header{color:hsl(var(--muted-foreground));border-bottom:1px solid hsl(var(--border));flex-shrink:0;grid-template-columns:32px 3fr 70px 100px 90px 110px 80px;align-items:center;gap:.5rem;height:2rem;padding:.5rem;font-size:.75rem;font-weight:500;display:grid}.ref-competition-header{grid-template-columns:32px 3fr 70px 100px 90px 110px 80px}.ref-table-content{flex:1;overflow-y:auto}.ref-table-row{border-bottom:1px solid hsla(var(--border)/.5);align-items:center;gap:.5rem;height:3rem;padding:.5rem;transition:background-color .2s;display:grid}.ref-table-row:hover{background-color:hsla(var(--accent)/.3)}.ref-competition-row.selected{background-color:hsla(var(--accent)/.2);border-left:3px solid var(--color-tradeleague-blue);box-shadow:0 0 0 1px hsla(var(--accent)/.4)}.ref-competition-row.selected:hover{background-color:hsla(var(--accent)/.25)}.ref-text-positive{color:#22c55e}.ref-text-negative{color:#f87171}.ref-text-foreground{color:hsl(var(--foreground))}.ref-text-muted{color:hsl(var(--muted-foreground))}.ref-btn-primary{color:#fff;border-radius:calc(var(--radius));cursor:pointer;background-color:#16a34a;border:none;height:1.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;transition:background-color .2s}.ref-btn-primary:hover{background-color:#15803d}.ref-token-indicator{background:linear-gradient(90deg,#a855f7,#22c55e);border-radius:50%;width:.5rem;height:.5rem}.ref-token-indicator-large{background:linear-gradient(90deg,#a855f7,#22c55e);border-radius:50%;width:2rem;height:2rem}.ref-token-indicator-small{background:linear-gradient(90deg,#a855f7,#22c55e);border-radius:50%;width:.75rem;height:.75rem}.ref-btn-secondary{color:var(--foreground);border:1px solid var(--border);border-radius:calc(var(--radius));cursor:pointer;background:0 0;padding:.375rem .75rem;font-size:.75rem;transition:background-color .2s,border-color .2s}.ref-btn-secondary:hover{background-color:var(--accent)}.ref-star-icon{width:.75rem;height:.75rem}.ref-star-filled{color:#eab308;fill:currentColor}.ref-star-empty{color:hsl(var(--muted-foreground))}.competition-dropdown-btn{color:hsl(var(--foreground));cursor:pointer;background:0 0;border:none;border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem;transition:background-color .2s;display:flex}.competition-dropdown-btn:hover{background-color:hsl(var(--accent))}.competition-dropdown-btn svg{width:1rem;height:1rem}.competition-dropdown-menu{background:hsl(var(--background));background:var(--background);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);min-width:12rem;box-shadow:var(--shadow-glassmorphic);z-index:50;border-radius:.5rem;margin-top:.25rem;padding:.25rem;position:absolute;top:100%;left:0}.competition-dropdown-item{text-align:left;width:100%;color:hsl(var(--foreground));cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;transition:all .2s;display:block}.competition-dropdown-item:hover{background:var(--glass-bg-secondary);transform:translateY(-1px)}.competition-dropdown-item.active{background:var(--glass-bg-secondary);color:hsl(var(--primary));font-weight:500}.ref-leaderboard-header{grid-template-columns:repeat(5,1fr)}.ref-leaderboard-table-header{color:hsl(var(--muted-foreground));border-bottom:1px solid hsl(var(--border));flex-shrink:0;grid-template-columns:2rem 1fr 80px 100px;align-items:center;gap:.5rem;height:2rem;padding:.5rem;font-size:.75rem;font-weight:500;display:grid}.ref-leaderboard-row{border-bottom:1px solid hsla(var(--border)/.5);grid-template-columns:2rem 1fr 80px 100px;align-items:center;gap:.5rem;height:2rem;padding:.5rem;transition:background-color .2s;display:grid}.ref-leaderboard-row:hover{background-color:hsla(var(--accent)/.3)}.ref-leaderboard-footer{border-top:1px solid hsl(var(--border));flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem;display:flex}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.space-x-1>*+*{margin-left:.25rem}.space-x-2>*+*{margin-left:.5rem}.space-x-3>*+*{margin-left:.75rem}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-left{text-align:left}.text-right{text-align:right}.font-medium{font-weight:500}.font-semibold{font-weight:600}.dark .competition-card-modern{background:#0000004d;border-color:#ffffff1a}.no-competitions{text-align:center;background:var(--glass-bg-secondary);border:1px solid var(--glass-border-secondary);-webkit-backdrop-filter:var(--glass-blur-secondary);backdrop-filter:var(--glass-blur-secondary);border-radius:16px;grid-column:1/-1;padding:3rem 1rem}.no-competitions-icon{margin-bottom:1rem;font-size:4rem}.no-competitions-title{color:var(--text-primary);margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.no-competitions-subtitle{color:var(--text-secondary);margin:0;font-size:1rem}.loading-competitions{text-align:center;background:var(--glass-bg-secondary);border:1px solid var(--glass-border-secondary);-webkit-backdrop-filter:var(--glass-blur-secondary);backdrop-filter:var(--glass-blur-secondary);border-radius:16px;grid-column:1/-1;padding:3rem 1rem}.loading-icon{margin-bottom:1rem;font-size:4rem;animation:2s ease-in-out infinite pulse}.loading-title{color:var(--text-primary);margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.loading-subtitle{color:var(--text-secondary);margin:0;font-size:1rem}.competitions-pagination{border-top:1px solid var(--glass-border-secondary);justify-content:center;padding-top:1rem;display:flex}.dark .no-competitions{background:#0003;border-color:#ffffff0d}@media (max-width:768px){.competitions-grid-modern{grid-template-columns:1fr;gap:1rem}.no-competitions{padding:2rem 1rem}.no-competitions-icon{font-size:3rem}.no-competitions-title{font-size:1.25rem}}.active-competitions,.competition-history{flex-direction:column;height:100%;padding:1rem;display:flex}.active-competitions-header,.competition-history-header{border-bottom:1px solid var(--glass-border-secondary);margin-bottom:1.5rem;padding-bottom:1rem}.active-competitions-title,.competition-history-title{color:var(--text-primary);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.active-competitions-subtitle,.competition-history-subtitle{color:var(--text-secondary);margin:0;font-size:.875rem}.active-competitions-content,.competition-history-content{flex:1;overflow-y:auto}.connect-wallet-prompt{text-align:center;background:var(--glass-bg-secondary);border:1px solid var(--glass-border-secondary);-webkit-backdrop-filter:var(--glass-blur-secondary);backdrop-filter:var(--glass-blur-secondary);border-radius:12px;padding:2rem}.connect-wallet-icon{margin-bottom:1rem;font-size:3rem}.connect-wallet-title{color:var(--text-primary);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.connect-wallet-subtitle{color:var(--text-secondary);margin:0;font-size:1rem}.loading-state,.error-state{text-align:center;padding:2rem}.error-icon{margin-bottom:.5rem;font-size:2rem}.error-message{color:#ef4444;font-weight:500}.competitions-list{flex-direction:column;gap:1rem;display:flex}.competition-item{background:var(--glass-bg-secondary);border:1px solid var(--glass-border-secondary);-webkit-backdrop-filter:var(--glass-blur-secondary);backdrop-filter:var(--glass-blur-secondary);border-radius:12px;padding:1rem;transition:all .2s}.competition-item:hover{box-shadow:var(--shadow-glassmorphic-light);transform:translateY(-2px)}.competition-item-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.competition-item-title{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600}.competition-status{border:1px solid;border-radius:20px;padding:.25rem .75rem;font-size:.875rem;font-weight:500}.status-pending{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b4d}.status-active{color:var(--color-tradeleague-green);background:#27bc811a;border-color:#27bc814d}.status-finished{color:#6b7280;background:#6b72801a;border-color:#6b72804d}.competition-item-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.stat-item{justify-content:space-between;align-items:center;display:flex}.stat-label{color:var(--text-secondary);font-size:.875rem}.stat-value{color:var(--text-primary);font-size:.875rem;font-weight:600}.competition-item-footer{border-top:1px solid var(--glass-border-tertiary);margin-top:1rem;padding-top:1rem}.competition-dates{color:var(--text-secondary);font-size:.75rem}.date-label{font-weight:500}.date-value{color:var(--text-primary)}.date-separator{margin:0 .5rem}.no-active-competitions,.no-competition-history{text-align:center;background:var(--glass-bg-secondary);border:1px solid var(--glass-border-secondary);-webkit-backdrop-filter:var(--glass-blur-secondary);backdrop-filter:var(--glass-blur-secondary);border-radius:16px;padding:3rem 1rem}.dark .connect-wallet-prompt,.dark .competition-item,.dark .no-active-competitions,.dark .no-competition-history{background:#0003;border-color:#492a2a0d}@media (max-width:768px){.competition-item-header{flex-direction:column;align-items:flex-start;gap:.5rem}.competition-item-stats{grid-template-columns:1fr;gap:.5rem}.stat-item{background:var(--glass-bg-tertiary);border-radius:8px;padding:.5rem}}.negative-value,.negative,.pnl-negative{color:#ef4444!important}.dark .negative-value,.dark .negative,.dark .pnl-negative{color:#f87171!important}[data-negative=true],.percentage.negative,.pnl.negative,.value.negative{color:#ef4444!important}.dark [data-negative=true],.dark .percentage.negative,.dark .pnl.negative,.dark .value.negative{color:#f87171!important}td:has-text("-"){color:#ef4444!important}.stat-value:has-text("-"){color:#ef4444!important}.metric:has-text("-"){color:#ef4444!important}.dark td:has-text("-"){color:#f87171!important}.dark .stat-value:has-text("-"){color:#f87171!important}.dark .metric:has-text("-"){color:#f87171!important}.text-red-400{color:#f87171}.text-red-500{color:#ef4444}.text-red-600{color:#dc2626}.text-green-400{color:#4ade80}.text-green-500{color:#22c55e}.text-green-600{color:#16a34a}.dark .text-red-400{color:#f87171}.dark .text-red-500{color:#ef4444}.dark .text-red-600{color:#dc2626}.dark .text-green-400{color:#4ade80}.dark .text-green-500{color:#22c55e}.dark .text-green-600{color:#16a34a}.ref-table-tabs-header{color:hsl(var(--muted-foreground));border-bottom:1px solid hsl(var(--border));grid-template-columns:2fr 1fr 1fr 1fr 1fr .8fr 1fr 1.2fr;align-items:center;gap:.5rem;height:2rem;padding:.5rem;font-size:.75rem;font-weight:500;display:grid}.ref-table-tabs-header>span{text-align:right;padding-left:0}.ref-table-tabs-header>span:first-of-type{text-align:left}.ref-table-tabs-row{border-bottom:1px solid hsla(var(--border)/.5);grid-template-columns:2fr 1fr 1fr 1fr 1fr .8fr 1fr 1.2fr;align-items:center;gap:.5rem;height:3rem;padding:.5rem;transition:background-color .2s;display:grid}.ref-table-tabs-row>*{text-align:right;padding-left:0}.ref-table-tabs-row:hover{background-color:hsla(var(--accent)/.3)}.ref-competition-row{grid-template-columns:32px 3fr 70px 100px 90px 110px 80px}.ref-leaderboard-table-header{color:hsl(var(--muted-foreground));border-bottom:1px solid hsl(var(--border));grid-template-columns:2rem 1fr 80px 100px;align-items:center;gap:.5rem;height:2rem;padding:.5rem;font-size:.75rem;font-weight:500;display:grid}.ref-leaderboard-footer>div{align-items:center;gap:.25rem;display:flex}.competitions-container{max-width:1400px;margin:0 auto;padding:.5rem}.competition-tabs{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-glassmorphic);transition:var(--transition-smooth);border-radius:24px;padding:1.5rem;position:relative;overflow:hidden}.competition-tabs:before{content:"";opacity:0;pointer-events:none;z-index:0;background:linear-gradient(135deg,#667eea0d,#9333ea0d,#4facfe0d);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.competition-tabs:hover:before{opacity:1}.competition-tabs:hover{box-shadow:var(--shadow-hover);border-color:#667eea4d;transform:translateY(-2px)}.competition-tabs>*{z-index:1;position:relative}.countdown-display{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:linear-gradient(135deg,#fffffff2,#ffffffd9);border:1px solid #ffffff4d;border-radius:16px;min-width:200px;padding:16px 24px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff6}.dark .countdown-display{background:linear-gradient(135deg,#1f2937f2,#111827d9);border-color:#ffffff1a;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}.countdown-display:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.countdown-display:hover:before{left:100%}.countdown-display-title{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.875rem;font-weight:600}.dark .countdown-display-title{color:#9ca3af}.countdown-display-time{color:#1f2937;text-shadow:0 1px 2px #0000001a;font-family:Exo2,monospace;font-size:1.5rem;font-weight:700}.dark .countdown-display-time{color:#f9fafb;text-shadow:0 1px 2px #0000004d}.countdown-item{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:1px solid #fff3;border-radius:16px;padding:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.dark .countdown-item{background:linear-gradient(135deg,#1f293726,#1118270d);border-color:#ffffff1a}.countdown-item:hover{border-color:#ffffff4d;transform:translateY(-4px)scale(1.02);box-shadow:0 16px 40px #0003}.dark .countdown-item:hover{box-shadow:0 16px 40px #0006}.countdown-item:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#667eea1a,#9333ea1a);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.countdown-item:hover:after{opacity:1}.countdown-container-minimal{background-color:#e5e7eb;border:1px solid #d1d5db;border-radius:.375rem;flex-direction:row;justify-content:center;align-items:center;gap:.25rem;padding:.25rem;transition:all .2s;display:flex}.countdown-container-minimal:hover{background-color:#f3f4f6;border-color:#9ca3af}.dark .countdown-container-minimal:hover{background-color:#1f2937;border-color:#4b5563}.floating-chat-container{z-index:1000;position:fixed;bottom:2.5rem;right:1rem}.floating-chat-btn{background:var(--gradient-primary);cursor:pointer;width:60px;height:60px;transition:var(--transition-smooth);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 8px 25px #667eea4d}.floating-chat-btn:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.floating-chat-btn:active{transform:translateY(-2px)scale(.98)}.floating-chat-btn svg{fill:#fff;width:24px;height:24px;transition:all .3s}.floating-chat-btn:hover svg{transform:scale(1.1)}.chat-icon{color:#fff;font-size:1.5rem}.unread-badge{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 8px #ef44444d}.chat-overlay{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);width:400px;height:500px;box-shadow:var(--shadow-glassmorphic);transition:var(--transition-smooth);border-radius:16px;flex-direction:column;display:flex;position:absolute;bottom:80px;right:0;overflow:hidden}.chat-overlay.closed{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(20px)scale(.95)}.chat-overlay.open{opacity:1;visibility:visible;pointer-events:all;transform:translateY(0)scale(1)}.chat-overlay-header{border-bottom:1px solid var(--glass-border);background:#ffffff0d;justify-content:space-between;align-items:center;padding:1rem;display:flex}.chat-overlay-title{color:var(--text-color,#1f2937);margin:0;font-size:1.25rem;font-weight:600}.dark .chat-overlay-title{color:#f9fafb}.chat-close-btn{cursor:pointer;color:var(--text-color,#6b7280);transition:var(--transition-quick);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;display:flex}.chat-close-btn:hover{color:#ef4444;background:#ef44441a}.chat-overlay-content{flex:1;padding:0;overflow:hidden}.chat-overlay-content .chat{background:0 0;border:none;border-radius:0;height:100%}@media (max-width:768px){.floating-chat-container{bottom:1rem;right:1rem}.chat-overlay{width:320px;height:400px;bottom:70px;right:-10px}.floating-chat-btn{width:50px;height:50px}.chat-icon{font-size:1.25rem}}.section-title-gradient{background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;animation:8s ease-in-out infinite gradientShift}.section-subtitle{color:#6b7280;margin:0;font-size:1.25rem;font-weight:500}.dark .section-subtitle{color:#9ca3af}.competitions-grid-modern{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));align-items:start;gap:2rem;display:grid}.competition-card-modern{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-glassmorphic);will-change:transform;border-radius:24px;position:relative;overflow:hidden}.competition-card-modern:hover{box-shadow:var(--shadow-hover),var(--shadow-glassmorphic);transform:translateY(-12px)scale(1.02)}.competition-card-modern:active{transform:translateY(-8px)scale(1.01)}.card-glow{opacity:0;filter:blur(20px);z-index:0;background:linear-gradient(45deg,#667eea1a 0%,#764ba21a 50%,#f093fb1a 100%);border-radius:24px;transition:opacity .6s;animation:4s ease-in-out infinite glowPulse;position:absolute;inset:0}.competition-card-modern:hover .card-glow{opacity:1}.card-content{z-index:10;flex-direction:column;gap:1.5rem;padding:2rem;display:flex;position:relative}.card-header{justify-content:space-between;align-items:center;display:flex}.status-indicator{align-items:center;gap:.5rem;display:flex}.status-dot{border-radius:50%;width:12px;height:12px;animation:2s ease-in-out infinite statusPulse}.status-active .status-dot{background:#10b981;box-shadow:0 0 20px #10b98199}.status-upcoming .status-dot{background:#f59e0b;box-shadow:0 0 20px #f59e0b99}.status-ended .status-dot{background:#ef4444;box-shadow:0 0 20px #ef444499}.status-text{color:#374151;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.dark .status-text{color:#d1d5db}.card-actions{align-items:center;gap:.75rem;display:flex}#prizepool-claim-button,#prizepool-join-button{border:1px solid hsl(var(--border));width:100%;height:2.5rem}#prizepool-claim-button{background-color:#1e293b;background-color:hsl(var(--background))}#prizepool-profits{border-top:1px solid hsl(var(--border));margin:.5rem}.dark .stat-value{color:#f9fafb}.countdown-item{grid-column:span 2}.countdown-mini{align-items:center;gap:.25rem;font-family:Monaco,Menlo,monospace;display:flex}.prize-section{background:linear-gradient(135deg,#fef3c780 0%,#fde68a80 100%);border:2px dashed #f59e0b4d;border-radius:20px;padding:1.5rem;position:relative;overflow:hidden}.dark .prize-section{background:linear-gradient(135deg,#78350f33 0%,#92400e33 100%)}.prize-section:before{content:"";background:linear-gradient(45deg,#0000,#ffd7001a,#0000);animation:3s ease-in-out infinite shimmer;position:absolute;inset:0}.prize-label{color:#92400e;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.875rem;font-weight:600}.dark .prize-label{color:#fbbf24}.prize-amount{background:var(--gradient-warning);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:.5rem;font-size:2rem;font-weight:800;line-height:1;display:flex}.dates-section{justify-content:space-between;gap:1rem;font-size:.875rem;display:flex}.date-item{flex-direction:column;flex:1;gap:.25rem;display:flex}.date-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.dark .date-label{color:#9ca3af}.date-value{color:#111827;font-family:Monaco,Menlo,monospace;font-size:.875rem;font-weight:600}.dark .date-value{color:#f9fafb}.competition-card-modern.selected{box-shadow:0 0 0 4px #667eea1a,var(--shadow-hover),var(--shadow-glassmorphic);border:2px solid #667eea80;transform:translateY(-8px)scale(1.02)}.competition-card-modern.selected .card-glow{opacity:1;animation:2s ease-in-out infinite selectedGlow}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes selectedGlow{0%,to{opacity:.6}50%{opacity:1}}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;transition:var(--transition-smooth);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:2rem;box-shadow:0 4px 30px #0000001a}.stat-card:hover{background:#ffffff26;transform:translateY(-5px);box-shadow:0 10px 40px #0003}.stat-number{color:#fff;margin-bottom:.5rem;font-size:2.5rem;font-weight:800;line-height:1}.stat-label{color:#fffc;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:500}@media (max-width:768px){.competitions-grid-modern{grid-template-columns:1fr;gap:1.5rem}.section-title-gradient{font-size:2.5rem}.stats-grid{grid-template-columns:1fr;gap:.75rem}.countdown-item{grid-column:span 1}.dates-section{flex-direction:column;gap:.75rem}.card-content{gap:1.25rem;padding:1.5rem}.prize-amount{font-size:1.75rem}}@media (max-width:480px){.competitions-container{padding:.25rem}.competitions-grid-modern{gap:1rem}.card-content{gap:1rem;padding:1.25rem}}@media (prefers-reduced-motion:reduce){.competition-card-modern,.stat-item,.card-glow,.status-dot{transition:none;animation:none}.competition-card-modern:hover,.stat-item:hover{transform:none}}@media (prefers-contrast:high){.competition-card-modern,.status-dot{border:2px solid}}.modern-dashboard{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);min-height:100vh;overflow-x:hidden}.dark .modern-dashboard{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)}.content-grid{grid-template-columns:2fr 1fr;align-items:start;gap:3rem;display:grid}.chat-section{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);margin-top:2rem;padding:2rem}.chat-section .chat{max-width:1400px;max-height:400px;margin:0 auto}.dashboard-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-glassmorphic);transition:var(--transition-smooth);border-radius:24px;height:fit-content;padding:2rem}.dashboard-card:hover{box-shadow:0 10px 40px #0000001a,var(--shadow-glassmorphic);transform:translateY(-2px)}.dark .dashboard-card:hover{box-shadow:0 10px 40px #0000004d,var(--shadow-glassmorphic)}.leaderboard-modern{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-glassmorphic);transition:var(--transition-smooth);border-radius:24px;height:100%;padding:.5rem;position:relative;overflow:hidden}.leaderboard-modern:hover{box-shadow:0 10px 40px #0000001a,var(--shadow-glassmorphic);transform:translateY(-2px)}.dark .leaderboard-modern:hover{box-shadow:0 10px 40px #0000004d,var(--shadow-glassmorphic)}.leaderboard-modern .leaderboard-header{border-bottom:1px solid var(--glass-border);align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.leaderboard-icon{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:16px;justify-content:center;align-items:center;width:3rem;height:3rem;animation:3s ease-in-out infinite glowPulse;display:flex;box-shadow:0 4px 15px #f59e0b66}.leaderboard-icon .icon-text{color:#fff;font-size:1.5rem}.leaderboard-title-section{flex:1}.leaderboard-title{background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.leaderboard-subtitle{color:#6b7280;margin:.25rem 0 0;font-size:.875rem}.dark .leaderboard-subtitle{color:#9ca3af}.darkmode-toggle-modern{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);transition:var(--transition-smooth);cursor:pointer;border-radius:12px;padding:.5rem;position:relative;overflow:hidden}.darkmode-toggle-modern:hover{border-color:#667eea4d;transform:translateY(-1px)scale(1.05);box-shadow:0 8px 25px #00000026}.dark .darkmode-toggle-modern:hover{box-shadow:0 8px 25px #0000004d}.darkmode-toggle-modern:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#ffc1071a,#ff57221a);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.darkmode-toggle-modern:hover:before{opacity:1}.darkmode-toggle-modern svg{transition:var(--transition-quick);z-index:1;display:block;position:relative}.tab-system-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px 16px 0 0;gap:.5rem;padding:.5rem;display:flex}.tab-button-modern{transition:var(--transition-smooth);color:#6b7280;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex:1;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;position:relative;overflow:hidden}.dark .tab-button-modern{color:#9ca3af}.tab-button-modern:hover{border-color:var(--glass-border);background:#ffffff1a;transform:scale(1.02)}.dark .tab-button-modern:hover{background:#ffffff0d}.tab-button-modern.active{background:var(--gradient-primary);color:#fff;border-color:#667eea4d;font-weight:600;box-shadow:0 4px 15px #667eea4d}.tab-button-modern.active:before{content:"";pointer-events:none;background:linear-gradient(135deg,#fff3,#ffffff1a);width:100%;height:100%;position:absolute;top:0;left:0}.tab-system-content{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-top:none;border-radius:0 0 16px 16px;height:100%}.network-indicator-modern{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-glassmorphic);transition:var(--transition-smooth);border-radius:16px;align-items:center;gap:.25rem;min-width:fit-content;height:fit-content;padding:.25rem .5rem;display:flex;position:relative;overflow:hidden}.network-indicator-modern:hover{box-shadow:0 10px 40px #0000001a,var(--shadow-glassmorphic);transform:translateY(-2px)}.dark .network-indicator-modern:hover{box-shadow:0 10px 40px #0000004d,var(--shadow-glassmorphic)}.network-indicator-icon{background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:1rem;height:1rem;animation:3s ease-in-out infinite glowPulse;display:flex;box-shadow:0 4px 15px #10b98166}.network-indicator-title-section{flex:1}.network-indicator-title{background:linear-gradient(135deg,#10b981,#059669);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1rem;font-weight:700;line-height:1.2}.network-indicator-subtitle{color:#6b7280;margin:0;font-size:.75rem;font-weight:500}.dark .network-indicator-subtitle{color:#9ca3af}.history-table-modern{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-glassmorphic);transition:var(--transition-smooth);border-radius:24px;overflow:hidden}.history-table-modern:hover{box-shadow:0 12px 40px #0000001a,var(--shadow-glassmorphic);transform:translateY(-1px)}.dark .history-table-modern:hover{box-shadow:0 12px 40px #0000004d,var(--shadow-glassmorphic)}.history-table-container{flex-grow:1;max-height:600px;overflow:auto}.history-table{border-collapse:separate;border-spacing:0;width:100%;min-width:100%}.history-table-header{z-index:10;position:sticky;top:0}.history-table-header th{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#6b7280;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:none;padding:16px;font-size:.75rem;font-weight:600}.dark .history-table-header th{color:#9ca3af;background:linear-gradient(135deg,#1f293733,#1118271a)}.history-table tbody tr{border-top:1px solid #ffffff1a;transition:all .3s}.history-table tbody tr:hover{background:linear-gradient(135deg,#667eea14,#9333ea14);transform:translate(2px)}.dark .history-table tbody tr:hover{background:linear-gradient(135deg,#667eea1f,#9333ea1f)}.history-table tbody td{color:#374151;border:none;padding:16px;font-size:.875rem}.dark .history-table tbody td{color:#d1d5db}.dialog-button-cancel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:#6b7280;transition:var(--transition-smooth);cursor:pointer;border-radius:12px;padding:.5rem 1rem;font-weight:500;position:relative;overflow:hidden}.dark .dialog-button-cancel{color:#9ca3af}.dialog-button-cancel:hover:not(:disabled){border-color:#ef44444d;transform:translateY(-1px)scale(1.02);box-shadow:0 4px 15px #0000001a}.dark .dialog-button-cancel:hover:not(:disabled){box-shadow:0 4px 15px #0000004d}.dialog-button-cancel:disabled{opacity:.5;cursor:not-allowed}.dialog-button-primary{background:var(--gradient-primary);color:#fff;transition:var(--transition-smooth);cursor:pointer;border:1px solid #667eea4d;border-radius:12px;padding:.5rem 1rem;font-weight:600;position:relative;overflow:hidden;box-shadow:0 4px 15px #667eea4d}.dialog-button-primary:hover:not(:disabled){border-color:#667eea80;transform:translateY(-1px)scale(1.02);box-shadow:0 8px 25px #667eea66}.dialog-button-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 4px 15px #667eea33}.dialog-button-primary:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#fff3,#ffffff1a);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.dialog-button-primary:hover:not(:disabled):before{opacity:1}.leaderboard-modern table{border-collapse:separate;border-spacing:0;width:100%}.leaderboard-modern thead th{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#6b7280;text-transform:uppercase;letter-spacing:.5px;z-index:2;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:none;padding:12px 16px;font-size:.75rem;font-weight:600;position:sticky;top:0}.dark .leaderboard-modern thead th{color:#9ca3af;background:linear-gradient(135deg,#1f293733,#1118271a)}.leaderboard-modern thead th:first-child{border-top-left-radius:12px}.leaderboard-modern thead th:last-child{border-top-right-radius:12px}.leaderboard-modern tbody tr{transition:all .3s;position:relative}.leaderboard-modern tbody tr:hover{background:linear-gradient(135deg,#667eea14,#9333ea14);transform:translate(4px)}.dark .leaderboard-modern tbody tr:hover{background:linear-gradient(135deg,#667eea1f,#9333ea1f)}.leaderboard-modern tbody td{border:none;padding:16px;position:relative}.leaderboard-modern tbody tr td:first-child>div{animation:3s ease-in-out infinite rankPulse;position:relative}.leaderboard-modern tbody tr:first-child td:first-child>div{animation:2s ease-in-out infinite alternate goldGlow;box-shadow:0 4px 20px #ffd70066;background:linear-gradient(135deg,gold,#ffb000)!important}.leaderboard-modern tbody tr:nth-child(2) td:first-child>div{box-shadow:0 4px 20px #c0c0c066;background:linear-gradient(135deg,silver,#a8a8a8)!important}.leaderboard-modern tbody tr:nth-child(3) td:first-child>div{box-shadow:0 4px 20px #cd7f3266;background:linear-gradient(135deg,#cd7f32,#b8860b)!important}.leaderboard-modern tbody td span.text-green-600,.leaderboard-modern tbody td span.text-green-400{background:linear-gradient(135deg,#10b981,#059669);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700;position:relative}.leaderboard-modern tbody td span.text-purple-600,.leaderboard-modern tbody td span.text-purple-400{background:linear-gradient(135deg,#8b5cf6,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}@keyframes rankPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes goldGlow{0%{box-shadow:0 4px 20px #ffd70066}to{box-shadow:0 8px 30px #ffd70099}}@media (max-width:1200px){.content-grid{grid-template-columns:1.5fr 1fr;gap:2rem}}@media (max-width:768px){.hero-section{padding:3rem 1rem}.hero-content{gap:2rem}.hero-stats{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1.5rem}.stat-number{font-size:2rem}.main-content{padding:2rem 1rem}.content-grid{grid-template-columns:1fr;gap:2rem}.sidebar-section{position:static}.chat-section{padding:1.5rem 1rem}.dashboard-card{padding:1.5rem}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.stat-card{padding:1rem}.stat-number{font-size:1.75rem}.main-content{padding:1.5rem .5rem}.dashboard-card{padding:1rem}}.pagination-container{justify-content:center;align-items:center;padding:.5rem 0;display:flex}.pagination-nav{align-items:center;gap:.5rem;display:flex}.pagination-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#374151;cursor:pointer;background:#fff3;border:1px solid #e5e7eb4d;border-radius:.5rem;justify-content:center;align-items:center;min-width:2.5rem;height:2.5rem;padding:.5rem .75rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.dark .pagination-btn{color:#d1d5db;background:#1f29374d;border-color:#4b55634d}.pagination-btn:hover:not(:disabled){color:#111827;background:#ffffff4d;border-color:#d1d5db80;transform:scale(1.05);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dark .pagination-btn:hover:not(:disabled){color:#f9fafb;background:#37415166;border-color:#6b728080}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn:disabled:hover{transform:none}.pagination-btn.active{color:#7c3aed;background:#8b5cf633;border-color:#8b5cf666;box-shadow:0 0 0 3px #8b5cf640}.dark .pagination-btn.active{color:#c4b5fd;background:#8b5cf64d;border-color:#a88bfa80}.pagination-pages{align-items:center;gap:.25rem;display:flex}.pagination-ellipsis{color:#6b7280;padding:.5rem}.dark .pagination-ellipsis{color:#9ca3af}.pagination-info{color:#4b5563;text-align:center;margin-top:1rem;font-size:.875rem}.dark .pagination-info{color:#9ca3af}.pagination-wrapper{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1rem}.dark .pagination-wrapper{border-color:#374151}.dashboard-card{background-color:#e5e7eb;border:1px solid #d1d5db;border-radius:.375rem;padding:1rem;transition:all .2s ease-in-out;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dark .dashboard-card{background-color:#111827;border-color:#374151}.active-nav{color:#059669;text-underline-offset:4px;text-decoration:underline}.dark .active-nav{color:#34d399}.countdown-container-minimal{background-color:#e5e7eb;border:1px solid #d1d5db;border-radius:.375rem;flex-direction:row;justify-content:center;align-items:center;gap:.25rem;padding:.25rem;display:flex}.dark .countdown-container-minimal{background-color:#111827;border-color:#374151}.chat-header{color:#065f46;background-color:#9ca3af;align-items:center;padding:.5rem;display:flex}.dark .chat-header{color:#d1fae5;background-color:#030712}.chat-title{color:#065f46;margin:.125rem;font-size:1.125rem;font-weight:500}.dark .chat-title{color:#d1fae5}.chat-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-message-list{flex:1;margin:0;padding:.5rem;list-style:none;overflow-y:auto}.chat-message-item{color:#6b7280;margin:16px 0 0;padding-left:15px;text-decoration:none;transition:background-color .2s ease-in-out;position:relative}.chat-message-item.self{background-color:#4682b41a;border-radius:6px;margin-right:8px;padding:8px 15px}.chat-message-item:not(:last-of-type):before{content:"";background-color:#6b7280;width:1px;height:40px;display:block;position:absolute;top:15px;left:2px}.chat-message-item:after{content:"";background-color:#6b7280;border-radius:50%;width:5px;height:5px;display:block;position:absolute;top:5px;left:0}.chat-message-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.chat-message-timestamp{letter-spacing:normal;color:#dc2626;text-align:right;font-size:10px}.chat-message-content{color:#111827;background-color:#d1d5db;border-radius:8px;margin:2px 0 8px;padding:8px 12px}.dark .chat-message-content{color:#f9fafb;background-color:#1f2937}.chat-message-item.self .chat-message-content,.dark .chat-message-item.self .chat-message-content{background-color:#8b5cf61a}.chat-message-sender{color:#000;font-size:12px;font-weight:600}.chat-message-username{color:#4682b4;font-weight:600}.chat-message-address{color:#555;font-size:11px;font-weight:400}.chat-message-text{color:#111827;text-align:left;word-break:break-word;margin-top:.125rem;font-size:.75rem;line-height:1.4}.dark .chat-message-text{color:#9ca3af}.chat-input-container{border-top:1px solid #d1d5db;margin-top:16px;padding:.5rem;display:flex}.dark .chat-input-container{border-color:#6b7280}.chat-input{background-color:#d1d5db;border:1px solid #d1d5db;border-radius:4px;outline:none;flex-grow:1;padding:6px 10px;font-size:12px;transition:border-color .3s}.dark .chat-input{color:#f9fafb;background-color:#1f2937;border-color:#374151}.chat-input:focus{border-color:#4682b4}.chat-send-button{color:#fff;cursor:pointer;background-color:#4682b4;border:none;border-radius:4px;margin-left:8px;padding:6px 12px;font-size:12px;transition:all .3s}.chat-send-button:hover:not(:disabled){background-color:#3a7199;transform:translateY(-1px)}.chat-send-button:active:not(:disabled){transform:translateY(1px)}.chat-send-button:disabled{opacity:.7;cursor:not-allowed}.chat-send-button.sending{animation:1.5s ease-in-out infinite pulse}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-content>*{animation:.8s ease-out fadeInUp}.hero-text{animation-delay:.2s}.hero-stats{animation-delay:.4s}.stat-card{animation:.6s ease-out both fadeInUp}.stat-card:first-child{animation-delay:.6s}.stat-card:nth-child(2){animation-delay:.7s}.stat-card:nth-child(3){animation-delay:.8s}.competitions-section,.sidebar-section{animation:.8s ease-out .9s both fadeInUp}.chat-section{animation:.8s ease-out 1s both fadeInUp}.quickplay-modern{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-glassmorphic);transition:var(--transition-smooth);border-radius:24px;height:fit-content;padding:2rem;position:relative;overflow:hidden}.quickplay-modern:hover{box-shadow:0 10px 40px #0000001a,var(--shadow-glassmorphic);transform:translateY(-2px)}.dark .quickplay-modern:hover{box-shadow:0 10px 40px #0000004d,var(--shadow-glassmorphic)}.quickplay-header{border-bottom:1px solid var(--glass-border);align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.quickplay-icon{background:var(--gradient-primary);width:3rem;height:3rem;box-shadow:0 4px 15px var(--glow-primary);border-radius:16px;justify-content:center;align-items:center;animation:3s ease-in-out infinite glowPulse;display:flex}.quickplay-icon .icon-text{color:#fff;font-size:1.5rem}.quickplay-title-section{flex:1}.quickplay-title{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.quickplay-subtitle{color:#6b7280;margin:.25rem 0 0;font-size:.875rem}.dark .quickplay-subtitle{color:#9ca3af}.quickplay-actions{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.quickplay-btn{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);cursor:pointer;transition:var(--transition-smooth);text-align:left;border-radius:16px;padding:1.25rem;position:relative;overflow:hidden}.quickplay-btn.primary{background:linear-gradient(135deg,#667eea1a,#3b82f61a);border-color:#667eea33}.dark .quickplay-btn.primary{background:linear-gradient(135deg,#667eea26,#3b82f626);border-color:#667eea4d}.quickplay-btn.secondary{background:linear-gradient(135deg,#10b9811a,#22c55e1a);border-color:#10b98133}.dark .quickplay-btn.secondary{background:linear-gradient(135deg,#10b98126,#22c55e26);border-color:#10b9814d}.quickplay-btn:hover{border-color:#667eea66;transform:translateY(-4px)scale(1.02)}.quickplay-btn.primary:hover{background:linear-gradient(135deg,#667eea33,#3b82f633);box-shadow:0 8px 25px #667eea4d}.quickplay-btn.secondary:hover{background:linear-gradient(135deg,#10b98133,#22c55e33);border-color:#10b98166;box-shadow:0 8px 25px #10b9814d}.quickplay-btn:active{transform:translateY(-2px)scale(1.01)}.btn-content{z-index:2;align-items:center;gap:1rem;display:flex;position:relative}.quickplay-btn-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.5rem;display:flex}.btn-text-group{flex:1}.btn-title{color:#111827;margin-bottom:.25rem;font-size:1rem;font-weight:600;display:block}.dark .btn-title{color:#f9fafb}.btn-subtitle{color:#6b7280;font-size:.75rem;line-height:1.2;display:block}.dark .btn-subtitle{color:#9ca3af}.btn-glow{opacity:0;pointer-events:none;background:linear-gradient(45deg,#0000,#667eea1a,#0000);border-radius:16px;transition:opacity .6s;position:absolute;inset:0}.quickplay-btn:hover .btn-glow{opacity:1}.quickplay-stats{border-top:1px solid var(--glass-border);justify-content:space-between;gap:1rem;padding-top:1rem;display:flex}.stat-item-mini{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex}.stat-label-mini{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.75rem;font-weight:500}.dark .stat-label-mini{color:#9ca3af}.stat-value-mini{color:#111827;font-family:Exo2,monospace;font-size:1.125rem;font-weight:700}.dark .stat-value-mini{color:#f9fafb}@media (max-width:768px){.quickplay-modern{padding:1.5rem}.quickplay-header{margin-bottom:1.5rem}.quickplay-title{font-size:1.25rem}.quickplay-btn{padding:1rem}.btn-content{gap:.75rem}.quickplay-btn-icon{width:2rem;height:2rem;font-size:1.25rem}}@media (max-width:480px){.quickplay-modern{padding:1.25rem}.quickplay-stats{flex-direction:column;gap:.75rem}.stat-item-mini{flex-direction:row;justify-content:space-between}}.landing-page{color:#1f2937;background-color:#fff;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:all .3s}.landing-page.dark{color:#fff;background-color:#0f172a}.landing-header{z-index:50;background-color:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem 1.5rem;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0}.dark .landing-header{background-color:#0f172a;border-bottom-color:#374151}.landing-header-container{width:100%;max-width:1280px;margin:0 auto}.landing-header-content{justify-content:space-between;align-items:center;display:flex}.landing-header-logo{align-items:center;display:flex}.landing-logo-img{height:2rem}.landing-header-nav{align-items:center;gap:1rem;display:flex}.landing-social-link{background-color:#0000;border-radius:9999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .3s;display:flex}.landing-social-link:hover{background-color:#f3f4f6}.dark .landing-social-link:hover{background-color:#374151}.landing-social-link .icon-social,.landing-social-icon{width:1.25rem;height:1.25rem}.landing-social-icon-invert{filter:invert()}.landing-launch-btn{color:#fff;background-color:#9333ea;border:none;border-radius:.375rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s}.landing-launch-btn:hover{background-color:#7c3aed}.landing-theme-toggle{width:2.5rem;height:2.5rem;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;transition:all .3s;display:flex}.landing-theme-toggle:hover{background-color:#f3f4f6}.dark .landing-theme-toggle:hover{background-color:#374151}.landing-theme-toggle svg,.landing-theme-icon{width:1.25rem;height:1.25rem}.landing-main{background-color:#fff;padding-top:5rem}.dark .landing-main{background-color:#0f172a}.landing-hero{text-align:center;max-width:1024px;margin:0 auto;padding:4rem 1.5rem}.landing-hero-content{flex-direction:column;align-items:center;gap:2rem;display:flex}.landing-hero-title{margin-bottom:2rem;font-size:3.75rem;font-weight:700}.landing-hero-gradient{background:linear-gradient(90deg,#9333ea,#3b82f6);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.landing-hero-subtitle{color:#4b5563;max-width:32rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.25rem;line-height:1.6}.dark .landing-hero-subtitle{color:#d1d5db}.landing-hero-cta{flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex}.landing-hero-btn{color:#fff;background-color:#9333ea;border:none;border-radius:.375rem;padding:.75rem 1.5rem;font-size:1rem;text-decoration:none;transition:all .3s}.landing-hero-btn:hover{background-color:#7c3aed}.landing-solana-badge{height:1.5rem}.landing-solana-badge-light{filter:invert()}.landing-stats-section{background-color:#f9fafb;padding:5rem 0}.dark .landing-stats-section{background-color:#1e293b}.landing-stats-container{text-align:center;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;max-width:1152px;margin:0 auto;padding:0 1.5rem;display:grid}.landing-stat-item{flex-direction:column;align-items:center;display:flex}.landing-stat-number{background:linear-gradient(90deg,#9333ea,#3b82f6);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3rem;font-weight:700}.landing-stat-label{color:#4b5563;font-size:1.125rem}.dark .landing-stat-label{color:#fff}.landing-features{background-color:#fff;padding:4rem 0}.dark .landing-features{background-color:#0f172a}.landing-features-container{max-width:1152px;margin:0 auto;padding:0 1.5rem}.landing-ui-preview{justify-content:center;margin-bottom:4rem;display:flex}.landing-ui-device-frame{background-color:#f3f4f6;border:8px solid #d1d5db;border-radius:1.5rem;padding:1rem;box-shadow:0 25px 50px -12px #00000040}.dark .landing-ui-device-frame{background-color:#374151;border-color:#4b5563}.landing-ui-screenshot{border-radius:.75rem;width:100%;max-width:64rem;height:auto;display:block}.landing-section-title{text-align:center;color:#1f2937;margin-bottom:4rem;font-size:2.25rem;font-weight:700}.dark .landing-section-title{color:#fff}.landing-features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;display:grid}.landing-feature-item{text-align:center}.landing-feature-icon{border-radius:1rem;justify-content:center;align-items:center;width:4rem;height:4rem;margin:0 auto 1.5rem;display:flex}.landing-icon-connect{background-color:#ede9fe}.dark .landing-icon-connect{background-color:#581c87}.landing-icon-connect svg{color:#9333ea}.landing-icon-compete{background-color:#dbeafe}.dark .landing-icon-compete{background-color:#1e3a8a}.landing-icon-compete svg{color:#3b82f6}.landing-icon-earn{background-color:#dcfce7}.dark .landing-icon-earn{background-color:#14532d}.landing-icon-earn svg{color:#16a34a}.landing-feature-icon svg{width:2rem;height:2rem}.landing-feature-title{color:#1f2937;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.dark .landing-feature-title{color:#fff}.landing-feature-text{color:#4b5563;line-height:1.6}.dark .landing-feature-text{color:#d1d5db}.landing-community{background-color:#f3f4f6;padding:4rem 0}.dark .landing-community{background-color:#1e293b}.landing-community-container{text-align:center;max-width:1152px;margin:0 auto;padding:0 1.5rem}.landing-community-links{justify-content:center;gap:1.5rem;display:flex}.landing-community-link{background-color:#fff;border-radius:9999px;justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .3s;display:flex}.landing-community-link:hover{background-color:#f9fafb}.dark .landing-community-link{background-color:#0f172a}.dark .landing-community-link:hover{opacity:.8}.landing-community-link .icon-social,.landing-community-icon{width:1.5rem;height:1.5rem}.landing-community-icon-invert{filter:invert()}.landing-footer{background-color:#fff;padding:3rem 0}.dark .landing-footer{background-color:#0f172a}.landing-footer-container{max-width:1152px;margin:0 auto;padding:0 1.5rem}.landing-footer-content{color:#6b7280;flex-direction:column;justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.dark .landing-footer-content{color:#9ca3af}.landing-footer-left{margin-bottom:1rem}.landing-footer-right{gap:2rem;display:flex}.landing-footer-link{color:inherit;text-decoration:none;transition:color .3s}.landing-footer-link:hover{color:#374151}.dark .landing-footer-link:hover{color:#d1d5db}@media (min-width:768px){.landing-footer-content{flex-direction:row}.landing-footer-left{margin-bottom:0}.landing-hero-title{font-size:4rem}}.launch-app-button:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1a,#0000,#ffffff1a);border-radius:50px;transition:opacity .4s;position:absolute;inset:0}.launch-app-button:hover:before{opacity:1}.launch-app-button:hover{text-shadow:0 0 20px #ffffff80;border-color:#ffffff80;transform:translateY(-8px)scale(1.05);box-shadow:0 20px 60px #0000004d,0 0 0 1px #fff3}.launch-app-button:active{transform:translateY(-4px)scale(1.02)}.landing-stats{flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:2rem;display:flex}.landing-stat-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;min-width:140px;padding:2rem 1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);animation:4s ease-in-out infinite statCardFloat;box-shadow:0 8px 30px #0000001a}.landing-stat-card:first-child{animation-delay:0s}.landing-stat-card:nth-child(2){animation-delay:1.3s}.landing-stat-card:nth-child(3){animation-delay:2.6s}@keyframes statCardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.landing-stat-card:hover{border-color:#fff6;transform:translateY(-10px)scale(1.05);box-shadow:0 15px 50px #0003}.landing-stat-card .stat-number{color:#fff;text-shadow:0 2px 10px #0000004d;margin-bottom:.5rem;font-family:Exo2,monospace;font-size:2rem;font-weight:900}.landing-stat-card .stat-label{color:#fffc;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:500}.landing-background{z-index:1;position:absolute;inset:0;overflow:hidden}.floating-element{background:#ffffff1a;border-radius:50%;animation:20s linear infinite floatAnimation;position:absolute}.floating-1{width:100px;height:100px;animation-duration:25s;animation-delay:0s;top:20%;left:10%}.floating-2{width:150px;height:150px;animation-duration:30s;animation-delay:-10s;top:60%;right:15%}.floating-3{width:80px;height:80px;animation-duration:35s;animation-delay:-20s;bottom:30%;left:20%}@keyframes floatAnimation{0%{opacity:.7;transform:translateY(0)rotate(0)}25%{opacity:1;transform:translateY(-100px)rotate(90deg)}50%{opacity:.8;transform:translateY(-50px)rotate(180deg)}75%{opacity:.9;transform:translateY(-150px)rotate(270deg)}to{opacity:.7;transform:translateY(0)rotate(360deg)}}.landing-footer{z-index:10;background:0 0;padding:2rem;position:relative}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;display:flex}.footer-text{color:#fffc;margin:0;font-size:.875rem}.footer-links{gap:2rem;display:flex}.footer-link{color:#fffc;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .3s}.footer-link:hover{color:#fff;text-shadow:0 0 10px #ffffff80}@media (max-width:768px){.landing-hero{padding:2rem 1rem}.landing-hero-content{gap:2rem}.landing-logo{width:80px;height:80px}.landing-title{font-size:2.5rem}.landing-subtitle{font-size:1.125rem}.launch-app-button{min-width:180px;padding:1rem 2rem;font-size:1.125rem}.landing-stats{gap:1rem;margin-top:1.5rem}.landing-stat-card{min-width:120px;padding:1.5rem 1rem}.landing-stat-card .stat-number{font-size:1.5rem}.footer-content{text-align:center;flex-direction:column;gap:1rem}.footer-links{gap:1.5rem}}@media (max-width:480px){.landing-hero{padding:1.5rem 1rem}.landing-title{font-size:2rem}.landing-subtitle{font-size:1rem}.landing-stats{flex-direction:column;align-items:center;gap:1rem}.landing-stat-card{width:100%;max-width:200px}.launch-app-button{min-width:160px;padding:.875rem 1.5rem;font-size:1rem}}.footer-social{align-items:center;gap:1rem;display:flex}.footer-link{color:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .3s}.footer-link:hover{color:#fff;text-shadow:0 0 10px #ffffff80;background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.dark .social-link{background:#0000004d;border-color:#ffffff1a}.dark .social-link:hover{background:#0006;border-color:#fff3;box-shadow:0 8px 25px #0000004d}.dark .footer-link{background:#0003;border-color:#ffffff0d}.dark .footer-link:hover{background:#0000004d;border-color:#ffffff1a}@media (max-width:768px){.footer-social{gap:.75rem}.social-link{padding:.5rem}}@media (max-width:480px){.footer-social{gap:.5rem}.social-link{padding:.375rem}}.landing-brand-link{color:inherit;transition:var(--transition-quick);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1.5rem;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;display:flex;text-decoration:none!important}.landing-brand-link:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-4px)scale(1.02);box-shadow:0 12px 40px #00000026}.landing-brand-link:hover .landing-logo{filter:drop-shadow(0 0 20px #ffffff4d);transform:rotate(5deg)scale(1.05)}.landing-brand-link:hover .landing-title{text-shadow:0 0 20px #ffffff80;transform:scale(1.02);text-decoration:none!important}.landing-brand-link:active{transform:translateY(-2px)scale(1.01)}.header-brand-link{color:inherit;cursor:pointer;height:2rem;transition:var(--transition-quick);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;align-items:center;gap:.75rem;text-decoration:none;display:flex}.header-brand-link:hover{background:#ffffff1a;border-color:#fff3;box-shadow:0 8px 25px #0000001a}.header-brand-title{transition:var(--transition-quick);margin:0;font-size:1.25rem;font-weight:700}@media (max-width:640px){.header-brand-title{display:none}}.header-brand-link:active{transform:translateY(-1px)}.dark .landing-brand-link{background:#0003;border-color:#ffffff0d}.dark .landing-brand-link:hover{background:#0000004d;border-color:#ffffff1a;box-shadow:0 12px 40px #0000004d}.dark .header-brand-link{background:#0003;border-color:#ffffff0d}.dark .header-brand-link:hover{background:#0000004d;border-color:#ffffff1a;box-shadow:0 8px 25px #0003}.landing-logo-theme{content:url(/assets/images/3d868810-570d-474d-a2fa-385aec9b28c0.png)}.dark .landing-logo-theme{content:url(/assets/images/a11d7539-8c11-4d3b-9efd-7d7d92c8f56c.png)}.landing-social-icon-theme{filter:none}.dark .landing-social-icon-theme{filter:invert()brightness()}.landing-community-icon-theme{filter:none}.dark .landing-community-icon-theme{filter:invert()brightness()}.landing-theme-icon{filter:none}.dark .landing-theme-icon{filter:invert()brightness()}.landing-ui-theme{content:url(/assets/images/8f58fc7b-458d-4a30-996a-fed2de770c7c.png)}.dark .landing-ui-theme{content:url(/assets/images/ed5b01bc-3004-4585-9114-a39cb9548c7f.png)}.landing-solana-badge-theme,.dark .landing-solana-badge-theme{content:url(/assets/images/c964cee4-6ce5-4034-931d-967721c1bd9d.png)}.wallet-state-visible{visibility:visible!important;opacity:1!important;pointer-events:auto!important;display:block!important}.wallet-state-hidden{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}.wallet-selector-wrapper{z-index:50;position:fixed;inset:0}.ref-card{background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);color:hsl(var(--foreground));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-direction:column;height:100%;transition:all .2s;display:flex;box-shadow:0 4px 24px #0000001a}.dark .ref-card{background-color:#0f172a;border-color:#475569}.ref-card:hover{transform:translateY(-1px);box-shadow:0 6px 32px #00000026}.ref-card-header{border-bottom:1px solid #bccadc;flex-shrink:0;justify-content:space-between;align-items:center;height:3rem;padding:.75rem;display:flex}.dark .ref-card-header{border-bottom:1px solid #475569}.ref-card-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.profile-dialog{width:90%;max-width:400px}.profile-dialog-body{text-align:left;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.profile-field{align-items:center;gap:1rem;display:flex}.profile-avatar{background:linear-gradient(135deg,hsl(var(--muted))0%,hsla(var(--muted-foreground)/.1)100%);border:2px solid hsl(var(--border));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.profile-avatar-icon{color:hsl(var(--muted-foreground));width:24px;height:24px}.profile-input-section{flex-direction:column;flex:1;gap:.5rem;display:flex}.profile-label{color:hsl(var(--muted-foreground));margin-bottom:.25rem;font-size:.875rem;font-weight:500}.profile-input{border:1px solid hsl(var(--border));background:hsl(var(--background));width:100%;color:hsl(var(--foreground));border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem;transition:all .2s}.profile-input:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 2px hsla(var(--primary)/.2);outline:none}.profile-input::placeholder{color:hsl(var(--muted-foreground))}.profile-save-button{margin-top:.5rem}.dark .profile-input{background:hsl(var(--muted)/.1);border-color:hsl(var(--border))}.dark .profile-input:focus{border-color:hsl(var(--primary));background:hsl(var(--background))}.dropdown-button.active{background-color:hsl(var(--primary)/.1);color:hsl(var(--primary));font-weight:600}.header-dropdown-menu.light .dropdown-button.active{background-color:hsl(var(--primary)/.1);color:hsl(var(--primary))}.header-dropdown-menu.dark .dropdown-button.active{background-color:hsl(var(--primary)/.15);color:hsl(var(--primary))}