:root{--bg-primary:#0c0f0e;--bg-secondary:#1a1f1d;--bg-tertiary:#242b28;--bg-card:#1e2522;--bg-card-hover:#252c29;--bg-surface:#2a312e;--bg-elevated:#323a36;--text-primary:#fff;--text-secondary:#b8c5c0;--text-muted:#8a9691;--text-disabled:#5a6661;--accent-primary:#19c25d;--accent-secondary:#15a84f;--accent-tertiary:#128a42;--border-primary:#3a4440;--border-secondary:#2f3833;--border-accent:#19c25d;--shadow-sm:0 1px 3px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.4);--shadow-lg:0 8px 24px rgba(0,0,0,0.5);--shadow-glow:0 0 20px rgba(25,194,93,0.2);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px}body,html{margin:0;padding:0;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);text-align:center;outline:none;touch-action:manipulation;overflow:hidden}#root{height:100%;overflow-y:auto;padding-bottom:70px!important;-webkit-overflow-scrolling:touch;background:linear-gradient(135deg,var(--bg-primary),var(--bg-secondary));padding-top:calc(40px + env(safe-area-inset-top));overscroll-behavior-y:none}.navbar-fixed{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border-bottom:1px solid var(--border-primary);box-shadow:var(--shadow-md);z-index:1030;padding-top:env(safe-area-inset-top)}.navbar-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;height:56px}.navbar-toggler{background:transparent;border:none;padding:.4rem .6rem;cursor:pointer;outline:none!important;transition:all .3s ease}.navbar-toggler:focus{box-shadow:none}.navbar-toggler:hover{background-color:initial;transform:scale(1.05)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%2319C25D' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.5' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;background-size:100%;transition:all .3s ease}.navbar-title{color:var(--accent-primary);font-size:.9rem;font-weight:600;text-shadow:0 0 8px rgba(25,194,93,.3)}.navbar-menu{position:fixed;top:calc(56px + env(safe-area-inset-top));left:0;right:0;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border-bottom:1px solid var(--border-primary);box-shadow:var(--shadow-lg);z-index:1029;padding:1rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}.navbar-nav{list-style:none;padding:0;margin:0}.nav-item{margin-bottom:.5rem}.nav-link{display:block;padding:.5rem 1rem;color:hsla(0,0%,100%,.85);text-decoration:none;border-radius:4px}.nav-link:hover{background-color:hsla(0,0%,100%,.1);color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.navbar{padding-top:max(env(safe-area-inset-top),20px)!important;min-height:60px;background-color:rgba(33,37,41,.95)!important}.navbar .container-fluid{padding:.5rem 1rem}.navbar-collapse{background-color:rgba(33,37,41,.95);padding:1rem;border-radius:0 0 10px 10px}@supports (-webkit-touch-callout:none){:root{--navbar-height:56px;--safe-area-top:env(safe-area-inset-top,0px);--keyboard-height:0px}.navbar{padding-top:max(var(--safe-area-top),50px)!important;position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:9999!important;transition:none!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important;will-change:transform!important;height:calc(var(--navbar-height) + var(--safe-area-top))!important}body{padding-top:max(var(--safe-area-top),60px);-webkit-overflow-scrolling:touch}body.keyboard-is-open{height:100%!important;overflow:hidden!important;position:fixed!important;width:100%!important;bottom:0!important;top:0!important}input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important;appearance:none!important}input[type=checkbox],input[type=radio]{font-size:16px!important;appearance:auto!important}.form-control:focus{position:relative!important;z-index:1!important}.content-container{padding-top:calc(var(--navbar-height) + var(--safe-area-top))}}h1,h2{color:#4caf50;text-align:center;font-family:"Roboto",sans-serif;letter-spacing:2px;margin-bottom:20px;text-transform:uppercase;text-shadow:2px 2px 4px rgba(0,0,0,.2)}button,h1,h2{font-weight:500}button{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--text-primary);border:none;padding:12px 24px;cursor:pointer;font-size:16px;border-radius:var(--radius-md);transition:all .3s ease;width:100%;max-width:200px;margin:0 auto;box-shadow:var(--shadow-sm)}button:hover{background:linear-gradient(135deg,var(--accent-secondary),var(--accent-tertiary));transform:translateY(-2px);box-shadow:var(--shadow-md),var(--shadow-glow)}button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.container{max-width:800px;margin:0 auto;padding:20px}.fight{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background-color:var(--bg-card);border:1px solid var(--border-secondary);padding:16px;margin-bottom:12px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all .3s ease;position:relative}.fight:hover{background-color:var(--bg-card-hover);border-color:var(--border-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.fighter{display:flex;flex-direction:column;align-items:center;cursor:pointer;margin:0 20px;transition:background-color .3s ease;padding:10px}.fighter:first-child{align-items:flex-start}.fighter:last-child{align-items:flex-end}.fighter-image-wrapper{position:relative;display:inline-block}.fighter-image-wrapper img{width:100px;height:100px;object-fit:cover;object-position:top;border-radius:50%;margin-bottom:5px;transition:transform .3s ease;border:3px solid #4caf50}.fighter p{margin:0;font-weight:700}.fighter.selected{background-color:rgba(33,150,243,.5);border-radius:10px;padding:0;margin:0 20px;box-shadow:0 0 0 5px rgba(33,150,243,.5)}.star-icon{position:absolute;top:0;left:0;width:100%;height:100%;font-size:96px;color:gold;display:flex;justify-content:center;align-items:center;pointer-events:none;text-shadow:0 0 5px #000}.star{font-size:32px;cursor:pointer;margin-left:10px;color:#ccc;transition:color .3s ease}.star.highlighted{color:#ffeb3b}.save-selections-button{background-color:#4caf50;color:#fff;padding:20px 40px;text-align:center;text-decoration:none;display:inline-block;font-size:18px;margin:30px 0;cursor:pointer;border-radius:8px;transition:background-color .3s ease,transform .3s ease}.save-selections-button:hover{background-color:#45a049;transform:scale(1.05)}.leaderboard{padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);text-align:center;margin:40px auto 0}.leaderboard h2{margin-bottom:20px;font-weight:500;letter-spacing:2px;text-transform:uppercase;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.leaderboard td,.leaderboard th{padding:10px;border-bottom:1px solid #ddd}.leaderboard th{background-color:#f4f4f4;font-weight:700}.leaderboard tr:hover{background-color:#f1f1f1}.user-table{max-width:800px;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);text-align:center;margin:40px auto 0}.user-table table{width:100%;border-collapse:collapse}.user-table td,.user-table th{padding:10px;border-bottom:1px solid #ddd}.user-table th{background-color:#f4f4f4;font-weight:700}.user-table tr:hover{background-color:#f1f1f1}.user-table .leaderboard-title{font-size:24px;font-weight:500;color:#4caf50;margin-bottom:20px;text-align:center;text-transform:uppercase;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.auth-container{background-color:#f0f4f8;padding:40px;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:8px}.auth-container,.auth-form{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.auth-form{padding:20px;box-sizing:border-box;max-width:400px;margin:0 auto}.auth-form h2{margin-bottom:30px;color:var(--accent-primary);text-align:center;font-weight:600}.auth-form form{display:flex;flex-direction:column;align-items:center;width:100%}.auth-form input{width:100%;padding:14px 16px;margin:8px 0;border:1px solid var(--border-secondary);border-radius:var(--radius-md);font-size:16px;text-align:center;box-sizing:border-box;background-color:var(--bg-surface);color:var(--text-primary);transition:all .3s ease}.auth-form input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(25,194,93,.1);background-color:var(--bg-elevated)}.auth-form button{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--text-primary);border:none;padding:14px 28px;cursor:pointer;font-size:16px;font-weight:500;border-radius:var(--radius-md);transition:all .3s ease;width:100%;max-width:200px;margin:20px 0;box-shadow:var(--shadow-sm)}.auth-form button:hover{background:linear-gradient(135deg,var(--accent-secondary),var(--accent-tertiary));transform:translateY(-2px);box-shadow:var(--shadow-md),var(--shadow-glow)}.auth-form a{color:var(--accent-primary);text-decoration:none;margin-top:15px;font-size:14px;transition:all .3s ease;text-align:center}.auth-form a:hover{color:var(--accent-secondary);text-shadow:0 0 8px rgba(25,194,93,.3)}.auth-form .auth-message{color:#f44336;margin:10px 0;text-align:center}.auth-button{padding:10px;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s ease;margin-top:10px;width:100%;max-width:200px}.auth-button,.auth-button.secondary{background-color:#007bff}.auth-button.secondary:hover,.auth-button:hover{background-color:#0056b3}.auth-message{color:red;margin-top:10px;font-size:14px;text-align:center}.weight-class{text-align:center;font-weight:700}.loading-overlay{width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;color:#fff;font-size:24px}.loading-overlay,.navbar{position:fixed;top:0;left:0;z-index:1000}.burger-menu{justify-content:center;align-items:center;margin:0}.burger-menu,.menu-icon{display:flex;flex-direction:column;padding:10px}.menu-icon{cursor:pointer;justify-content:space-between;width:25px;height:20px;transition:.3s ease}.menu-icon:hover span{background-color:#45a049}.menu-icon span{display:block;width:100%;height:3px;background-color:#4caf50;transition:.3s ease;border-radius:3px}.dropdown-content{display:none;position:absolute;background:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:160px;box-shadow:0 8px 16px rgba(0,0,0,.2);z-index:1;border-radius:8px;overflow:hidden;margin-top:5px}.dropdown-content a{color:#4caf50;padding:12px 16px;text-decoration:none;display:block;font-family:"Arial",sans-serif;font-weight:600;letter-spacing:.5px;font-size:15px;transition:all .2s ease}.dropdown-content a:hover{background:hsla(0,0%,100%,.1);transform:translateX(5px);color:#66ff6a}.menu{display:none;position:absolute;top:100%;left:0;min-width:200px;padding:10px}.menu-open{display:block;animation:menuAppear .3s ease-out forwards}.menu li{opacity:0;transform:translateY(-10px);animation:menuItemAppear .3s ease-out forwards;margin:10px 0}.menu li:first-child{animation-delay:.1s}.menu li:nth-child(2){animation-delay:.2s}.menu li:nth-child(3){animation-delay:.3s}.menu li a,.menu li button{color:#4caf50;padding:12px 16px;text-decoration:none;display:block;text-align:left;font-size:16px;transition:all .2s ease;background:none;border:none;width:100%;cursor:pointer;font-family:"Arial",sans-serif;font-weight:600;letter-spacing:.5px}.menu li a:hover,.menu li button:hover{background-color:hsla(0,0%,100%,.1);transform:translateX(5px);color:#66ff6a}@keyframes menuAppear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes menuItemAppear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}#menu-toggle{display:none}#menu-toggle:checked~.menu{display:block}#menu-toggle:not(:checked)~.menu{display:none}@media (max-width:768px){body{font-size:.8rem}h1,h2{font-size:1.2rem;letter-spacing:1px;margin-bottom:10px}button{padding:5px 10px;font-size:.8rem;max-width:100px}.container{padding:5px;max-width:100%}table{font-size:.7rem}td,th{padding:4px}input[type=email],input[type=password],input[type=text]{padding:5px;font-size:.8rem;margin:5px 0}.fight-card{padding:5px;margin:5px 0;display:flex;flex-direction:column}.fighter-info{padding:5px;flex:1 1;display:flex;flex-direction:column;align-items:center}.fighter-info img{width:100px;height:100px;object-fit:cover;border-radius:50%}.fighter-name{font-size:.9rem;margin:5px 0}.fighter-record,.odds{font-size:.8rem;margin:2px 0}.vs-text{font-size:.9rem;margin:5px 0}.fight-card-buttons{display:flex;flex-direction:row;justify-content:center;grid-gap:5px;gap:5px;margin-top:5px}.fight-card-buttons button{padding:4px 8px;font-size:.7rem;margin:0}.navbar{padding:5px}.navbar a{font-size:.8rem;padding:5px 10px}.leaderboard table{font-size:.7rem}.leaderboard td,.leaderboard th{padding:3px}.auth-form{max-width:90%}.auth-form,.profile-container{padding:10px}.pick-card,.user-picks-container{padding:5px}.pick-card{margin:5px 0}}@media (max-width:768px){.container{padding:10px}.fight{display:grid;grid-template-columns:1fr auto 1fr;background-color:#fff;margin-bottom:10px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);position:relative}.fight,.fighter{align-items:center;transition:background-color .3s ease;padding:10px}.fighter{display:flex;flex-direction:column;cursor:pointer;margin:0 20px}.fighter-image-wrapper{position:relative;display:inline-block}.fighter-image-wrapper img{width:100px;height:100px;object-fit:cover;object-position:top;border-radius:50%;margin-bottom:5px;transition:transform .3s ease;border:3px solid #4caf50}.weight-class{font-size:14px;margin:10px 0;text-align:center}.save-selections-button{width:100%;padding:15px;font-size:16px;margin-top:20px}.leaderboard{width:100%;overflow-x:auto;padding:10px;box-sizing:border-box;margin-top:20px}.leaderboard table{width:100%;border-collapse:collapse}.leaderboard td,.leaderboard th{padding:8px;text-align:left;border-bottom:1px solid #ddd;white-space:nowrap}.user-table{width:100%;overflow-x:auto;padding:10px;box-sizing:border-box;margin-top:20px}.user-table table{width:100%;border-collapse:collapse}.user-table td,.user-table th{padding:8px;text-align:left;border-bottom:1px solid #ddd;white-space:nowrap}}.profile-container{max-width:600px;margin:40px auto;padding:20px}.profile-container h2{color:var(--accent-primary);margin-bottom:30px;text-align:center;font-weight:600}.profile-info{background-color:var(--bg-card);border:1px solid var(--border-secondary);padding:24px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.info-group{margin-bottom:20px}.info-group label{display:block;color:var(--text-secondary);margin-bottom:8px;font-weight:500}.info-group p{margin:0}.info-group input,.info-group p{font-size:16px;color:var(--text-primary)}.info-group input{width:100%;padding:12px 16px;border:1px solid var(--border-secondary);border-radius:var(--radius-md);margin-top:8px;background-color:var(--bg-surface);transition:all .3s ease}.info-group input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(25,194,93,.1);background-color:var(--bg-elevated)}.username-form button{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--text-primary);border:none;padding:14px 28px;border-radius:var(--radius-md);cursor:pointer;font-size:16px;font-weight:500;transition:all .3s ease;width:100%;max-width:200px;margin:20px auto 0;display:block;box-shadow:var(--shadow-sm)}.username-form button:hover{background:linear-gradient(135deg,var(--accent-secondary),var(--accent-tertiary));transform:translateY(-2px);box-shadow:var(--shadow-md),var(--shadow-glow)}.message{margin-top:20px;padding:12px 16px;border-radius:var(--radius-md);text-align:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--text-primary);font-weight:500;box-shadow:var(--shadow-sm)}.message.error{background:linear-gradient(135deg,#f44336,#d32f2f)}.fantasy-fights-title{color:var(--accent-primary);font-size:24px;font-weight:700;font-family:"Roboto",sans-serif;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 16px rgba(25,194,93,.5);padding:6px 0;background:linear-gradient(45deg,var(--accent-secondary),var(--accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;transform:perspective(500px) rotateX(10deg)}.card{background-color:var(--bg-card)!important;border:1px solid var(--border-secondary)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-md)!important;color:var(--text-primary)!important}.card:hover{background-color:var(--bg-card-hover)!important;border-color:var(--border-primary)!important;transform:translateY(-2px);box-shadow:var(--shadow-lg)!important}.card-body{color:var(--text-primary)!important}.card-title{color:var(--accent-primary)!important;font-weight:600!important}.card-text{color:var(--text-secondary)!important}.badge{background-color:var(--accent-primary)!important;color:var(--text-primary)!important;font-weight:500!important}.badge-secondary{background-color:var(--text-muted)!important}.text-muted{color:var(--text-muted)!important}.text-primary{color:var(--accent-primary)!important}.text-secondary{color:var(--text-secondary)!important}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary))!important;border-color:var(--accent-primary)!important;color:var(--text-primary)!important;font-weight:500!important;box-shadow:var(--shadow-sm)!important}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-secondary),var(--accent-tertiary))!important;border-color:var(--accent-secondary)!important;transform:translateY(-2px);box-shadow:var(--shadow-md),var(--shadow-glow)!important}.btn-secondary{background-color:var(--bg-surface)!important;border-color:var(--border-primary)!important;color:var(--text-primary)!important}.btn-secondary:hover{background-color:var(--bg-elevated)!important;border-color:var(--border-accent)!important}.form-control{background-color:var(--bg-surface)!important;border-color:var(--border-secondary)!important;color:var(--text-primary)!important}.form-control:focus{background-color:var(--bg-elevated)!important;border-color:var(--accent-primary)!important;box-shadow:0 0 0 3px rgba(25,194,93,.1)!important}h1,h2,h3,h4,h5,h6{color:var(--text-primary)!important}div,p,span{color:var(--text-primary)}small{color:var(--text-muted)!important}.dropdown-menu{background-color:var(--bg-card)!important;border:1px solid var(--border-primary)!important;box-shadow:var(--shadow-lg)!important}.dropdown-item{color:var(--text-primary)!important}.dropdown-item:hover{background-color:var(--bg-surface)!important;color:var(--accent-primary)!important}.table{color:var(--text-primary)!important}.table th{border-color:var(--border-primary)!important;color:var(--accent-primary)!important}.table td{border-color:var(--border-secondary)!important}.navbar-nav .nav-link{color:var(--text-primary)!important;transition:all .3s ease}.navbar-nav .nav-link:hover,.navbar .btn,.navbar button{color:var(--accent-primary)!important}.navbar .btn,.navbar button{border-color:var(--border-primary)!important}.navbar .btn:hover,.navbar button:hover{background-color:var(--bg-surface)!important;border-color:var(--accent-primary)!important;color:var(--text-primary)!important}.fa-angle-right,.fa-arrow-right,.fa-chevron-right{color:var(--text-secondary)!important}.position-fixed .btn,.position-fixed button{background-color:var(--bg-card)!important;border:1px solid var(--border-primary)!important;color:var(--accent-primary)!important;box-shadow:var(--shadow-md)!important}.position-fixed .btn:hover,.position-fixed button:hover{background-color:var(--bg-surface)!important;border-color:var(--accent-primary)!important;color:var(--text-primary)!important;box-shadow:var(--shadow-lg)!important}svg{fill:currentColor}.bg-white{background-color:var(--bg-card)!important}.bg-light{background-color:var(--bg-surface)!important}.border{border-color:var(--border-secondary)!important}.border-primary{border-color:var(--accent-primary)!important}.odds,.probability,.score,[class*=odds],[class*=prob]{font-family:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.card.card{border-color:var(--border-secondary)!important}.card.card,.card .card-body{background-color:var(--bg-card)!important;color:var(--text-primary)!important}.card .card-header{background-color:var(--bg-surface)!important;border-color:var(--border-secondary)!important}.card .card-header,.table.table{color:var(--text-primary)!important}.table.table{background-color:var(--bg-card)!important}.table.table th{color:var(--accent-primary)!important;border-color:var(--border-primary)!important;background-color:var(--bg-surface)!important}.table.table td{color:var(--text-primary)!important;border-color:var(--border-secondary)!important}.table.table tbody tr,.table.table td{background-color:var(--bg-card)!important}.table.table tbody tr:hover{background-color:var(--bg-surface)!important}.navbar-dark .navbar-toggler,.navbar.navbar-dark{border-color:transparent!important}.navbar-dark .navbar-toggler:focus{box-shadow:none!important}.navbar-dark .navbar-toggler:hover{background-color:initial!important;transform:scale(1.05)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%2319C25D' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.5' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")!important}.back-button,.back-button:active,.back-button:focus,.back-button:hover,.navbar-nav .nav-link,.navbar-nav .nav-link:active,.navbar-nav .nav-link:focus,.navbar-nav .nav-link:hover,.navbar-toggler,.navbar-toggler:active,.navbar-toggler:focus,.navbar-toggler:hover,.navbar .btn,.navbar .btn:active,.navbar .btn:focus,.navbar .btn:hover,.navbar button,.navbar button:active,.navbar button:focus,.navbar button:hover,button.navbar-toggler,button.navbar-toggler:active,button.navbar-toggler:focus,button.navbar-toggler:hover{background-color:initial!important;background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important}.btn.focus,.btn:focus,.btn:not(:disabled):not(.disabled).active:focus,.btn:not(:disabled):not(.disabled):active:focus,.show>.btn.dropdown-toggle:focus{box-shadow:none!important}.navbar-toggler:focus,.navbar .btn:focus,.navbar button:focus{background-color:initial!important;border-color:transparent!important;box-shadow:none!important;outline:none!important}.back-button:focus,.back-button:focus-visible,.back-button:focus-within,.btn:focus,.btn:focus-visible,.btn:focus-within,.navbar-toggler:focus,.navbar-toggler:focus-visible,.navbar-toggler:focus-within,:focus,:focus-visible,:focus-within,[style*=border],[style*=box-shadow],[style*=outline],button:focus,button:focus-visible,button:focus-within{outline:none!important;border:none!important;box-shadow:none!important}.navbar [class*=border],.navbar [class*=outline],.navbar [style*="#19C25D"],.navbar [style*="rgba(25, 194, 93"]{border:none!important}.navbar-content button,.navbar button,div[style*="backgroundColor: #222222"] button,div[style*="position: fixed"] button{border:none!important;outline:none!important;padding:0!important;margin:0!important;width:auto!important;max-width:none!important;transition:none!important}.navbar-content button,.navbar-content button:active,.navbar-content button:hover,.navbar button,.navbar button:active,.navbar button:hover,div[style*="backgroundColor: #222222"] button,div[style*="backgroundColor: #222222"] button:active,div[style*="backgroundColor: #222222"] button:hover,div[style*="position: fixed"] button,div[style*="position: fixed"] button:active,div[style*="position: fixed"] button:hover{background:transparent!important;background-color:initial!important;background-image:none!important;box-shadow:none!important;transform:none!important}.navbar-content button:active,.navbar button:active,div[style*="backgroundColor: #222222"] button:active,div[style*="position: fixed"] button:active{outline:none!important}.btn-focus,.focus,.focus-visible,.focus-within,.navbar-toggler.focus,.navbar-toggler.focus-visible{outline:none!important;border:none!important;box-shadow:none!important;background:transparent!important}.modal{z-index:1050}.modal,.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%}.modal-backdrop{background-color:rgba(0,0,0,.5);z-index:1040}.modal-dialog{z-index:1050;margin:1.75rem auto;max-width:500px}.page-title{text-shadow:2px 2px 4px rgba(0,0,0,.1)}.event-carousel{touch-action:none;cursor:grab}.event-carousel-container{display:flex;align-items:center;touch-action:none}.event-item{background-color:#fff;border-radius:8px;padding:.5rem;box-shadow:0 2px 8px rgba(0,0,0,.1);border:2px solid transparent;min-width:120px;height:90px;-webkit-user-select:none;user-select:none;font-size:.9rem}.event-item.active{border-color:#4caf50;transform:scale(1.05)}.event-item.left-1,.event-item.right-1{opacity:.8;transform:scale(.85)}.event-item.left-2,.event-item.right-2{opacity:.5;transform:scale(.75)}.event-item.left-3,.event-item.right-3{opacity:.3;transform:scale(.65)}.event-name{font-size:.9rem;color:#333;white-space:nowrap}.event-carousel-arrow{background:hsla(0,0%,100%,.8);border:none;box-shadow:0 2px 5px rgba(0,0,0,.1);transition:all .2s ease}.event-carousel-arrow:hover:not(:disabled){background:#fff;box-shadow:0 4px 8px rgba(0,0,0,.15);transform:translateY(-50%) scale(1.1)}.card{transition:transform .2s ease,box-shadow .2s ease;border-radius:8px;overflow:hidden}.card:hover{transform:translateY(-3px);box-shadow:0 8px 16px rgba(0,0,0,.1)!important}.card-body{padding:1rem}.badge{font-weight:500;letter-spacing:.5px}.bi-star-fill{filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}.standings-table-container{background-color:var(--bg-card)!important;border:1px solid var(--border-secondary)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-md)!important;overflow:hidden;margin-bottom:1.5rem}.standings-header{background:linear-gradient(135deg,var(--bg-surface),var(--bg-elevated))!important;padding:16px 20px;border-bottom:1px solid var(--border-secondary)!important}.standings-title{color:var(--accent-primary)!important;font-weight:600!important;font-size:1.2rem;margin:0}.standings-body{padding:0!important}.standings-body,.standings-table{background-color:var(--bg-card)!important}.standings-table{width:100%;border-collapse:collapse;margin:0;color:var(--text-primary)!important}.standings-table thead,.standings-th{background-color:var(--bg-surface)!important}.standings-th{color:var(--accent-primary)!important;font-weight:600!important;border-color:var(--border-primary)!important;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px;padding:.75rem .5rem;text-align:center;vertical-align:middle}.standings-th.place-col{width:80px}.standings-th.username-col{width:140px;text-align:left}.standings-th.record-col{width:90px;font-size:.75rem}.standings-th.score-col{width:100px}.standings-row{background-color:var(--bg-card)!important;transition:all .2s ease}.standings-row:hover{background-color:var(--bg-surface)!important}.standings-td{border-color:var(--border-secondary)!important;background-color:var(--bg-card)!important;padding:.75rem .5rem;vertical-align:middle;text-align:center;font-size:.9rem}.place-cell,.standings-td{color:var(--text-primary)!important}.place-cell{font-weight:600}.username-cell{text-align:left;font-weight:500}.username-text{color:var(--text-primary)!important;font-weight:500}.record-cell{font-family:"SF Mono","Monaco","Inconsolata","Roboto Mono",monospace;font-size:.85rem;font-weight:500}.star-record{color:#ffa726}.score-cell,.star-record{font-weight:600}.score-value{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;background-color:var(--bg-surface);border:1px solid var(--border-secondary);border-radius:20px;font-weight:700;color:var(--accent-primary);min-width:60px}.no-data{text-align:center;color:var(--text-muted);font-style:italic;padding:40px 20px;font-size:.9rem}@media (max-width:768px){.standings-td,.standings-th{padding:8px 12px;font-size:.8rem}.standings-th.record-col{font-size:.7rem}.place-badge{width:28px;height:28px;font-size:.75rem}.score-value{padding:3px 8px;font-size:.8rem;min-width:50px}}@media (max-width:576px){.standings-header{padding:12px 16px}.standings-title{font-size:1.1rem}.standings-td,.standings-th{padding:6px 8px;font-size:.75rem}.standings-th.record-col{font-size:.65rem}.place-badge{width:24px;height:24px;font-size:.7rem}}.new-results-container{background-color:var(--bg-surface);border-radius:8px;border:1px solid var(--border-secondary);margin:0;padding:0;overflow:hidden}.new-results-header{background:linear-gradient(135deg,var(--bg-surface),var(--bg-elevated));border-bottom:1px solid var(--border-secondary);color:var(--text-primary);padding:12px 16px;text-align:center}.new-results-title{margin:0;font-size:1.1rem;font-weight:600;line-height:1.2;color:var(--accent-primary)}.new-results-subtitle{margin:4px 0 0;font-size:.85rem;opacity:.8;line-height:1.1;color:var(--text-muted)}.new-league-info{padding:8px 16px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-secondary);display:flex;justify-content:space-between;align-items:center}.new-league-name{margin:0;font-size:.95rem;font-weight:600;color:var(--text-primary);line-height:1.2}.new-league-stats{color:var(--text-muted);font-size:.75rem;line-height:1.1}.new-results-table-wrapper{padding:0;margin:0;overflow-x:auto}.new-results-table{width:100%;border-collapse:collapse;font-size:.85rem}.new-results-table thead th{background-color:var(--bg-secondary);color:#4caf50;font-weight:600;font-size:.85rem;padding:.75rem .5rem;text-align:left;border-bottom:2px solid var(--border-secondary);line-height:1.1}.new-rank-header{width:60px;text-align:center!important}.new-user-header{width:auto;min-width:80px;text-align:left!important}.new-record-header{width:70px;text-align:center!important}.new-star-header{width:40px;text-align:center!important;color:gold}.new-score-header{width:60px;text-align:center!important}.new-results-table tbody tr{border-bottom:1px solid var(--border-light);transition:background-color .2s ease}.new-results-table tbody tr:hover{background-color:var(--bg-hover)}.new-results-table tbody tr:last-child{border-bottom:none}.new-results-table td{padding:.5rem;vertical-align:middle;line-height:1.1}.new-rank-cell{font-weight:600;color:var(--text-primary);text-align:center;font-size:.9rem}.new-user-cell{text-align:left}.new-record-cell,.new-user-cell{font-weight:500;color:var(--text-primary)}.new-record-cell,.new-star-cell{text-align:center;font-size:.9rem}.new-star-success{color:#4caf50;font-weight:700}.new-star-fail{color:#f44336;font-weight:700}.new-star-none{color:var(--text-muted)}.new-score-cell{font-weight:600;color:#4caf50;text-align:center;font-size:1rem}.new-page-controls{display:flex;justify-content:space-between;align-items:center;padding:4px 16px;background-color:var(--bg-secondary);border-top:1px solid var(--border-secondary);min-height:28px}.new-page-arrow{border:none!important;background:transparent!important;color:#4caf50;font-size:.9rem;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;outline:none!important;-webkit-tap-highlight-color:transparent;appearance:none}.new-page-arrow:active,.new-page-arrow:focus,.new-page-arrow:focus-visible,.new-page-arrow:focus-within{outline:none!important;outline-width:0!important;outline-style:none!important;outline-color:transparent!important;box-shadow:none!important;border:0 transparent!important;background:transparent!important;-webkit-focus-ring-color:transparent!important}.new-page-arrow:hover:not(:disabled){color:#45a049;transform:scale(1.05)}.new-page-arrow:disabled{opacity:.3;cursor:not-allowed}.new-page-info{font-size:.8rem;color:var(--text-muted);font-weight:500}.new-bottom-nav{justify-content:space-between;padding:4px 16px;background-color:initial;border-top:1px solid var(--border-secondary);min-height:30px;flex-wrap:nowrap;width:100%;box-sizing:border-box}.new-bottom-nav,.new-nav-arrow{display:flex;align-items:center}.new-nav-arrow{border:none!important;background:transparent!important;color:#4caf50;font-size:.9rem;cursor:pointer;padding:0;width:24px;height:24px;justify-content:center;transition:all .2s ease;outline:none!important;-webkit-tap-highlight-color:transparent;appearance:none;flex-shrink:0}.new-nav-arrow:active,.new-nav-arrow:focus,.new-nav-arrow:focus-visible,.new-nav-arrow:focus-within{outline:none!important;outline-width:0!important;outline-style:none!important;outline-color:transparent!important;box-shadow:none!important;border:0 transparent!important;background:transparent!important;-webkit-focus-ring-color:transparent!important}.new-nav-arrow:hover:not(:disabled){color:#45a049;transform:scale(1.05)}.new-nav-arrow:disabled{opacity:.3;cursor:not-allowed}.new-dots{display:flex;grid-gap:6px;gap:6px;align-items:center;justify-content:center;flex:1 1;max-width:120px;margin:0 8px}.new-dot{width:8px;height:8px;border-radius:50%;border:none;background-color:#d1d5db;cursor:pointer;transition:all .3s ease;padding:0}.new-dot.active{background-color:#4caf50;transform:scale(1.2)}.new-dot:hover{background-color:#4caf50;transform:scale(1.1)}.hover-card{transition:transform .2s ease,box-shadow .2s ease}.hover-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.1)!important}.league-card{background-color:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all .3s ease;cursor:pointer;margin-bottom:0}.league-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background-color:var(--bg-card-hover);border-color:var(--border-primary)}.league-card .card-title{color:var(--accent-primary);font-weight:600;font-size:1.1rem;margin-bottom:0}.league-history-card{background-color:var(--bg-surface);border:1px solid var(--border-primary);opacity:.8}.league-history-card:hover{background-color:var(--bg-elevated);opacity:.9;border-color:var(--border-accent)}.league-history-card .card-title{color:var(--text-muted)}.league-history-card .badge{font-size:.7rem;font-weight:500}.card.predictions-stats-card,.predictions-stats-card.card{background-color:var(--bg-card)!important;border:1px solid var(--border-secondary)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-md)!important;transition:all .3s ease;cursor:pointer;margin-bottom:1.5rem}.card.predictions-stats-card:hover,.predictions-stats-card.card:hover{background-color:var(--bg-card-hover)!important;border-color:var(--border-primary)!important;transform:translateY(-2px);box-shadow:var(--shadow-lg)!important}.card.predictions-stats-card .card-body,.predictions-stats-card .card-body{padding:1.5rem;color:var(--text-primary)!important;background-color:var(--bg-card)!important}.card.predictions-stats-card .card-title,.predictions-stats-card .card-title,.predictions-stats-card h5.card-title{color:var(--accent-primary)!important;font-weight:600!important;font-size:1.1rem;margin-bottom:.5rem;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.card.predictions-stats-card .card-title i,.predictions-stats-card .card-title i{color:var(--accent-primary)!important}.card.predictions-stats-card .card-text,.predictions-stats-card .card-text{color:var(--text-secondary)!important;font-size:.9rem;margin-bottom:0}.card.league-card.predictions-card,.league-card.predictions-card{background-color:var(--bg-card)!important;border:1px solid var(--border-secondary)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-md)!important}.card.league-card.predictions-card:hover,.league-card.predictions-card:hover{background-color:var(--bg-card-hover)!important;border-color:var(--border-primary)!important;transform:translateY(-2px);box-shadow:var(--shadow-lg)!important}.league-card.predictions-card .card-body,.predictions-card .card-body{background-color:var(--bg-card)!important;color:var(--text-primary)!important}.league-card.predictions-card .card-title,.predictions-card .card-title{color:var(--accent-primary)!important;font-weight:600!important}.league-card.predictions-card .league-stats,.predictions-card .league-stats{color:var(--text-secondary)!important}.league-card.predictions-card .text-success,.predictions-card .text-success{color:var(--accent-primary)!important}.league-card.predictions-card .league-arrow,.predictions-card .league-arrow{color:var(--text-secondary)!important}.card.mb-2.shadow-sm.previous-results-card,.card.previous-results-card{background-color:var(--bg-card)!important;border:1px solid var(--border-secondary)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-md)!important}.card.previous-results-card .card-header,.previous-results-card .card-header.bg-success{background:linear-gradient(135deg,var(--bg-surface),var(--bg-elevated))!important;border-bottom:1px solid var(--border-secondary)!important;color:var(--text-primary)!important}.card.previous-results-card .card-title,.previous-results-card h5.card-title{color:var(--accent-primary)!important;font-weight:600!important}.card.previous-results-card .card-body{padding:0!important}.card.previous-results-card .card-body,.previous-results-card .table,.previous-results-card .table.table-hover{background-color:var(--bg-card)!important;color:var(--text-primary)!important}.previous-results-card .table th,.previous-results-card .table thead th{color:var(--accent-primary)!important;font-weight:600!important;border-color:var(--border-primary)!important;background-color:var(--bg-surface)!important;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px}.previous-results-card .table tbody td,.previous-results-card .table td{color:var(--text-primary)!important;border-color:var(--border-secondary)!important;background-color:var(--bg-card)!important;padding:.75rem .5rem;vertical-align:middle}.previous-results-card .table tbody tr,.previous-results-card .table tr{background-color:var(--bg-card)!important}.previous-results-card .table tbody tr:hover,.previous-results-card .table tr:hover{background-color:var(--bg-surface)!important}.previous-results-card .text-success,.previous-results-card span.text-success{color:var(--accent-primary)!important}.previous-results-card .text-danger,.previous-results-card span.text-danger{color:#ff6b6b!important}.previous-results-card .text-muted,.previous-results-card small.text-muted,.previous-results-card span.text-muted{color:var(--text-muted)!important}.previous-results-card .btn-outline-success{border-color:var(--accent-primary)!important;color:var(--accent-primary)!important;background-color:initial!important}.previous-results-card .btn-outline-success:hover{background-color:var(--accent-primary)!important;border-color:var(--accent-primary)!important;color:var(--text-primary)!important}.previous-results-card .btn-outline-success:disabled{border-color:var(--text-disabled)!important;color:var(--text-disabled)!important;background-color:initial!important}.league-results-carousel .carousel-item{background-color:var(--bg-card)!important}.league-results-carousel h6{color:var(--accent-primary)!important;font-weight:600!important}.league-results-carousel .small{color:var(--text-muted)!important}.carousel-indicators{margin-bottom:1rem}.carousel-indicators button{background-color:var(--text-muted)!important;border:none!important;width:8px!important;height:8px!important;border-radius:50%!important;margin:0 4px!important}.carousel-indicators button.active{background-color:var(--accent-primary)!important}.league-history-card .league-stats{color:#8a8a8a}.league-info{padding:0 16px;text-align:left}.league-stats{font-size:.85rem;color:#666;margin-top:2px}.league-stats,.stat-item{display:flex;align-items:center}.App,.home-container{padding-bottom:60px!important}.home-container{margin-bottom:20px!important}.stat-divider{margin:0 8px;color:#ccc}.league-arrow{color:#aaa;font-size:1.2rem;margin-left:auto;transition:transform .2s ease;text-align:right;display:flex;align-items:center}.league-card:hover .league-arrow{transform:translateX(2px);color:#4caf50}.create-league-card{background-color:#fff;border:none;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.08);transition:all .3s ease;cursor:pointer;margin-bottom:0}.create-league-card .card-title{color:#4caf50;font-weight:500;font-size:1.1rem;margin-bottom:0}.create-league-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.12);background-color:#f9f9f9}.create-league-icon{font-size:1.5rem;color:#4caf50}.predictions-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;transition:all .3s ease}.predictions-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(76,175,80,.15);background:linear-gradient(135deg,#e8f5e8,#c8e6c9)}.empty-state{background-color:#fff;border-radius:10px;padding:2rem;box-shadow:0 4px 8px rgba(0,0,0,.1)}.create-league-btn{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;cursor:pointer;font-size:16px;border-radius:5px;transition:all .3s ease;width:100%;max-width:200px;margin:1rem auto 0;display:block}.create-league-btn:hover{background-color:#388e3c;transform:scale(1.05)}.placeholder-card{background-color:#fff;border:none;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.placeholder-card h3{color:#666;font-weight:500;letter-spacing:1px;margin:0;font-size:1.1rem}.upcoming-event-card{background-color:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;margin-bottom:2rem;transition:all .3s ease}.upcoming-event-card:hover{background-color:var(--bg-card-hover);border-color:var(--border-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.event-header{display:flex;justify-content:center;align-items:center;border-bottom:1px solid var(--border-secondary);padding:1.5rem 1rem;background:linear-gradient(135deg,var(--bg-surface),var(--bg-elevated))}.event-title{color:var(--text-primary);font-weight:600;font-size:1.4rem;text-align:center}.event-date{color:var(--accent-primary);font-weight:500;font-size:.95rem}.main-event-container{padding:1.5rem 1.5rem 2rem;background-color:var(--bg-card)}.main-event-label{text-transform:uppercase;color:var(--accent-primary);font-weight:600;font-size:.85rem;letter-spacing:1px;margin-bottom:1.5rem;text-align:center}.fighters-container{display:flex;align-items:center;justify-content:space-between;padding:0 1rem}.fighter-card{display:flex;flex-direction:column;align-items:center;width:40%}.fighter-image-container{width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid var(--border-primary);box-shadow:var(--shadow-md);margin-bottom:1rem}.fighter-image{width:100%;height:100%;object-fit:cover;object-position:top}.fighter-name{font-weight:600;font-size:1.1rem;color:var(--text-primary);text-align:center}.fighter-odds{font-size:.9rem;color:var(--text-secondary);margin-top:.25rem;font-family:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fighter-record,.fighter-weight{font-size:.9rem;color:var(--text-secondary);margin-top:.25rem}.vs-circle,.vs-container{display:flex;justify-content:center;align-items:center}.vs-circle{width:35px;height:35px;border-radius:50%;background-color:#ff5722;color:#fff;font-weight:700;font-size:.9rem;box-shadow:0 2px 6px rgba(255,87,34,.3)}.card-footer{background-color:#f5f5f5;border-top:1px solid #eee}.league-results-carousel{min-height:auto;margin:0!important;padding:0!important}.league-results-carousel .carousel-inner{border-radius:0}.league-results-carousel .carousel-item{min-height:auto;margin:0!important;padding:0!important}.carousel-controls-bottom{background-color:#f8f9fa;min-height:32px;padding:4px 0!important;margin-bottom:0!important}.carousel-nav-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid #4caf50;background-color:initial;color:#4caf50;transition:all .3s ease}.carousel-nav-btn:hover{background-color:#4caf50;color:#fff;transform:scale(1.05)}.carousel-nav-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.carousel-nav-btn:disabled:hover{background-color:initial;color:#4caf50}.carousel-dot-elegant{width:8px;height:8px;border-radius:50%;border:none;background-color:#d1d5db;cursor:pointer;transition:all .3s ease;margin:0 4px}.carousel-dot-elegant.active{background-color:#4caf50;transform:scale(1.2)}.carousel-dot-elegant:hover{background-color:#4caf50;transform:scale(1.1)}.league-results-carousel .table{font-size:.9rem;margin-bottom:0}.league-results-carousel .table th{border-top:none;font-weight:600;color:#4caf50;font-size:.85rem;padding:.75rem .5rem}.league-results-carousel .table td{vertical-align:middle;padding:.6rem .5rem}.league-results-carousel .btn-outline-success{border-color:#4caf50;color:#4caf50;font-size:.8rem}.league-results-carousel .btn-outline-success:hover{background-color:#4caf50;border-color:#4caf50;color:#fff}.league-results-carousel .btn-outline-success:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.league-results-carousel{min-height:350px}.league-results-carousel .carousel-item{min-height:300px}.league-results-carousel .table{font-size:.8rem}.league-results-carousel .table td,.league-results-carousel .table th{padding:.4rem .3rem}.carousel-controls-bottom{padding:12px 20px;min-height:50px}.carousel-nav-btn{width:35px;height:35px;font-size:.9rem}.carousel-dot-elegant{width:6px;height:6px;margin:0 3px}}.view-event-btn{background-color:#4caf50;color:#fff;border:none;padding:.6rem 1.5rem;border-radius:4px;font-weight:500;transition:all .2s ease}.view-event-btn:hover{background-color:#388e3c;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.fighter-left .fighter-image-container{border-color:#2196f3}.fighter-right .fighter-image-container{border-color:#f44336}.browser-padding{padding-top:70px}.league-chat-container{position:fixed;bottom:8px;left:0;right:0;z-index:1000;transition:all .3s ease;max-width:800px;overflow:hidden;padding-bottom:8px;margin:0 auto -8px}.league-chat-container.expanded{height:420px;background-color:var(--bg-card);border-top:1px solid var(--border-secondary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-lg)}.league-chat-container.collapsed{border:none;box-shadow:var(--shadow-md);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.chat-header,.league-chat-container.collapsed{height:50px;background:linear-gradient(135deg,var(--accent-primary),#43a047)}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;color:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0;cursor:pointer;box-sizing:border-box;position:relative;border-bottom:1px solid hsla(0,0%,100%,.1);margin:0}.chat-header h4{margin:0;font-weight:600;font-size:.95rem;color:#fff}.toggle-button{all:unset;color:#fff;font-size:16px;cursor:pointer;transition:all .2s ease;padding:4px;border-radius:4px}.toggle-button:hover{background:hsla(0,0%,100%,.1);transform:scale(1.05)}.league-chat-messages{background-color:var(--bg-card);height:310px;overflow-y:auto;padding:16px;box-sizing:border-box;display:flex;flex-direction:column;grid-gap:12px;gap:12px;scrollbar-width:thin;scrollbar-color:var(--accent-primary) var(--bg-surface)}.league-chat-messages::-webkit-scrollbar{width:6px}.league-chat-messages::-webkit-scrollbar-track{background:var(--bg-surface);border-radius:3px}.league-chat-messages::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:3px}.league-chat-messages::-webkit-scrollbar-thumb:hover{background:#43a047}.no-messages{text-align:center;color:var(--text-muted);margin:auto;font-style:italic;font-size:.9rem}.chat-message{padding:12px 16px;border-radius:var(--radius-md);transition:all .2s ease;max-width:80%;box-shadow:var(--shadow-sm);border:1px solid var(--border-secondary)}.chat-message:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.my-message{background:linear-gradient(135deg,var(--accent-primary),#43a047);color:#fff;border:1px solid var(--accent-primary);margin-left:auto;margin-right:0;align-self:flex-end}.other-message{background-color:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-secondary);margin-left:0;margin-right:auto;align-self:flex-start}.message-username{font-weight:600;font-size:.75rem;margin-bottom:4px;text-align:left}.my-message .message-username{color:hsla(0,0%,100%,.9)}.other-message .message-username{color:var(--accent-primary);font-weight:700}.message-content{word-break:break-word;text-align:left;font-size:.9rem;line-height:1.4}.my-message .message-content{color:#fff}.other-message .message-content{color:var(--text-primary)}.message-time{font-size:.7rem;text-align:left;margin-top:4px;opacity:.7}.my-message .message-time{color:hsla(0,0%,100%,.8)}.other-message .message-time{color:var(--text-muted)}.message-input{display:flex;padding:16px;border-top:1px solid var(--border-secondary);height:60px;box-sizing:border-box;background-color:var(--bg-card);position:absolute;bottom:0;left:0;right:0;margin:0;align-items:center;grid-gap:12px;gap:12px}.message-input input{flex:1 1;padding:12px 16px;border:1px solid var(--border-secondary);background-color:var(--bg-surface);border-radius:var(--radius-lg);font-size:14px;color:var(--text-primary);transition:all .2s ease}.message-input input:focus{outline:none;border-color:var(--accent-primary);background-color:var(--bg-card);box-shadow:0 0 0 3px rgba(76,175,80,.1)}.message-input input::placeholder{color:var(--text-muted)}.message-input button{background:linear-gradient(135deg,var(--accent-primary),#43a047);color:#fff;border:1px solid var(--accent-primary);border-radius:var(--radius-lg);padding:12px 20px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:80px;font-weight:600;font-size:14px;box-shadow:var(--shadow-sm)}.message-input button:hover{background:linear-gradient(135deg,#43a047,var(--accent-primary));transform:translateY(-1px);box-shadow:var(--shadow-md)}.message-input button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.unread-badge{position:absolute;top:15px;right:40px;background-color:#f44336;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.loading-messages{text-align:center;padding:10px;color:#666;font-style:italic;font-size:.9rem;background-color:#f8f9fa;border-radius:8px;margin:10px 0}.load-more-indicator{text-align:center;padding:5px;color:#4caf50;font-size:.8rem;margin-bottom:10px}.back-button{background:transparent;border:none;color:var(--accent-primary);font-size:1.5rem;cursor:pointer;padding:.4rem .6rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.back-button:hover{color:var(--text-primary);background-color:initial;transform:scale(1.05)}.back-button:active{transform:translateY(0)}.back-button,.back-button:active,.back-button:focus,.back-button:focus-visible,.back-button:focus-within,.back-button:hover,button.back-button,button.back-button:active,button.back-button:focus,button.back-button:focus-visible,button.back-button:focus-within,button.back-button:hover{background-color:initial!important;background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important}.league-nav{display:flex;justify-content:center;border-bottom:none;margin-bottom:1rem}.league-nav .nav-item{margin:0 .5rem}.league-nav .nav-link{color:var(--text-secondary);border:none;border-bottom:3px solid transparent;padding:15px 20px;font-weight:500;transition:all .3s ease;cursor:pointer}.league-nav .nav-link,.league-nav .nav-link:hover{background-color:initial!important;text-decoration:none}.league-nav .nav-link:hover{color:#4caf50}.league-nav .nav-link:focus{background-color:initial!important;box-shadow:none!important;outline:none!important}.league-nav .nav-link.active{text-shadow:0 0 8px rgba(25,194,93,.3)}.league-nav .nav-link.active,.league-nav .nav-link.active:focus,.league-nav .nav-link.active:hover{color:var(--accent-primary)!important;border-bottom:3px solid var(--accent-primary)!important;background-color:initial!important}.leaderboard,.picks-container{max-width:800px;margin:0 auto}.leaderboard{background-color:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-md)}.leaderboard table{width:100%;border-collapse:collapse}.leaderboard th{color:var(--accent-primary);font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:1rem;border-bottom:2px solid var(--border-primary);text-align:center}.leaderboard td{padding:1rem;border-bottom:1px solid var(--border-secondary);text-align:center;color:var(--text-primary)}.leaderboard tr:last-child td{border-bottom:none}.page-title{color:var(--accent-primary);font-weight:600;text-shadow:0 0 12px rgba(25,194,93,.4);margin:0;font-size:1.75rem;width:100%;padding:0 3rem}.event-carousel{position:relative;display:flex;justify-content:center;align-items:center;padding:1rem 0;overflow:hidden;width:100%;height:150px;-webkit-user-select:none;user-select:none}.event-carousel-container{position:relative;width:100%;height:100%}.event-item{position:absolute;width:180px;height:110px;background-color:var(--bg-card)!important;border:1px solid var(--border-secondary)!important;border-radius:var(--radius-lg)!important;padding:10px 12px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:var(--shadow-md)!important}.event-item:hover{background-color:var(--bg-card-hover)!important;border-color:var(--border-primary)!important;transform:translateY(-2px)}.event-item.active,.event-item:hover{box-shadow:var(--shadow-lg)!important}.event-item.active{background:var(--accent-primary);color:#fff;transform:scale(1.02);z-index:10;border-color:var(--accent-primary)}.event-item.left-1,.event-item.right-1{opacity:.85;transform:scale(.88);z-index:5}.event-item.left-2,.event-item.right-2{opacity:.6;transform:scale(.78);z-index:3}.event-item.left-3,.event-item.right-3{opacity:.35;transform:scale(.68);z-index:1}.event-item.hidden{opacity:0;pointer-events:none}.event-name{font-weight:600;font-size:.85rem;margin-bottom:.25rem;color:var(--text-primary)!important;white-space:normal;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.2;max-height:3.6em;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.event-date{font-size:.7rem;color:#6c757d}.event-complete{font-size:.65rem;color:#4caf50;margin-top:.25rem}.event-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:var(--bg-card)!important;border:1px solid var(--border-secondary)!important;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;box-shadow:var(--shadow-md)!important;color:var(--text-secondary);transition:all .3s ease}.event-carousel-arrow:hover{background-color:var(--bg-card-hover)!important;color:var(--accent-primary);transform:translateY(-50%);box-shadow:var(--shadow-lg)!important;border-color:var(--border-primary)!important}.event-carousel-arrow:disabled{opacity:.5;cursor:not-allowed;background:hsla(0,0%,100%,.7);border-color:var(--border-secondary);color:var(--text-muted)}.event-carousel-arrow:disabled:hover{transform:translateY(-50%);background:hsla(0,0%,100%,.7);color:var(--text-muted)}.event-carousel-arrow.left{left:10px}.event-carousel-arrow.right{right:10px}.league-dropdown-container{position:relative;display:inline-block;margin-bottom:1rem}.league-selector{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:12px 2.5rem 12px 16px!important;text-align-last:center;transition:all .3s ease;background-color:var(--bg-card)!important;border:1px solid var(--border-secondary)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-md)!important;color:var(--text-primary)!important;font-weight:500;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%234caf50' class='bi bi-chevron-down'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px}.league-selector:hover{border-color:var(--border-primary)!important;transform:translateY(-2px)}.league-selector:focus,.league-selector:hover{background-color:var(--bg-card-hover)!important;box-shadow:var(--shadow-lg)!important}.league-selector:focus{outline:none;border-color:var(--accent-primary)!important}.league-selector option{background-color:#fff;color:#333;font-weight:400;padding:12px 15px;border-bottom:1px solid #e9ecef;font-size:.95rem;letter-spacing:.3px}.league-selector::-webkit-listbox{border-radius:8px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.1)}@-moz-document url-prefix(){.league-selector{text-indent:0;text-overflow:ellipsis;width:100%}.league-selector option{border-radius:0}}@supports (appearance:none){.league-selector option:active,.league-selector option:focus,.league-selector option:hover{background-color:#f8f9fa;color:#4caf50}.league-selector option:checked{background-color:rgba(76,175,80,.1);color:#4caf50;font-weight:500}}.league-checkbox .form-check-input{border:2px solid #495057;box-shadow:0 0 0 1px rgba(0,0,0,.1)}.league-checkbox .form-check-input:checked{background-color:#4caf50;border-color:#4caf50}.league-checkbox .form-check-input:focus{border-color:#4caf50;box-shadow:0 0 0 .25rem rgba(76,175,80,.25)}@media (max-width:768px){.event-carousel{height:130px}.event-item{min-width:100px;height:95px;padding:.4rem;font-size:.8rem}.event-name{font-size:.9rem;margin-bottom:.2rem;max-height:3.6em;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.2}.event-complete,.event-date{font-size:.7rem}}.browser-padding.league-container{padding-top:90px!important}.fighter-left-container{border:2px solid #2196f3!important;border-radius:50%}.fighter-right-container{border:2px solid #f44336!important;border-radius:50%}.fighter-left-container img,.fighter-right-container img{border:none!important}.page-title{text-align:center;font-family:"Roboto",sans-serif;letter-spacing:2px;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.page-title,.section-title{color:#4caf50;font-weight:500;text-transform:uppercase}.section-title{position:relative;padding-left:8px;letter-spacing:.5px;font-size:.95rem;text-align:left}.section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:16px;width:3px;background-color:#4caf50;border-radius:2px}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-link{color:#666;border:none;padding:.75rem 1rem;margin-right:.5rem;border-radius:0;position:relative}.nav-tabs .nav-link.active{color:#4caf50;font-weight:500;background-color:initial;border:none}.nav-tabs .nav-link.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#4caf50}.create-tab,.join-tab{padding:1rem .5rem}.league-confirmation{padding:1rem;background-color:#f9f9f9;border-radius:8px}.league-name{font-size:1.5rem;font-weight:600;color:#4caf50}.react-datepicker-wrapper{width:100%}.form-control:focus{border-color:#4caf50;box-shadow:0 0 0 .25rem rgba(76,175,80,.25)}.form-control{border:2px solid #adb5bd;box-shadow:0 2px 6px rgba(0,0,0,.1);transition:all .3s ease}.form-control:hover{border-color:#6c757d}.btn-success{background-color:#4caf50!important;border-color:#4caf50!important}.btn-success:active,.btn-success:focus,.btn-success:hover{background-color:#388e3c!important;border-color:#388e3c!important;box-shadow:0 0 0 .25rem rgba(76,175,80,.25)!important}.btn-outline-secondary{color:#4caf50!important;border-color:#4caf50!important;background-color:initial!important}.btn-outline-secondary:active,.btn-outline-secondary:focus,.btn-outline-secondary:hover{color:#fff!important;background-color:#4caf50!important;border-color:#4caf50!important;box-shadow:0 0 0 .25rem rgba(76,175,80,.25)!important}.create-tab .form-control,.join-tab .form-control{border:2px solid #75b798;background-color:#f8f9fa;box-shadow:0 2px 6px rgba(76,175,80,.2)}.stats-grid{display:flex;flex-direction:column;grid-gap:6px;gap:6px;padding:16px}.fighter-comparison{padding:20px;background:linear-gradient(135deg,var(--bg-surface),var(--bg-elevated));border-bottom:1px solid var(--border-secondary)}.fighter-comparison,.stat-row{display:flex;justify-content:space-between;align-items:center}.stat-row{padding:2px 0}.stat-row small{font-size:.7rem}.prediction-stats{padding:12px 16px;background-color:var(--bg-surface);border:1px solid var(--border-secondary);border-radius:var(--radius-md);margin-bottom:12px;color:var(--text-primary)}.page-header{margin-bottom:30px}.page-header,.win-prob{text-align:center;color:var(--text-primary)}.win-prob{padding:10px 12px;background-color:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--radius-md);margin-bottom:12px;font-weight:500}.fighter-info h3{margin:0 0 5px;color:var(--text-primary);font-weight:600}.fight-card{background-color:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:20px;overflow:hidden;transition:all .3s ease}.fight-card:hover{background-color:var(--bg-card-hover);border-color:var(--border-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card{border:none;box-shadow:0 2px 4px rgba(0,0,0,.1)}.card:hover{box-shadow:0 4px 8px rgba(0,0,0,.15)}@media (max-width:576px){.stats-grid{grid-gap:2px;gap:2px}.stat-row small{font-size:.65rem}.prediction-stats{padding:8px}}.navbar{min-height:50px}
/*# sourceMappingURL=main.c5d07044.chunk.css.map */