*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--color-bg)}:root{--navbar-height:60px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden;overscroll-behavior-y:none;touch-action:pan-y}#root,body{background-color:var(--color-bg)}#root,.app{min-height:100vh}.app{background:radial-gradient(circle at top,#1d7cff1f,#0000 55%),var(--color-bg);display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%}.navbar{background:var(--color-brand);border-bottom:1px solid var(--color-border);color:#fff;height:60px;left:0;padding:0;position:-webkit-sticky;position:sticky;right:0;top:0;z-index:1100}.nav-inner,.navbar{min-height:60px;width:100%}.nav-inner{gap:1rem;justify-content:space-between;margin:0 auto;max-width:var(--container-max-width);padding:0 var(--space-5)}.nav-brand,.nav-inner{align-items:center;display:flex}.nav-brand{flex-shrink:0;font-size:1.25rem;font-weight:800;gap:.75rem;letter-spacing:-.5px;min-width:-webkit-fit-content;min-width:fit-content}.nav-brand span{color:#fff;text-shadow:none}.logo-img{animation:none;filter:none;height:32px;width:auto}.nav-center{-ms-overflow-style:none;align-items:center;display:flex;flex:1 1;flex-wrap:nowrap;gap:.5rem;justify-content:center;min-width:0;overflow-x:auto;overflow-y:hidden;padding:0 .25rem;position:relative;scrollbar-width:none;z-index:2}.nav-center::-webkit-scrollbar{display:none}.nav-right{align-items:center;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:.6rem;justify-content:flex-end;min-width:-webkit-fit-content;min-width:fit-content}.nav-user{display:none}.nav-center button,.nav-right button{align-items:center;-webkit-appearance:none;appearance:none;background:#ffffff0f!important;border:1px solid #ffffff2e!important;border-radius:var(--radius-md);color:#ffffffeb!important;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.85rem;font-weight:500;justify-content:center;min-height:44px;padding:6px 12px;position:relative;transition:background .2s ease,border-color .2s ease,color .2s ease;white-space:nowrap}.notification-icon-btn{align-items:center;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000!important;border:none!important;box-shadow:none!important;display:inline-flex!important;font-size:.95rem!important;height:44px;justify-content:center;padding:0!important;position:relative;width:44px}.notification-icon-btn.active,.notification-icon-btn:hover{background:#0000!important;border-color:#0000!important}.nav-right .notification-icon-btn{background:#0000!important;border:none!important;box-shadow:none!important}.nav-right .notification-icon-btn.active,.nav-right .notification-icon-btn:hover{background:#0000!important;border-color:#0000!important}.nav-center button.active,.nav-center button:hover,.nav-right button:hover{background:#ffffff24!important;border-color:#ffffff52!important}.nav-center button.active{color:#fff!important;font-weight:600}.nav-right button.active{background:#ffffff1f!important;border-color:#ffffff3d!important;color:#fff!important}.nav-center button.active:after,.nav-right button.active:after{background:var(--color-brand-strong);border-radius:2px;bottom:6px;content:"";height:3px;left:6px;position:absolute;right:6px}.nav-center button.nav-admin{font-size:.8rem;font-weight:500;opacity:.65}.nav-center button.nav-admin.active{opacity:.85}.nav-center button.place-picks-btn{background:#0000!important;border-color:#0000!important;color:#ffffffe6!important;font-weight:500!important;position:relative;z-index:2}.nav-center button.place-picks-btn.active{background:#ffffff24!important;border-color:#ffffff47!important}.logout-btn{color:#ffffffb3!important;font-size:.8rem;padding:6px 10px}.logout-btn,.logout-btn:hover{background:#0000!important;border-color:#0000!important}.logout-btn:hover{color:#fff!important;text-decoration:underline}@media (min-width:1025px){.navbar{background:var(--header-bg);border-bottom:1px solid var(--header-border);height:60px;min-height:60px}.nav-inner{gap:1.25rem;padding:0 24px}.nav-brand span{color:var(--header-text)}.nav-center{gap:.25rem}.nav-center .nav-link{background:#0000!important;border:1px solid #0000!important;border-radius:8px;color:var(--header-muted)!important;font-size:.9rem;font-weight:600;letter-spacing:-.1px;min-height:44px;padding:0 12px!important;position:relative}.nav-center .nav-link:hover{background:var(--header-hover)!important}.nav-center .nav-link.active,.nav-center .nav-link:hover{border-color:#0000!important;color:var(--header-text)!important}.nav-center .nav-link.active{background:#0000!important}.nav-center .nav-link.active:after{background:var(--color-brand-strong);border-radius:2px;bottom:6px;content:"";height:3px;left:8px;position:absolute;right:8px}.nav-right{gap:.5rem}.nav-user{display:inline-flex}.nav-right .logout-btn,.nav-right .user-info{display:none}.balance-pill{align-items:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;display:inline-flex;gap:6px;min-height:36px;padding:6px 12px}.balance-pill .balance-label{color:var(--header-muted)}.balance-pill .balance-amount{color:var(--header-text);font-weight:600}.nav-icon-button:not(.notification-icon-btn){background:#0000!important;border:1px solid var(--header-border)!important;border-radius:10px;color:var(--header-text)!important;height:44px;width:44px}.nav-icon-button:not(.notification-icon-btn):hover{background:var(--header-hover)!important}.nav-icon-button:not(.notification-icon-btn).active{background:var(--header-active)!important}.nav-right .nav-icon-button.active:after{content:none}.nav-user{position:relative}.nav-user-trigger{align-items:center;background:#0000!important;border:1px solid var(--header-border)!important;border-radius:10px;color:var(--header-text)!important;display:inline-flex;font-weight:600;gap:8px;min-height:44px;padding:0 12px!important}.nav-user-trigger:hover{background:var(--header-hover)!important;border-color:#0000!important}.nav-username{max-width:140px;overflow:hidden;text-overflow:ellipsis}.nav-user-chevron{color:var(--header-muted);font-size:.8rem}.nav-user-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-sm);min-width:160px;opacity:0;padding:6px;pointer-events:none;position:absolute;right:0;top:calc(100% + 8px);transform:translateY(-6px);transition:opacity .15s ease,transform .15s ease;z-index:1200}.nav-user-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-user-menu .nav-user-item{background:#0000!important;border:1px solid #0000!important;border-radius:8px;color:var(--color-text-primary)!important;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 12px!important;text-align:left;width:100%}.nav-user-menu .nav-user-item:hover{background:var(--header-hover)!important}.nav-user-menu .nav-user-item--muted{color:var(--color-text-secondary)!important}.nav-center .nav-link:focus-visible,.nav-icon-button:focus-visible,.nav-user-menu .nav-user-item:focus-visible,.nav-user-trigger:focus-visible{outline:2px solid var(--color-brand-strong);outline-offset:2px}}@media (max-width:1200px){.navbar{column-gap:.75rem;padding:0}.nav-inner{padding:0 20px}.nav-brand{font-size:1.1rem}.nav-brand span{font-size:.9rem}.logo-img{height:28px}.nav-center{gap:.4rem}.nav-center button,.nav-right button{font-size:.8rem;padding:6px 10px}.user-info{height:34px;padding:0 8px}.username{font-size:.82rem}.nav-right .balance-display{height:34px;padding:0 8px}.nav-right .balance-label{font-size:.72rem}.nav-right .balance-amount{font-size:.8rem}}@media (max-width:1366px) and (min-width:1025px){.container{max-width:96%;padding:2rem 1.5rem}.games-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:1024px) and (min-width:768px){.container{max-width:95%;padding:1.5rem 1rem}.navbar{gap:.5rem;padding:0}.nav-inner{padding:0 18px}.nav-brand{font-size:1rem}.nav-brand span{display:inline}.logo-img{height:32px}.nav-center{gap:.35rem;padding:0 .2rem}.nav-center button,.nav-right button{font-size:.8rem;padding:6px 10px}.nav-right .balance-display{height:34px;padding:0 8px}.nav-right .balance-label{font-size:.72rem}.nav-right .balance-amount{font-size:.82rem}.username{font-size:.8rem}.user-info{height:34px;padding:0 8px}}@media (max-width:900px){.navbar{column-gap:.5rem;padding:0}.nav-inner{padding:0 16px}.nav-brand{font-size:1rem}.logo-img{height:24px}.nav-center{gap:.3rem;padding:0 .25rem}.nav-center button,.nav-right button{font-size:.75rem;padding:6px 8px}.user-info{height:32px;padding:0 6px}.username{font-size:.78rem}.nav-right .balance-display{height:32px;padding:0 6px}.nav-right .balance-label{font-size:.68rem}.nav-right .balance-amount{font-size:.78rem}.notification-icon-btn{font-size:.85rem!important;padding:0!important}}@media (max-width:680px){.navbar{padding:0}.nav-inner{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-columns:auto 1fr auto;padding:0 16px}.nav-center{display:none}}.user-info{align-items:center;background:#ffffff0d;border:1px solid #ffffff24;border-radius:8px;display:flex;flex-shrink:0;height:36px;max-width:160px;padding:0 10px}.user-info,.username{position:relative;z-index:2}.username{color:#ffffffeb;font-size:.85rem;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-badge{background:#ef5350;border-radius:10px;box-shadow:none;color:#fff;font-size:.65rem;font-weight:700;min-width:16px;padding:1px 5px;position:absolute;right:-4px;text-align:center;top:-4px;z-index:3}.nav-right .balance-display{align-items:center;background:#ffffff0d;border:1px solid #ffffff24;border-radius:8px;box-shadow:none;display:flex;flex-shrink:0;gap:.35rem;height:36px;margin:0;padding:0 10px;position:relative;z-index:2}.nav-right .balance-label{color:#ffffffa6;font-size:.74rem;font-weight:500;position:relative;white-space:nowrap;z-index:2}.nav-right .balance-amount{color:#e4ece6;font-size:.82rem;font-weight:600;letter-spacing:.2px;position:relative;text-shadow:none;white-space:nowrap;z-index:2}.mobile-menu-toggle:focus-visible,.nav-center button:focus-visible,.nav-right button:focus-visible{outline:2px solid #ffffffe6;outline-offset:2px}.container{flex:1 1;margin:0 auto;max-width:var(--container-max-width);min-height:500px;padding:var(--space-5) var(--space-6);width:100%}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);contain:layout;margin-bottom:var(--space-5);overflow:hidden;padding:var(--space-5);position:relative;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.card:before{content:none}.card:hover{border-color:#fff3;box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.card h1,.card h2,.card h3{color:var(--color-text-primary);font-size:var(--font-section);font-weight:700;letter-spacing:-.4px;margin-bottom:var(--space-4)}.card h2{font-size:1.4rem}.card h3{color:var(--color-text-secondary);font-size:1.05rem}.card h4{color:var(--color-text-primary);font-size:.98rem;font-weight:600;margin-bottom:var(--space-3)}.card p{color:var(--color-text-secondary);line-height:1.6}.btn{background:var(--color-brand);border:1px solid #0000;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);font-size:var(--font-small);letter-spacing:.2px;padding:.75rem 1.5rem;transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.btn:hover{background:var(--color-brand-strong);box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{background:#ffffff14;box-shadow:none;color:#ffffff80;transform:none}.btn-secondary{box-shadow:var(--shadow-sm)}.btn-secondary:hover{box-shadow:var(--card-shadow-hover)}.btn-danger{background:#ef53502e;border:1px solid #ef535059;box-shadow:var(--shadow-sm);color:#f3a2a2}.btn-danger:hover{background:#ef535040;box-shadow:var(--card-shadow-hover)}.btn-success{background:#4caf502e;border:1px solid #4caf5059;box-shadow:var(--shadow-sm);color:#a6e3b3}.btn-success:hover{background:#4caf5040;box-shadow:var(--card-shadow-hover)}.form-group{margin-bottom:var(--space-4)}.form-group label{color:var(--color-text-secondary);font-size:var(--font-small);letter-spacing:.5px;margin-bottom:.6rem;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:#ffffff0a;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-body);padding:.85rem 1rem;transition:all .3s ease;width:100%}.form-group select option{background:var(--color-surface);color:var(--color-text-primary);padding:8px}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff6}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff14;border-color:#4da3ff66;box-shadow:0 0 0 3px #4da3ff1f;outline:none}.alert{border-left:4px solid;border-radius:var(--radius-md);font-weight:500;margin-bottom:var(--space-4);padding:var(--space-4)}.alert-error{background-color:#ef53501f;border-color:var(--color-danger);color:#f3a2a2}.alert-success{background-color:#4caf501f;border-color:var(--color-success);color:#a6e3b3}.alert-warning{background-color:#f6c4531f;border-color:var(--color-warning);color:#ffe1a3}.balance{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#66bb6a,#43a047);-webkit-background-clip:text;background-clip:text;color:#66bb6a;font-size:1.4rem;font-weight:700}.text-muted{color:#888a9b}table{border-collapse:collapse;margin-top:1rem;width:100%}table thead{background:linear-gradient(135deg,#1f4e991a,#1f4e990d);border-bottom:2px solid #1f4e994d}.mobile-close-btn{background:#0000;border:none;color:#fff;cursor:pointer;flex-shrink:0;font-size:1.2rem;line-height:1;min-width:32px;padding:.25rem .5rem;text-align:center}table th{color:#1f4e99;font-size:.95rem;font-weight:700;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}table td{border-bottom:1px solid #ffffff14;color:#b8c5d6;padding:1rem}table tbody tr{background:linear-gradient(135deg,#ffffff05,#00000005);transition:all .3s ease}table tbody tr:hover{background:linear-gradient(135deg,#1f4e9914,#1f4e990a);border-color:#1f4e9933}.mobile-menu-toggle{align-items:center;background:#ffffff1a;border:1px solid #ffffff38;border-radius:8px;cursor:pointer;display:none;gap:.4rem;height:44px;min-width:44px;padding:0 .75rem;transition:background .2s ease,border-color .2s ease;z-index:1001}.mobile-menu-toggle:hover{background:#ffffff26}.mobile-menu-toggle:active{transform:scale(.95)}.hamburger{display:flex;flex-direction:column;gap:4px;height:16px;width:20px}.hamburger span{background:#fff;border-radius:3px;display:block;height:2px;transition:all .3s ease;width:100%}.menu-text{color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.2px}.hamburger.open span:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:1050}.mobile-menu{background:#0d47a1;bottom:0;box-shadow:-6px 0 16px #00000059;display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:85vw;overflow-y:auto;overscroll-behavior:none;overscroll-behavior-y:none;position:fixed;right:-100%;top:0;transition:right .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:1060}.mobile-menu.open{right:0}.mobile-menu-header{align-items:center;background:#0000;border-bottom:1px solid #ffffff1f;display:flex;flex-shrink:0;gap:1rem;justify-content:space-between;min-height:56px;padding:.75rem 1rem}.mobile-menu-brand{align-items:center;display:flex;gap:.6rem}.mobile-menu-logo{filter:none;height:24px;width:24px}.mobile-menu-title{color:#fff;font-size:1rem;font-weight:700;letter-spacing:-.3px}.mobile-user-info{display:flex;flex:1 1;flex-direction:column;gap:.3rem}.mobile-user-name{color:#fff;font-size:.95rem;font-weight:700}.mobile-balance{color:#66bb6a;font-size:1rem;font-weight:800}.mobile-close-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.mobile-menu-nav{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;overscroll-behavior:none;overscroll-behavior-y:none;padding:.5rem 0 .75rem}.mobile-menu-nav button{align-items:center;background:#0000;border:none;border-left:2px solid #0000;color:#fffffff2;cursor:pointer;display:flex;font-size:.98rem;font-weight:600;gap:.75rem;min-height:44px;padding:.75rem 1.25rem;position:relative;text-align:left;transition:all .2s ease}.mobile-menu-nav button:hover{background:#ffffff1a;border-left-color:#fff6}.mobile-menu-nav button.active{background:#ffffff29;border-left-color:#ffffffb3;color:#fff;font-weight:700}.menu-icon{font-size:1.15rem;transition:transform .2s ease}.mobile-badge{background:#e91e63;border-radius:12px;color:#fff;font-size:.75rem;font-weight:700;margin-left:auto;min-width:20px;padding:.15rem .5rem;text-align:center}.mobile-menu-footer{background:#0000;border-top:1px solid #ffffff1f;display:flex;flex-direction:column;flex-shrink:0;gap:1rem;margin-top:auto;padding:.75rem 1.25rem 1.25rem}.mobile-logout-btn{align-items:center;background:#ffffff1f;border:1px solid #ffffff38;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:all .3s ease;width:100%}.mobile-logout-btn:hover{background:#ff52522e;border-color:#ff525273}@media (max-width:1400px) and (min-width:1101px){.navbar{padding:.9rem 1.5rem}.nav-center{gap:.5rem;justify-content:flex-start;padding:0 4rem}.nav-center button,.nav-right button{font-size:.85rem;padding:.5rem .95rem}.nav-right{gap:.45rem;right:1.5rem}.nav-right .balance-display{padding:.45rem .75rem}.nav-right .balance-label{display:none}}@media (max-width:1100px) and (min-width:769px){.navbar{padding:.9rem 1.25rem}.nav-center{gap:.5rem;padding:0 6rem}.nav-center button,.nav-right button{font-size:.85rem;padding:.45rem .9rem}.nav-right .balance-display,.user-info{padding:.5rem .8rem}}@media (max-width:768px){.navbar{gap:1rem;height:60px;left:0;padding:0;position:fixed;right:0;top:0;width:100%;z-index:1100}.nav-inner{align-items:center;display:flex;gap:.75rem;justify-content:space-between;min-height:60px;padding:0 16px}.nav-brand{flex-shrink:0;font-size:1rem;gap:.5rem;left:auto;position:static}.logo-img{height:24px}.nav-center,.nav-right{display:none;position:static;right:auto}.mobile-menu-toggle{display:flex}.mobile-menu-overlay{display:block}.user-info{font-size:.85rem;padding:.55rem .9rem}.container{margin:0 auto;max-width:100%;padding:calc(60px + env(safe-area-inset-top)) 1rem 1.5rem;padding-top:calc(var(--navbar-height) + env(safe-area-inset-top));width:100%}.btn{min-height:48px;padding:.85rem 1.75rem}.card{border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.card h1,.card h2,.card h3{font-size:1.2rem;margin-bottom:1rem}.btn{font-size:.9rem;padding:.75rem 1.5rem;width:100%}.balance{font-size:1.2rem}table{font-size:.9rem}table th{font-size:.85rem}table td,table th{padding:.75rem}input,select,textarea{font-size:16px;padding:10px 12px}button{font-size:14px}}@media (max-width:480px){.navbar{height:60px;left:0;padding:0;position:fixed;right:0;top:0;z-index:1100}.nav-brand{font-size:.98rem;gap:.4rem}.logo-img{height:26px}.mobile-menu{max-width:100vw;width:100%}.user-info{margin:0;padding:.5rem .8rem}.user-info,.username{font-size:.8rem}.container{max-width:100%;padding:calc(60px + env(safe-area-inset-top)) .75rem .75rem;padding-top:calc(var(--navbar-height) + env(safe-area-inset-top))}.card{border-radius:10px;margin-bottom:1rem;padding:1rem}.card h1{font-size:1.3rem}.card h2{font-size:1.1rem}.card h3{font-size:1rem}.card h4,.card p{font-size:.9rem}.btn{font-size:.85rem;padding:.7rem 1.2rem}.form-group{margin-bottom:1rem}.form-group label{font-size:.9rem}.form-group input,.form-group select,.form-group textarea{font-size:.9rem;padding:.75rem .9rem}h1{font-size:1.3rem}h2{font-size:1.1rem}h3{font-size:1rem}h4,p{font-size:.9rem}p{line-height:1.5}.balance{font-size:1rem}table{font-size:.8rem}table th{font-size:.75rem}table td,table th{padding:.5rem}table tbody tr:hover{background:linear-gradient(135deg,#1f4e990a,#1f4e9905)}input,select,textarea{border-radius:6px;font-size:16px;margin:6px 0;padding:10px 12px;width:100%}button{border-radius:6px;font-size:13px;touch-action:manipulation;width:auto}button:active{transform:scale(.98)}.text-muted{font-size:.85rem}a{-webkit-tap-highlight-color:rgba(31,78,153,.1)}}@media (max-width:420px){.menu-text{display:none}}@media (max-width:380px){.navbar{left:0;position:fixed;right:0;top:0;z-index:1100}.logo-img,.nav-brand{display:none}}:root{--color-bg:#111827;--color-surface:#1b1f26;--color-surface-raised:#242a34;--color-border:#ffffff29;--color-text-primary:#eef2f7;--color-text-secondary:#b6c2d2;--color-brand:#0b5ed7;--color-brand-strong:#1d7cff;--color-success:#4caf50;--color-danger:#ef5350;--color-warning:#f7c95b;--color-info:#56b1ff;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 6px 16px #0003;--font-title:2rem;--font-section:1.4rem;--font-body:1rem;--font-small:0.9rem;--font-micro:0.78rem;--container-max-width:1360px;--card-radius:var(--radius-md);--card-shadow:var(--shadow-sm);--card-shadow-hover:0 8px 20px #00000042;--card-border:var(--color-border);--icon-color:#ffffffe6;--header-bg:#0f1722;--header-border:#ffffff1a;--header-text:#eef2f7;--header-muted:#eef2f7b3;--header-hover:#ffffff0f;--header-active:#ffffff1a}.container,.ds-container{margin:0 auto;max-width:1360px;max-width:var(--container-max-width);padding:24px 32px;padding:var(--space-5) var(--space-6);width:100%}.ds-page{gap:24px;gap:var(--space-5);width:100%}.ds-page,.page-header{display:flex;flex-direction:column}.page-header{align-items:center;gap:8px;gap:var(--space-2);margin:0 auto 24px;margin:0 auto var(--space-5);max-width:720px;text-align:center}.page-header h1,.page-header h2{color:#eef2f7;color:var(--color-text-primary);font-size:2rem;font-size:var(--font-title);font-weight:700;letter-spacing:-.4px}.page-header .subtitle,.page-header p,.page-subtitle{color:#b6c2d2;color:var(--color-text-secondary);font-size:1rem;font-size:var(--font-body);line-height:1.6}.card,.ds-card{background:#1b1f26;background:var(--color-surface);border:1px solid #ffffff29;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 6px 16px #0003;box-shadow:var(--shadow-sm);padding:24px;padding:var(--space-5);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.card:hover,.ds-card:hover{border-color:#ffffff2e;box-shadow:0 8px 20px #00000042;box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.ds-stat-card,.stat-card{background:#242a34;background:var(--color-surface-raised);border:1px solid #ffffff29;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-md);padding:16px;padding:var(--space-4) var(--space-4);text-align:center}.btn,.btn-primary,.ds-stat-card,.stat-card{box-shadow:0 6px 16px #0003;box-shadow:var(--shadow-sm)}.btn,.btn-primary{background:#0b5ed7;background:var(--color-brand);border:1px solid #0000;border-radius:10px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.9rem;font-size:var(--font-small);font-weight:600;padding:.75rem 1.5rem;transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.btn-primary:hover,.btn:hover{background:#1d7cff;background:var(--color-brand-strong)}.btn-primary:active,.btn:active{transform:translateY(0)}.btn-primary:focus-visible,.btn:focus-visible{outline:2px solid #ffffffd9;outline-offset:2px}.btn-primary:disabled,.btn.is-loading,.btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.btn-sm{font-size:.78rem;font-size:var(--font-micro);padding:.45rem .9rem}.btn-secondary{background:#ffffff14;border:1px solid #ffffff29;border:1px solid var(--color-border);color:#eef2f7;color:var(--color-text-primary)}.btn-secondary:hover{background:#ffffff24}.btn-ghost{background:#0000;border:1px solid #0000;color:#b6c2d2;color:var(--color-text-secondary)}.btn-ghost:hover{background:#ffffff14;border-color:#ffffff29;border-color:var(--color-border);color:#eef2f7;color:var(--color-text-primary)}.tabs{background:#ffffff0a;border:1px solid #ffffff29;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-lg);display:inline-flex;gap:8px;gap:var(--space-2);padding:4px;padding:var(--space-1)}.tab-button{background:#0000;border:1px solid #0000;border-radius:10px;border-radius:var(--radius-md);color:#b6c2d2;color:var(--color-text-secondary);cursor:pointer;font-size:.9rem;font-size:var(--font-small);font-weight:600;padding:.6rem 1rem;transition:background .2s ease,color .2s ease,border-color .2s ease}.tab-button:hover{background:#ffffff14}.tab-button.active,.tab-button:hover{color:#eef2f7;color:var(--color-text-primary)}.tab-button.active{background:#ffffff29;border-color:#fff3}.admin-badge,.badge,.confidence-badge,.game-badge,.game-date-badge,.location-badge,.prop-status-badge,.rank-badge,.status-badge,.team-type-badge{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:.78rem;font-size:var(--font-micro);font-weight:700;gap:4px;gap:var(--space-1);letter-spacing:.3px;padding:.25rem .6rem;text-transform:uppercase}.badge--success,.badge-won,.status--won{background:#4caf5026;border-color:#4caf5059;color:#a6e3b3}.badge--danger,.badge-lost,.status--lost{background:#ef535026;border-color:#ef535059;color:#f3a2a2}.badge--warning,.badge-pending,.status--pending{background:#f6c45326;border-color:#f6c45359;color:#ffe1a3}.badge--neutral{background:#ffffff14;border-color:#ffffff29;border-color:var(--color-border);color:#b6c2d2;color:var(--color-text-secondary)}.badge--info{background:#4da3ff29;border-color:#4da3ff59;color:#cde6ff}.ds-table-wrapper,.leaderboard-table-wrapper{background:#1b1f26;background:var(--color-surface);border:1px solid #ffffff29;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-md);overflow:hidden;width:100%}.ds-table,.leaderboard-table{font-feature-settings:"tnum";border-collapse:initial;border-spacing:0;font-variant-numeric:tabular-nums;table-layout:fixed;width:100%}.ds-table thead th,.leaderboard-table thead th{background:#0a0e14f2;border-bottom:1px solid #ffffff29;border-bottom:1px solid var(--color-border);color:#b6c2d2;color:var(--color-text-secondary);font-size:.78rem;font-size:var(--font-micro);font-weight:700;letter-spacing:.6px;padding:12px 16px;padding:var(--space-3) var(--space-4);position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0}.ds-table td,.leaderboard-table td{border-bottom:1px solid #ffffff14;color:#eef2f7;color:var(--color-text-primary);font-size:1rem;font-size:var(--font-body);line-height:1.35;padding:12px 16px;padding:var(--space-3) var(--space-4)}.ds-table tbody tr:hover,.leaderboard-table tbody tr:hover{background:#ffffff0a}.row-item{align-items:center;display:flex;gap:12px;gap:var(--space-3);justify-content:space-between;padding:12px 0;padding:var(--space-3) 0}.divider{border:none;border-top:1px solid #ffffff29;border-top:1px solid var(--color-border);margin:16px 0;margin:var(--space-4) 0}.u-align-right{text-align:right}.u-align-center{text-align:center}.u-align-left{text-align:left}.u-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.u-positive{color:#a6e3b3}.u-negative{color:#f3a2a2}.u-muted{color:#b6c2d2;color:var(--color-text-secondary)}.login-container{align-items:center;background:linear-gradient(135deg,#0d47a1,#1565c0 50%,#0f1419);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:1rem;position:relative}@media (max-width:1024px) and (min-width:768px){.login-box{max-width:440px;padding:2rem 1.75rem}.brand-name{font-size:1.4rem}.login-logo{height:55px;width:55px}}@media (max-width:767px){.login-container{align-items:flex-start;padding:2rem 1rem 1rem}.login-container:after,.login-container:before{display:none}.login-box{margin:0 auto;max-width:100%;padding:1.75rem 1.5rem}.login-logo{height:50px;width:50px}.brand-name{font-size:1.3rem}.brand-tagline{font-size:.8rem}.logo-section{margin-bottom:1.25rem;padding-bottom:.85rem}}@media (max-width:480px){.login-container{padding:.75rem}.login-box{padding:1.5rem 1.25rem}.login-logo{height:45px;width:45px}.brand-name{font-size:1.2rem}}.login-container:before{background:radial-gradient(circle,#1f4e9926 0,#0000 70%);height:500px;right:-10%;top:-50%;width:500px}.login-container:after,.login-container:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.login-container:after{background:radial-gradient(circle,#66bb6a1a 0,#0000 70%);bottom:-10%;height:400px;left:-5%;width:400px}.login-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e2139,#161b2e);border:1px solid #1f4e9926;border-radius:16px;box-shadow:0 20px 60px #00000080,inset 0 1px 0 #ffffff1a;max-width:420px;overflow:hidden;padding:2rem 1.75rem;position:relative;width:100%;z-index:1}.login-box:before{background:linear-gradient(90deg,#0000,#1f4e9999,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:-1px}.logo-section{border-bottom:1px solid #1f4e9933;margin-bottom:1.5rem;padding-bottom:1rem;text-align:center}.login-logo{animation:logoFloat 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(31,78,153,.2));height:60px;margin-bottom:.75rem;width:60px}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1f4e99,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;margin:0 0 .3rem}.brand-tagline{color:#b8c5d6;font-size:.85rem;font-weight:500;letter-spacing:.3px;margin:0}.info-links{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.info-link-btn{background:#1f4e991a;border:1px solid #1f4e994d;border-radius:6px;color:#3b82f6;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.info-link-btn:hover{background:#1f4e9933;border-color:#1f4e9980;transform:translateY(-1px)}.info-section{display:none}.info-card{margin-bottom:1.25rem;text-align:center}.info-icon{animation:pulse 2s ease-in-out infinite;font-size:2.5rem;margin-bottom:.75rem}.info-card h3{color:#e9f1ff;font-size:1.1rem;font-weight:700;letter-spacing:.3px;margin:0 0 .5rem}.info-card p{color:#b8c5d6;font-size:.9rem;line-height:1.5;margin:0}.info-card p strong{color:#66bb6a;font-weight:700}.info-features{display:flex;flex-direction:column;gap:.75rem}.feature-item{align-items:center;background:#1f4e990f;border:1px solid #1f4e9926;border-radius:8px;display:flex;gap:.75rem;padding:.75rem;transition:all .3s ease}.feature-item:hover{background:#1f4e991f;border-color:#1f4e994d;transform:translateX(4px)}.feature-icon{flex-shrink:0;font-size:1.3rem}.feature-item span:last-child{color:#e9f1ff;font-size:.9rem;font-weight:600}.login-header{margin-bottom:1.5rem;text-align:center}.login-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#004f9e,#003d7a);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:700;margin:0}.admin-link{background:linear-gradient(135deg,#004f9e14,#004f9e05);border:2px solid #004f9e;border-radius:8px;color:#004f9e;cursor:pointer;font-size:.9rem;font-weight:700;padding:.75rem 1.5rem;position:absolute;right:0;text-decoration:none;transition:all .3s ease;white-space:nowrap}.admin-link:hover{background:linear-gradient(135deg,#004f9e,#0062b8);border-color:#0000;box-shadow:0 6px 16px #004f9e4d;color:#fff;transform:translateY(-3px)}.alert{border-left:5px solid;font-size:.95rem;overflow:hidden;padding:1.2rem;position:relative}.alert:before{background:#ffffff4d;content:"";height:1px;left:0;position:absolute;right:0;top:0}.alert-error{background:linear-gradient(135deg,#fadbd8,#f5b7b1);border-color:#e74c3c;color:#7b241c}.form-group{margin-bottom:1.25rem}.form-group label{color:#fff;display:block;font-size:.9rem;margin-bottom:.5rem}.form-group input{background:#0f172a;border:2px solid #004f9e;border-radius:8px;color:#fff;font-family:inherit;font-size:1rem;padding:.85rem 1rem;transition:all .3s ease;width:100%}.form-group input:focus{background:#1a2847;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f64d;outline:none}.form-group input::placeholder{color:#6b7280}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:active,.form-group input:-webkit-autofill:focus,.form-group input:-webkit-autofill:hover,.password-input-wrapper input:-webkit-autofill,.password-input-wrapper input:-webkit-autofill:active,.password-input-wrapper input:-webkit-autofill:focus,.password-input-wrapper input:-webkit-autofill:hover{-webkit-text-fill-color:#fff;-webkit-background-clip:text;border-color:#004f9e;box-shadow:inset 0 0 20px 20px #0f172a;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding:1rem 3.25rem 1rem 1.2rem;width:100%}.password-toggle{align-items:center;background:#0000;border:none;border-radius:8px;color:#004f9e;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;padding:0;position:absolute;right:.6rem;top:50%;transform:translateY(-50%);transition:all .3s ease;width:44px}.password-toggle:hover{background:#004f9e1a;color:#003d7a}.password-toggle:focus{background:#004f9e1f;border-radius:8px;outline:2px solid #0080d0;outline-offset:2px}.password-toggle svg{height:18px;width:18px}form{margin-bottom:1.5rem}.btn{background:linear-gradient(90deg,#004f9e,#003d7a);border:none;border-radius:8px;box-shadow:0 4px 12px #004f9e33;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.85rem;transition:all .3s ease;width:100%}.btn:hover:not(:disabled){box-shadow:0 6px 20px #004f9e4d;transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.6}.toggle-form{border-top:1px solid #1f4e9933;margin-top:1.5rem;padding-top:1.25rem;text-align:center}.toggle-text{color:#b8c5d6;font-size:.9rem;font-weight:500;margin:0 0 .75rem}.toggle-link-btn{background:#0000;border:none;color:#3b82f6;cursor:pointer;font-size:.95rem;font-weight:600;padding:0;text-decoration:underline;transition:all .2s ease}.toggle-link-btn:hover{color:#1f4e99}.register-btn{background:linear-gradient(135deg,#66bb6a26,#43a0471a);border:2px solid #66bb6a;border-radius:10px;box-shadow:0 4px 12px #66bb6a26;color:#66bb6a;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.5px;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.register-btn:hover{background:linear-gradient(135deg,#66bb6a,#4caf50);border-color:#66bb6a;box-shadow:0 6px 20px #66bb6a4d;color:#fff;transform:translateY(-2px)}.register-btn:active{box-shadow:0 2px 8px #66bb6a33;transform:translateY(0)}.how-to-use-link{align-items:center;background:linear-gradient(135deg,#2196f31f,#0d47a114);border:2px solid #2196f366;border-radius:10px;box-shadow:0 4px 12px #2196f326;color:#64b5f6;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:.5rem;justify-content:center;letter-spacing:.3px;margin-bottom:1.25rem;padding:.85rem 1.25rem;transition:all .3s ease;width:100%}.how-to-use-link:hover{background:linear-gradient(135deg,#2196f333,#0d47a126);border-color:#64b5f6;box-shadow:0 6px 20px #2196f340;transform:translateY(-2px)}.how-to-use-link:active{box-shadow:0 2px 8px #2196f326;transform:translateY(0)}.howto-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e2139,#161b2e);border:1px solid #1f4e9926;border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:1200px;overflow-y:auto;padding:2rem;position:relative;width:100%;z-index:1}.back-to-login-btn{align-items:center;background:linear-gradient(135deg,#0d47a1,#1565c0);border:none;border-radius:8px;box-shadow:0 4px 12px #0d47a14d;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.back-to-login-btn:hover{background:linear-gradient(135deg,#1565c0,#1976d2);box-shadow:0 6px 20px #0d47a166;transform:translateY(-2px)}.back-to-login-btn:active{transform:translateY(0)}.fixed-close-btn{align-items:center;background:#0d47a1e6;border:none;border-radius:50%;box-shadow:0 4px 12px #0d47a166;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;position:fixed;right:1rem;top:1rem;transition:all .3s ease;width:40px;z-index:1000}.fixed-close-btn:hover{background:#0d47a1;box-shadow:0 6px 20px #0d47a180;transform:scale(1.1)}.fixed-close-btn:active{transform:scale(.95)}.link-btn{background:none;border:none;color:#004f9e;cursor:pointer;font-size:inherit;font-weight:700;padding:0;text-decoration:none;transition:all .3s ease}.link-btn:hover{color:#003d7a;text-decoration:underline}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease;background:linear-gradient(135deg,#1e2139,#161b2e);border:1px solid #1f4e9933;border-radius:12px;box-shadow:0 20px 60px #00000080;max-width:400px;padding:2rem;width:90%}.modal-content h3{color:#1f4e99;font-size:1.3rem;margin-bottom:1.5rem}@media (max-width:768px){.login-box{max-width:95%;padding:2.5rem 2rem}.info-section{margin-bottom:1.5rem;padding:1.25rem}.info-card h3{font-size:1rem}.info-card p{font-size:.85rem}.feature-item{gap:.6rem;padding:.6rem}.feature-icon{font-size:1.15rem}.feature-item span:last-child{font-size:.85rem}.login-header h1{font-size:1.6rem}.form-group input,.form-group select{font-size:16px;padding:12px}.password-input-wrapper input{padding:.95rem 3rem .95rem 1rem}.password-toggle{font-size:1.1rem;height:42px;right:.55rem;width:42px}.form-group label{font-size:14px}button{font-size:15px;padding:12px}.auth-link{font-size:14px}.modal-content{padding:1.5rem;width:95%}.modal-content h3{font-size:1.2rem}}@media (max-width:1024px) and (min-width:768px){.login-container{padding:2rem 1.5rem}.login-card{max-width:500px;padding:2.5rem 2rem}.login-header h1{font-size:2rem}.form-group input{font-size:1rem;padding:1rem 1.25rem}.btn{font-size:1rem;padding:1rem 1.5rem}.footer-nav{gap:1.5rem}.footer-btn{font-size:.95rem;padding:.75rem 1.25rem}}@media (max-width:480px){.login-container{padding:0}.login-box{padding:1.5rem}.howto-wrapper,.login-box{border-radius:12px;margin:0 12px;max-width:100%}.howto-wrapper{max-height:95vh;padding:1rem}.back-to-login-btn{font-size:.9rem;padding:.65rem 1.25rem}.how-to-use-link{font-size:.9rem;padding:.75rem 1rem}.login-header{flex-direction:column;gap:12px;margin-bottom:1.5rem}.login-header h1{font-size:1.3rem;margin-bottom:0}.logo-section{margin-bottom:1.5rem;padding-bottom:1rem}.login-logo{height:60px;margin-bottom:.8rem;width:60px}.brand-name{margin-bottom:.3rem}.brand-tagline{font-size:.8rem}.login-logo{height:50px;width:50px}.brand-name{font-size:1.3rem}.info-links{gap:.4rem}.info-link-btn{font-size:.8rem;padding:.4rem .75rem}.login-header h1{font-size:1.2rem}.form-group{margin-bottom:1rem}.form-group label{font-size:.85rem;margin-bottom:.4rem}.form-group input{border-radius:8px;font-size:16px;padding:.75rem .85rem}.password-input-wrapper input{padding:.75rem 2.8rem .75rem .85rem}.password-toggle{height:40px;right:.4rem;width:40px}.btn{font-size:.95rem;padding:.75rem}.toggle-form{margin-top:1.25rem;padding-top:1rem}.toggle-text{font-size:.85rem;margin-bottom:.5rem}.toggle-link-btn{font-size:.9rem}.alert{border-left-width:3px;font-size:13px;padding:.8rem}.modal-overlay{padding:12px}.modal-content{border-radius:10px;padding:1.2rem;width:100%}.modal-content h3{font-size:1rem;margin-bottom:1rem}.modal-content input{font-size:16px;margin-bottom:8px;padding:10px 12px}.modal-buttons{flex-direction:column;gap:8px}.modal-buttons button{font-size:14px;padding:10px 12px;width:100%}}.input-error{background:#ef53500d!important;border-color:#ef5350!important}.error-message{animation:slideDown .2s ease;color:#ef5350;display:block;font-size:.85rem;font-weight:600;margin-top:.4rem}.password-strength{align-items:center;display:flex;gap:.8rem}.strength-meter{border-radius:2px;flex:1 1;height:4px;transition:background .3s ease}.how-to-use{animation:fadeIn .4s ease;margin:0 auto;max-width:980px;overflow-anchor:none;padding:1.5rem 1rem 3rem}.how-to-use .card{contain:none}.tutorial-section{margin-bottom:2.75rem;scroll-margin-top:90px}.page-header.compact{padding:.75rem 0 1.25rem}.page-header.compact h1{margin-bottom:.35rem}.page-header.compact .page-subtitle{color:#9fb3c8;font-weight:500}.section-card{background:#0f172a99;border:1px solid #94a3b833;border-radius:12px;padding:1.5rem}.highlight-section{background:#0f172abf;border-color:#1f4e9973;box-shadow:none}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.section-icon{font-size:2rem;line-height:1}.tutorial-section h2{color:#1f4e99;font-size:1.65rem;font-weight:700;margin:0;text-align:left}.section-description{color:#9fb3c8;font-size:1rem;line-height:1.7;margin-bottom:1.5rem;text-align:left}.highlight{color:#66bb6a}.highlight,.section-card strong{font-weight:600}.info-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.25rem}.info-item{align-items:flex-start;background:#1e293b66;border:1px solid #94a3b833;border-radius:12px;display:flex;gap:.75rem;min-width:0;padding:1rem}.info-icon{font-size:1.6rem;margin-top:.1rem}.info-text h4{color:#e9f1ff;font-size:1.05rem;font-weight:700;margin:0 0 .35rem}.info-text p{color:#9fb3c8;font-size:.95rem;line-height:1.55;margin:0}.steps-list{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}.steps-list li{align-items:flex-start;background:#1e293b59;border:1px solid #94a3b82e;border-radius:12px;display:flex;gap:1rem;min-width:0;padding:1rem 1.25rem}.step-number{align-items:center;background:#1f4e99;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:700;height:42px;justify-content:center;width:42px}.step-content h3{color:#e9f1ff;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.step-content p{color:#b8c5d6;line-height:1.6;margin:0}.step-content strong{color:#66bb6a}.tutorial-content{display:flex;flex-direction:column;gap:1.5rem}.tutorial-step{border-top:1px solid #94a3b81f;padding-top:.5rem}.tutorial-step:first-child{border-top:none;padding-top:0}.tutorial-content h3{color:#e9f1ff;font-size:1.15rem;font-weight:600;margin:0 0 .5rem}.tutorial-content p{color:#b8c5d6;line-height:1.7;margin:0}.confidence-explainer{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:1rem 0 .5rem}.confidence-option{background:#1e293b59;border:1px solid #94a3b840;border-radius:12px;padding:1rem}.confidence-option.low{border-color:#66bb6a80}.confidence-option.medium{border-color:#ff980080}.confidence-option.high{border-color:#ef535080}.confidence-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.confidence-name{color:#e9f1ff;font-size:1rem;font-weight:600}.confidence-mult{color:#1f4e99;font-size:1.2rem;font-weight:700}.confidence-option.low .confidence-mult{color:#66bb6a}.confidence-option.medium .confidence-mult{color:#ff9800}.confidence-option.high .confidence-mult{color:#ef5350}.confidence-option p{color:#9fb3c8;font-size:.9rem;line-height:1.5;margin:0}.prop-examples{background:#1e293b4d;border-left:3px solid #1f4e99;border-radius:10px;margin:1rem 0;padding:1rem 1rem 1rem 1.5rem}.prop-examples li{color:#b8c5d6;font-size:1.05rem;line-height:2}.bonus-tiers{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:1.5rem 0}.bonus-tier{background:#1e293b59;border:1px solid #94a3b833;border-radius:12px;padding:1rem 1.25rem}.bonus-tier.girls{border-color:#ff69b459}.bonus-tier.boys{border-color:#3b82f659}.bonus-tier.general{border-color:#fbbf2459}.bonus-header{gap:.75rem;margin-bottom:1rem}.bonus-header,.bonus-icon{align-items:center;display:flex}.bonus-icon{background:#1f4e9933;border-radius:999px;font-size:1.25rem;height:2rem;justify-content:center;width:2rem}.bonus-header h4{color:#1f4e99;font-size:1.1rem;font-weight:600;margin:0}.bonus-tier ul{list-style:none;margin:0;padding:0}.bonus-tier li{color:#b8c5d6;font-size:.95rem;line-height:1.8;padding-left:1.5rem;position:relative}.bonus-tier li:before{color:#66bb6a;content:"✓";font-weight:700;left:0;position:absolute}.bonus-tier li.bonus-max{border-top:1px solid #1f4e9933;color:#66bb6a;font-weight:600;margin-top:.5rem;padding-top:.5rem}.bonus-example{background:#1e293b59;border:1px solid #66bb6a59;border-radius:12px;margin-top:1.25rem;padding:1rem 1.25rem;text-align:center}.bonus-example h4{color:#66bb6a;font-size:1.1rem;margin-bottom:.5rem}.bonus-example p{color:#b8c5d6;font-size:.98rem;margin:.5rem 0}.bonus-example .bonus-tip{color:#fbbf24;font-weight:600;margin-top:1rem}.tips-list{grid-gap:1rem 1.5rem;display:grid;gap:1rem 1.5rem;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;padding:0}.tips-list li{align-items:flex-start;background:#1e293b4d;border:1px solid #94a3b82e;border-radius:12px;display:flex;gap:.75rem;padding:.9rem 1rem}.tips-list .tip-icon{font-size:1.4rem;margin-top:.1rem}.tips-list h4{color:#e9f1ff;font-size:1rem;font-weight:600;margin:0 0 .35rem}.tips-list p{color:#9fb3c8;font-size:.92rem;line-height:1.6;margin:0}.nav-guide-list{display:flex;flex-direction:column;gap:.85rem;list-style:none;margin:0;padding:0}.nav-guide-list li{align-items:flex-start;background:#1e293b4d;border:1px solid #94a3b82e;border-radius:12px;display:flex;gap:.75rem;padding:.9rem 1rem}.nav-icon{flex-shrink:0;font-size:1.6rem}.nav-content h4{color:#e9f1ff;font-size:1rem;font-weight:600;margin:0 0 .35rem}.nav-content p{color:#9fb3c8;font-size:.92rem;line-height:1.6;margin:0}.faq-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.faq-item{background:#1e293b4d;border:1px solid #94a3b833;border-radius:12px;padding:.75rem 1rem}.faq-item summary{align-items:center;color:#e9f1ff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.75rem;justify-content:space-between;line-height:1.4;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{color:#9fb3c8;content:"+";font-size:1.1rem}.faq-item[open] summary:after{content:"−"}.faq-item p{color:#9fb3c8;line-height:1.6;margin:.6rem 0 0}.cta-section{background:#0f172ab3;border:1px solid #1f4e9959;border-radius:12px;padding:2rem 1.5rem;text-align:center}.cta-section h2{font-size:1.7rem;margin-bottom:.65rem}.cta-section p{color:#9fb3c8;font-size:1rem;margin-bottom:1.5rem}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-primary{background:#1f4e99!important;color:#fff!important}.btn-secondary{background:#94a3b82e!important;border:1px solid #94a3b859!important;color:#e9f1ff!important}.cta-section .btn{font-weight:600;padding:.55rem 1rem}.collapsible-section{padding:0}.section-summary{align-items:center;cursor:pointer;display:flex;gap:.75rem;list-style:none;padding:1.25rem 1.5rem}.section-summary::-webkit-details-marker{display:none}.section-summary:after{color:#9fb3c8;content:"▾";margin-left:auto;transition:transform .2s ease}.collapsible-section[open] .section-summary{border-bottom:1px solid #94a3b826}.collapsible-section[open] .section-summary:after{transform:rotate(180deg)}.section-summary h2{margin:0}.compact-box{padding:1rem 1.5rem 1.5rem}.collapsible-section>.bonus-example,.collapsible-section>.bonus-tiers,.collapsible-section>.nav-guide-list,.collapsible-section>.tips-list,.collapsible-section>p{padding:0 1.5rem 1.5rem}@media (max-width:768px){.how-to-use{padding:1rem .75rem 2.5rem}.tutorial-section{margin-bottom:1.75rem}.section-card{padding:1.25rem}.section-icon{font-size:1.6rem}.tutorial-section h2{font-size:1.35rem}.info-row{grid-template-columns:1fr}.steps-list li{gap:.75rem;padding:.9rem 1rem}.step-number{font-size:1.1rem;height:38px;width:38px}.confidence-explainer,.tips-list{grid-template-columns:1fr}.nav-guide-list li,.tips-list li{padding:.85rem .95rem}.section-summary{padding:1rem 1.25rem}.compact-box{padding:.75rem 1.25rem 1.25rem}.collapsible-section>.bonus-example,.collapsible-section>.bonus-tiers,.collapsible-section>.nav-guide-list,.collapsible-section>.tips-list,.collapsible-section>p{padding:0 1.25rem 1.25rem}.cta-section{padding:1.5rem 1.25rem}.cta-section h2{font-size:1.5rem}.cta-buttons{flex-direction:column}.cta-buttons .btn{width:100%}}@media (max-width:480px){.page-header.compact h1{font-size:1.6rem}.page-header.compact .page-subtitle{font-size:.95rem;line-height:1.5}.section-card{padding:1rem}.section-icon{font-size:1.35rem}.tutorial-section h2{font-size:1.2rem}.info-item,.steps-list li{flex-direction:column}.step-number{height:36px;width:36px}.section-summary{padding:.9rem 1rem}.compact-box{padding:.75rem 1rem 1rem}.collapsible-section>.bonus-example,.collapsible-section>.bonus-tiers,.collapsible-section>.nav-guide-list,.collapsible-section>.tips-list,.collapsible-section>p{padding:0 1rem 1rem}.faq-item{padding:.7rem .9rem}}.about-page{animation:fadeIn .4s ease;background:linear-gradient(135deg,#0f172a,#1a1f35);min-height:100vh;padding:2rem}@media (max-width:1024px) and (min-width:768px){.about-page{padding:1.5rem}.about-header h1{font-size:2.4rem}.about-header p{font-size:1rem}.about-container{gap:2rem}.mission-grid{gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:767px){.about-page{padding:1rem}.about-header{margin-bottom:2rem}.about-header h1{font-size:2rem}.about-header p{font-size:.95rem}.about-container{gap:1.5rem}.mission-grid{gap:1rem;grid-template-columns:1fr}.mission-card{padding:1.25rem}.mission-icon{font-size:2.4rem}.mission-card h3{font-size:1.1rem}}.about-header{margin-bottom:3rem;text-align:center}.about-header h1{color:#fff;font-size:2.8rem;font-weight:900;margin-bottom:.5rem;text-shadow:0 2px 8px #1f4e994d}.about-header p{color:#b8c5d6;font-size:1.1rem;letter-spacing:.3px}.about-container{display:flex;flex-direction:column;gap:2.5rem;margin:0 auto;max-width:1400px}.mission-section{background:linear-gradient(135deg,#66bb6a26,#3b82f626);border:2px solid #1f4e9966}.mission-section h2{color:#66bb6a;margin-bottom:1.5rem}.mission-content{color:#b8c5d6;line-height:1.8}.mission-content>p:first-child{color:#e9f1ff;font-size:1.1rem;margin-bottom:2rem}.mission-content strong{color:#66bb6a;font-weight:700}.mission-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2rem}.mission-card{background:#1f4e991a;border:1px solid #66bb6a4d;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.mission-card:hover{background:#1f4e9933;border-color:#66bb6a80;box-shadow:0 4px 12px #66bb6a33;transform:translateY(-4px)}.mission-icon{display:block;font-size:2.8rem;margin-bottom:.75rem}.mission-card h3{color:#66bb6a;font-size:1.2rem;font-weight:700;margin-bottom:.75rem}.mission-card p{color:#b8c5d6;font-size:.95rem;line-height:1.6}.mission-closer{background:#66bb6a1a;border-left:4px solid #66bb6a;border-radius:8px;color:#e9f1ff;font-size:1rem;font-style:italic;margin-top:1rem;padding:1.5rem}@media (max-width:768px){.mission-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.mission-card{padding:1.25rem}.mission-icon{font-size:2.4rem;margin-bottom:.5rem}.mission-card h3{font-size:1.05rem;margin-bottom:.5rem}.mission-card p{font-size:.9rem}}@media (max-width:480px){.mission-grid{gap:.8rem;grid-template-columns:1fr}.mission-card{padding:1rem}.mission-icon{font-size:2rem;margin-bottom:.4rem}.mission-card h3{font-size:1rem;margin-bottom:.4rem}.mission-card p{font-size:.85rem}.mission-content>p:first-child{font-size:1rem;margin-bottom:1.5rem}.mission-closer{font-size:.9rem;padding:1rem}}.about-section{background:linear-gradient(135deg,#1e2139,#161b2e);border:1px solid #1f4e9933;border-radius:16px;box-shadow:0 4px 16px #0000004d;padding:2rem;transition:all .3s ease}.about-section:hover{border-color:#1f4e9966;box-shadow:0 8px 24px #1f4e9926}.about-section h2{align-items:center;color:#fff;display:flex;font-size:1.6rem;font-weight:700;gap:.5rem;margin-bottom:1.5rem}.about-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background:#1f4e991a;border:1px solid #1f4e9933;text-align:center}.stat-card:hover{background:#1f4e9933;border-color:#1f4e9966}.stat-card.highlight{background:linear-gradient(135deg,#1f4e994d,#1f4e991a);border-color:#1f4e99;box-shadow:0 4px 12px #1f4e9933}.stat-number{font-feature-settings:"tnum";color:#1f4e99;font-size:2.5rem;font-variant-numeric:tabular-nums;font-weight:900;margin-bottom:.5rem}.stat-label{color:#b8c5d6;font-size:.9rem;letter-spacing:.8px}.sole-creator{background:linear-gradient(135deg,#1f4e9933,#1f4e9914);border:2px solid #1f4e9966;border-radius:16px;box-shadow:0 4px 16px #1f4e9933;margin-bottom:2rem;padding:2.5rem 2rem;text-align:center}.creator-title{color:#b8c5d6;display:block;font-size:.95rem;font-weight:600;letter-spacing:.8px;margin-bottom:.75rem;text-transform:uppercase}.creator-name{color:#1f4e99;font-size:2.5rem;font-weight:900;margin-bottom:1rem;text-shadow:0 2px 8px #1f4e9933}.creator-subtitle{color:#888a9b;font-size:1rem;font-weight:500;letter-spacing:.3px}.github-section{background:#1f4e9914;border:1px solid #1f4e9933;border-radius:12px;flex-direction:column;gap:1rem;margin:2rem 0;padding:1.5rem}.github-badge,.github-section{align-items:center;display:flex}.github-badge{background:linear-gradient(135deg,#1f4e994d,#1f4e9926);border:1px solid #1f4e9966;border-radius:8px;gap:.75rem;padding:.75rem 1.5rem;transition:all .3s ease}.github-badge:hover{background:linear-gradient(135deg,#1f4e9966,#1f4e9933);border-color:#1f4e99;box-shadow:0 4px 12px #1f4e994d;transform:translateY(-2px)}.github-icon{font-size:1.5rem}.github-link{color:#1f4e99;font-size:1.1rem;font-weight:700;text-decoration:none;transition:color .3s ease}.github-link:hover{color:#2d6fd6;text-decoration:underline}.github-details{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.github-stat{color:#b8c5d6;font-size:.9rem;font-weight:500}.github-stat strong{color:#1f4e99;font-weight:700;margin-right:.25rem}.github-cta{background:linear-gradient(135deg,#1f4e9926,#1f4e9914);border:2px solid #1f4e994d;border-radius:12px;margin-top:2rem;padding:2rem;text-align:center}.github-cta p{color:#e9f1ff;font-size:1.1rem;font-weight:500;margin-bottom:1.25rem}.github-button{align-items:center;background:linear-gradient(135deg,#1f4e99,#163a7a);border-radius:8px;box-shadow:0 4px 12px #1f4e994d;color:#fff;display:inline-flex;font-size:1.1rem;font-weight:700;gap:.75rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.github-button:hover{background:linear-gradient(135deg,#2d6fd6,#1f4e99);box-shadow:0 6px 16px #1f4e9966;transform:translateY(-2px)}.github-button .github-icon{font-size:1.3rem}.inline-link{border-bottom:1px solid #1f4e994d;color:#1f4e99;font-weight:600;text-decoration:none;transition:color .3s ease}.inline-link:hover{border-bottom-color:#2d6fd6;color:#2d6fd6}.deploy-link{color:#1f4e99;display:inline-block;font-weight:700;text-decoration:none;transition:all .3s ease}.deploy-link:hover{color:#2d6fd6;text-decoration:underline;transform:translateY(-1px)}.developers-list{border-top:1px solid #1f4e9933;margin-top:1.5rem;padding-top:1.5rem}.developers-list h3{color:#e9f1ff;font-size:1.1rem;margin-bottom:1rem}.dev-badge{background:linear-gradient(135deg,#1f4e9933,#1f4e991a);border:1px solid #1f4e994d;border-radius:20px;color:#1f4e99;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:.5rem;margin-right:.8rem;padding:.5rem 1rem}.language-charts{gap:1.5rem}.language-charts,.language-item{display:flex;flex-direction:column}.language-item{gap:.5rem}.language-header{align-items:center;display:flex;justify-content:space-between}.lang-name{color:#e9f1ff;font-size:1rem;font-weight:600}.lang-count{color:#888a9b;font-size:.85rem}.progress-bar{background:#ffffff0d;border:1px solid #1f4e991a;border-radius:12px;height:24px;overflow:hidden}.progress-fill{align-items:center;display:flex;height:100%;padding:0 .5rem;transition:width .5s ease}.lang-percentage{color:#888a9b;font-size:.85rem;font-weight:600;text-align:right}.files-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.file-card{background:#1f4e9914;border:1px solid #1f4e9933;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.file-card:hover{background:#1f4e9926;border-color:#1f4e9966;transform:translateY(-4px)}.file-icon{font-size:2.5rem;margin-bottom:.5rem}.file-name{color:#b8c5d6;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.file-count{color:#1f4e99;font-size:1.8rem;font-weight:800}.architecture-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.arch-card{background:linear-gradient(135deg,#66bb6a1a,#66bb6a0d);border:1px solid #66bb6a33;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.arch-card:hover{background:linear-gradient(135deg,#66bb6a33,#66bb6a1a);border-color:#66bb6a66;transform:translateY(-4px)}.arch-count{color:#66bb6a;font-size:2.2rem;font-weight:900;margin-bottom:.5rem}.arch-label{color:#b8c5d6;font-size:.85rem;font-weight:600}.tech-table{overflow-x:auto}.tech-table table{border-collapse:collapse;width:100%}.tech-table thead{background:#1f4e991a}.tech-table th{border-bottom:2px solid #1f4e9933;color:#1f4e99;font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.tech-table tbody tr{border-bottom:1px solid #1f4e991a;transition:all .2s ease}.tech-table tbody tr:hover{background:#1f4e990d}.tech-table td{color:#e9f1ff;padding:1rem}.tech-name{color:#fff;font-weight:600}.tech-version{color:#888a9b;font-size:.9rem}.tech-role{color:#b8c5d6;font-size:.9rem}.deployment-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.deploy-card{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border:1px solid #3b82f633;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.deploy-card:hover{background:linear-gradient(135deg,#3b82f633,#3b82f61a);border-color:#3b82f666;transform:translateY(-4px)}.deploy-label{color:#888a9b;font-size:.85rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.deploy-value{color:#3b82f6;font-size:1.4rem;font-weight:700}.summary-section{background:linear-gradient(135deg,#66bb6a1a,#3b82f61a);border:1px solid #1f4e994d}.summary-content{color:#b8c5d6;line-height:1.8;margin-bottom:1.5rem}.summary-content p{font-size:1rem;margin-bottom:1rem}.summary-content strong{color:#fff}.summary-highlights{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.highlight-item{align-items:center;background:#1f4e991a;border:1px solid #1f4e9933;border-radius:10px;display:flex;gap:.75rem;padding:1rem;transition:all .3s ease}.highlight-item:hover{background:#1f4e9933;border-color:#1f4e9966}.highlight-icon{font-size:1.5rem}.highlight-item span:last-child{color:#e9f1ff;font-weight:500}@media (max-width:1200px){.about-page{padding:1.5rem}.about-header h1{font-size:2.2rem}.about-section{padding:1.5rem}}@media (max-width:768px){.about-page{padding:1rem}.about-header h1{font-size:1.8rem}.about-header p{font-size:.95rem}.about-grid{grid-template-columns:1fr}.architecture-grid,.files-grid{grid-template-columns:repeat(2,1fr)}.deployment-cards,.summary-highlights{grid-template-columns:1fr}.about-section{padding:1.25rem}.tech-table{font-size:.85rem}.tech-table td,.tech-table th{padding:.75rem}}@media (max-width:480px){.about-page{padding:.75rem}.about-header h1{font-size:1.4rem}.about-header p{font-size:.85rem}.about-container{gap:1.5rem}.about-section{padding:1rem}.about-section h2{font-size:1.3rem;margin-bottom:1rem}.architecture-grid,.files-grid{grid-template-columns:1fr}.file-card{padding:1rem}.file-icon,.stat-number{font-size:2rem}.dev-badge{font-size:.8rem;margin-right:.5rem;padding:.4rem .8rem}}.timeline-section{background:linear-gradient(135deg,#1f4e991a,#1f4e990d);border:2px solid #1f4e994d}.timeline-content{border-bottom:1px solid #1f4e9933;gap:1.5rem;margin-bottom:2rem;padding:2rem 0}.timeline-content,.timeline-item{align-items:center;display:flex;flex-direction:column}.timeline-item{gap:.5rem}.timeline-label{color:#b8c5d6;font-size:.95rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.timeline-date{background:#1f4e9926;border:1px solid #1f4e994d;border-radius:8px;color:#1f4e99;font-size:1.3rem;font-weight:700;padding:.75rem 1.5rem}.timeline-divider{color:#1f4e9966;font-size:1.5rem;font-weight:700}.timeline-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.timeline-stat-card{background:#1f4e991f;border:1px solid #1f4e9940;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.timeline-stat-card:hover{background:#1f4e992e;border-color:#1f4e9966;transform:translateY(-2px)}.timeline-stat-number{color:#1f4e99;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.timeline-stat-label{color:#b8c5d6;font-size:.85rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}@media (max-width:1024px){.timeline-stats{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.timeline-stat-card{padding:1.2rem}.timeline-stat-number{font-size:1.5rem}.timeline-stat-label{font-size:.8rem}}@media (max-width:768px){.timeline-stats{gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.timeline-stat-card{padding:1rem}.timeline-stat-number{font-size:1.3rem}.timeline-date{font-size:1.1rem;padding:.6rem 1.2rem}}@media (max-width:480px){.timeline-stats{gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(85px,1fr))}.timeline-stat-card{padding:.8rem}.timeline-stat-number{font-size:1.1rem;margin-bottom:.3rem}.timeline-stat-label{font-size:.7rem}.timeline-label{font-size:.85rem}.timeline-date{font-size:.95rem;padding:.5rem 1rem}}@media (max-width:1024px){.sole-creator{padding:2rem 1.5rem}.creator-name{font-size:2.2rem}}@media (max-width:768px){.sole-creator{margin-bottom:1.5rem;padding:1.5rem 1.2rem}.creator-name{font-size:1.8rem}.creator-subtitle{font-size:.9rem}.github-section{gap:.8rem;padding:1.25rem}.github-badge{padding:.6rem 1.2rem}.github-link{font-size:1rem}.github-details{font-size:.85rem;gap:1rem}.github-cta{padding:1.5rem}.github-cta p{font-size:1rem}.github-button{font-size:1rem;padding:.85rem 1.5rem}}@media (max-width:480px){.sole-creator{border-radius:12px;margin-bottom:1.2rem;padding:1.2rem 1rem}.creator-title{font-size:.85rem;margin-bottom:.5rem}.creator-name{font-size:1.5rem;margin-bottom:.8rem}.creator-subtitle{font-size:.8rem}.github-section{gap:.75rem;padding:1rem}.github-badge{flex-direction:column;gap:.5rem;padding:.5rem 1rem}.github-link{font-size:.9rem}.github-details{flex-direction:column;font-size:.8rem;gap:.5rem}.github-cta{margin-top:1.5rem;padding:1.2rem}.github-cta p{font-size:.95rem;margin-bottom:1rem}.github-button{font-size:.95rem;padding:.75rem 1.25rem}}.terms-page{animation:fadeIn .4s ease;background:linear-gradient(135deg,#0f172a,#1a1f35);min-height:100vh;padding:2rem}.terms-header{margin-bottom:3rem;text-align:center}.terms-header h1{color:#fff;font-size:2.8rem;font-weight:900;margin-bottom:.5rem;text-shadow:0 2px 8px #1f4e994d}.terms-header p{color:#b8c5d6;font-size:.95rem;letter-spacing:.3px}.terms-container{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:900px}.terms-section{background:linear-gradient(135deg,#1e2139,#161b2e);border:1px solid #1f4e9933;border-radius:12px;box-shadow:0 4px 16px #0000004d;padding:2rem;transition:all .3s ease}.terms-section:hover{border-color:#1f4e9966;box-shadow:0 8px 24px #1f4e9926}.terms-section h2{color:#1f4e99;font-size:1.4rem;font-weight:700;margin-bottom:1rem}.terms-section p{color:#b8c5d6;font-size:.95rem;line-height:1.8;margin-bottom:1rem}.terms-section p:last-child{margin-bottom:0}.terms-section ul{color:#b8c5d6;font-size:.95rem;line-height:1.8;margin:0;padding-left:2rem}.terms-section li{margin-bottom:.5rem}.terms-section li:last-child{margin-bottom:0}.final-section{background:linear-gradient(135deg,#66bb6a1a,#3b82f61a);border:1px solid #1f4e994d}.final-section h2{color:#66bb6a}@media (max-width:1200px){.terms-page{padding:1.5rem}.terms-header h1{font-size:2.2rem}.terms-section{padding:1.5rem}}@media (max-width:768px){.terms-page{padding:1rem}.terms-header h1{font-size:1.8rem}.terms-header p{font-size:.9rem}.terms-container{gap:1.5rem}.terms-section{padding:1.25rem}.terms-section h2{font-size:1.2rem;margin-bottom:.75rem}.terms-section p{font-size:.9rem}.terms-section ul{font-size:.9rem;padding-left:1.5rem}}@media (max-width:480px){.terms-page{padding:.75rem}.terms-header h1{font-size:1.4rem}.terms-header p{font-size:.8rem}.terms-container{gap:1rem}.terms-section{padding:1rem}.terms-section h2{font-size:1.1rem;margin-bottom:.5rem}.terms-section p{font-size:.85rem;margin-bottom:.75rem}.terms-section ul{font-size:.85rem;padding-left:1.25rem}.terms-section li{margin-bottom:.4rem}}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}.dashboard{animation:fadeIn .4s ease;margin:0 auto;max-width:1400px;padding:0;position:relative}@media (max-width:768px){.dashboard{margin:0;max-width:100%;overflow-x:hidden;padding:0}}.dashboard:before{animation:none;background-image:none;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}@keyframes spotlightShift{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}@keyframes spinPulse{0%,to{box-shadow:0 4px 15px #ffa50066;transform:scale(1)}50%{box-shadow:0 6px 25px #ffa50099;transform:scale(1.02)}}.spin-wheel-cta:hover{box-shadow:0 6px 30px #ffa500b3!important;transform:scale(1.03)!important}.beginner-banner{align-items:flex-start;animation:slideDown .5s ease-out;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:1rem;margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5)}.banner-icon{flex-shrink:0;font-size:2rem}.banner-content h3{color:var(--color-text-primary);font-size:var(--font-body);font-weight:700;margin:0 0 .5rem}.banner-content p{color:var(--color-text-secondary);font-size:var(--font-small);line-height:1.6;margin:0}.dashboard-stats-compact{-ms-overflow-style:none;display:flex;gap:.75rem;margin-bottom:1.5rem;margin-top:0;overflow-x:auto;padding:.5rem 0;scrollbar-width:none}.dashboard-stats-compact::-webkit-scrollbar{display:none}.stat-compact{animation:none;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;flex-shrink:0;gap:.3rem;min-width:90px;overflow:visible;padding:.75rem 1.25rem;position:relative;text-align:center;transition:all .2s ease}@keyframes marqueeScroll{0%{transform:translateX(0)}to{transform:translateX(30px)}}@keyframes subtleGlow{0%,to{box-shadow:0 4px 12px #00000040,0 0 20px #2196f31a,inset 0 0 20px #ff8c000d}50%{box-shadow:0 4px 12px #00000040,0 0 25px #2196f333,inset 0 0 25px #ff8c0014}}.stat-compact:before{content:none}@media (max-width:1024px) and (min-width:768px){.dashboard{padding:0 1rem}.dashboard-stats-compact{gap:.6rem;padding:.4rem 0}.stat-compact{min-width:85px;padding:.7rem 1rem}.dashboard-grid{gap:1.25rem;grid-template-columns:1fr}}.stat-compact:hover{transform:translateY(-2px)}.stat-compact.pending{border-color:#ff9800}.stat-compact.won{border-color:#66bb6a}.stat-compact.lost{border-color:#ef5350}.stat-compact.profit{border-color:#673ab7;min-width:110px}.notification-banner{align-items:center;animation:slideDown .4s ease-out;background:linear-gradient(135deg,#ffa72626,#ff8f001a);border:2px solid #ffa72666;border-radius:12px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem;position:relative}.notification-banner-icon{animation:bellRing 2s ease-in-out infinite;flex-shrink:0;font-size:2.5rem}@keyframes bellRing{0%,to{transform:rotate(0deg)}10%,30%{transform:rotate(-15deg)}20%,40%{transform:rotate(15deg)}50%{transform:rotate(0deg)}}.notification-banner-content{flex:1 1}.notification-banner-content strong{color:#ffa726;display:block;font-size:1.1rem;margin-bottom:.25rem}.notification-banner-content p{color:#e0e0e0;font-size:.9rem;line-height:1.4;margin:0}.notification-banner-btn{background:linear-gradient(135deg,#ffa726,#ff9800);border:none;border-radius:8px;box-shadow:0 4px 12px #ffa7264d;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.notification-banner-btn:hover{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 6px 16px #ffa72666;transform:translateY(-2px)}.notification-banner-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#e0e0e0;cursor:pointer;display:flex;font-size:1.2rem;height:28px;justify-content:center;pointer-events:auto;position:absolute;right:.5rem;top:.5rem;transition:all .3s ease;width:28px;z-index:10}.notification-banner-close:hover{background:#fff3;transform:rotate(90deg)}.stat-compact-value{color:#fff;font-size:1.5rem;font-weight:700;line-height:1}.stat-compact-label{color:#b8c5d6;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.recent-winners-banner{background:linear-gradient(135deg,#66bb6a1f,#4caf5014);border:2px solid #66bb6a4d;border-radius:12px;box-shadow:0 4px 16px #66bb6a26;margin-bottom:1.5rem;overflow:hidden;padding:0}.recent-winners-header{align-items:center;background:linear-gradient(135deg,#66bb6a33,#4caf5026);border-bottom:2px solid #66bb6a4d;display:flex;gap:.75rem;padding:1rem 1.25rem}.recent-winners-icon{font-size:1.5rem}.recent-winners-header h3{color:#66bb6a;flex:1 1;font-size:1.1rem;font-weight:700;margin:0}.recent-winners-pulse{align-items:center;animation:pulse 2s infinite;background:#ef535033;border-radius:12px;color:#ef5350;display:flex;font-size:.75rem;font-weight:700;gap:.25rem;padding:.25rem .625rem}.recent-winners-carousel{overflow:hidden;padding:1rem 0;position:relative}.winners-scroll{animation:scroll 40s linear infinite;display:flex;gap:1rem;padding:0 1.25rem}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.winners-scroll:hover{animation-play-state:paused}.winner-card{align-items:center;background:linear-gradient(135deg,#1e2139f2,#161b2ef2);border:2px solid #66bb6a4d;border-radius:10px;box-shadow:0 2px 8px #0003;display:flex;flex-shrink:0;gap:.875rem;min-width:280px;padding:.875rem 1rem;transition:all .3s ease}.winner-card:hover{border-color:#66bb6a80;box-shadow:0 4px 16px #66bb6a4d;transform:translateY(-2px)}.winner-avatar{align-items:center;background:linear-gradient(135deg,#66bb6a,#4caf50);border-radius:50%;box-shadow:0 2px 8px #66bb6a66;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:42px;justify-content:center;width:42px}.winner-info{flex:1 1;min-width:0}.winner-username{color:#e9f1ff;font-size:.9rem;font-weight:700;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.winner-details{align-items:center;display:flex;font-size:.8rem;gap:.5rem}.winner-team{color:#b8c5d6;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.winner-multiplier{background:#66bb6a33;border-radius:8px;color:#66bb6a;flex-shrink:0;font-weight:700;padding:.125rem .5rem}.winner-amount{flex-shrink:0;text-align:right}.winner-won-label{color:#66bb6a;display:block;font-size:.65rem;font-weight:700;letter-spacing:.5px;margin-bottom:.125rem}.winner-won-value{color:#66bb6a;display:block;font-size:1.1rem;font-weight:800}.dashboard-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:2rem;margin-top:0}.dashboard-stat-item{align-items:center;background:linear-gradient(135deg,#1e2139,#161b2e);border:2px solid;border-radius:12px;box-shadow:0 4px 12px #0003;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;justify-content:center;min-height:130px;padding:1.5rem 1.2rem;text-align:center;transition:transform .2s ease}.dashboard-stat-item:hover{box-shadow:0 8px 20px #0000004d;transform:translateY(-4px)}.dashboard-stat-item.total-picks{border-color:#2196f3}.dashboard-stat-item.pending{border-color:#ff9800}.dashboard-stat-item.won{border-color:#66bb6a}.dashboard-stat-item.lost{border-color:#ef5350}.dashboard-stat-item.wagered{border-color:#9c27b0}.dashboard-stat-item.profit{border-color:#673ab7}.stat-emoji{font-size:1.8rem;line-height:1}.stat-label{font-size:.8rem;font-weight:600;letter-spacing:.5px;line-height:1.2;margin:0;text-transform:uppercase}.stat-value{font-size:1.8rem;line-height:1.2}.stat-card{align-items:center;background:linear-gradient(135deg,#1e2139,#161b2e);border:1px solid #1f4e9926;border-radius:12px;box-shadow:0 8px 24px #0000004d;display:flex;gap:1rem;min-height:110px;padding:1.5rem;transition:all .3s ease}.stat-card:hover{border-color:#1f4e9940;box-shadow:0 12px 32px #0006;transform:translateY(-4px)}.stat-card.balance-card{background:linear-gradient(135deg,#66bb6a,#43a047);border-color:#fff3}.stat-icon{font-size:2.5rem;opacity:.9}.stat-content h3{color:#888a9b;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.balance-card .stat-content h3{color:#ffffffe6}.stat-value{color:#1f4e99;font-size:2rem;font-weight:700;margin:0}.balance-card .stat-value{color:#fff}.stat-subtitle{color:#888a9b;font-size:.85rem;margin-top:.25rem}.dashboard-grid{grid-gap:2rem;contain:layout;gap:2rem;grid-template-columns:1fr 400px;margin-bottom:2rem}@media (max-width:1200px){.dashboard-grid{grid-template-columns:1fr}}.bet-card{box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff14!important;contain:layout;min-height:320px;overflow:visible}.bet-card,.card.bet-card{background:linear-gradient(135deg,#1e2139,#161b2e)!important;border:1px solid #ffffff1a!important}.bet-card h3{color:#b8c5d6!important;font-size:1.3rem;margin-bottom:1.5rem}.dashboard-intro{background:linear-gradient(135deg,#0f1a2e,#122347);border:1px solid #ffffff1a;border-radius:14px;box-shadow:0 10px 30px #00000040;margin-bottom:1.5rem;padding:1.5rem}.intro-title{color:#1f4e99;font-size:1.4rem;font-weight:800;margin:0 0 .5rem}.intro-body{color:#c8d4e6;font-size:1rem;line-height:1.6;margin:0}.bet-form{gap:1.5rem}.bet-form,.empty-state{display:flex;flex-direction:column}.empty-state{align-items:center;color:#999;justify-content:center;min-height:200px;padding:3rem 1rem;text-align:center}.empty-state p:first-child{font-size:1.2rem;margin-bottom:.5rem}.empty-subtitle{color:#666;font-size:.9rem}.game-select{background:#1e2139;border:2px solid #1f4e9933;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;padding:.9rem 1.2rem;transition:all .3s ease;width:100%}.game-select:hover{border-color:#1f4e9966}.game-select:focus{border-color:#1f4e99;box-shadow:0 0 0 3px #1f4e991a;outline:none}.game-select option{background:#1e2139;padding:1rem}.game-cards-selection{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.bet-details-expanded{animation:slideDown .3s ease;background:linear-gradient(135deg,#1f4e9926,#1f4e990d);border:2px solid #1f4e994d;border-radius:12px;grid-column:1/-1;margin-top:-.5rem;padding:1.5rem}.game-card-btn{background:linear-gradient(135deg,#1e2139,#161b2e);border:2px solid #1f4e9933;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;padding:1rem;text-align:left;transition:all .3s ease;width:100%}.game-card-btn.boys-game{background:linear-gradient(135deg,#1e88e51a,#1565c00d);border-color:#1e88e540}.game-card-btn.girls-game{background:linear-gradient(135deg,#e91e631a,#c2185b0d);border-color:#e91e6340}.game-card-btn:hover:not(:disabled){border-color:#1f4e9980;box-shadow:0 4px 12px #1f4e9933;transform:translateY(-2px)}.game-card-btn.boys-game:hover:not(:disabled){border-color:#1e88e580;box-shadow:0 4px 12px #1e88e54d}.game-card-btn.girls-game:hover:not(:disabled){border-color:#e91e6380;box-shadow:0 4px 12px #e91e634d}.game-card-btn.active{background:linear-gradient(135deg,#1f4e9933,#1f4e990d);border-color:#1f4e99;box-shadow:0 4px 16px #1f4e994d}.game-card-btn.boys-game.active{background:linear-gradient(135deg,#1e88e540,#1565c01f);border-color:#1e88e5;box-shadow:0 4px 16px #1e88e566}.game-card-btn.girls-game.active{background:linear-gradient(135deg,#e91e6340,#c2185b1f);border-color:#e91e63;box-shadow:0 4px 16px #e91e6366}.game-card-btn.locked{border-color:#ef53504d;cursor:not-allowed;opacity:.5}.game-card-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.game-card-matchup{align-items:center;display:flex;gap:1rem;justify-content:center;padding:.5rem 0}.game-card-team{color:#e9f1ff;flex:1 1;font-size:1.1rem;font-weight:700;text-align:center}.game-card-vs{background:#ffffff0d;border-radius:4px;color:#888a9b;font-size:.85rem;font-weight:600;padding:.25rem .5rem}.game-card-details{color:#b8c5d6;display:flex;flex-wrap:wrap;font-size:.9rem;gap:1rem;justify-content:center}.game-card-date,.game-card-time{align-items:center;display:flex;gap:.25rem}.game-card-location{border-top:1px solid #ffffff0d;color:#888a9b;font-size:.85rem;padding-top:.25rem;text-align:center}.skeleton-stack{display:grid}.skeleton-line{animation:shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0f,#ffffff26,#ffffff0f);border-radius:8px;display:block}.bet-details{animation:slideDown .3s ease;display:flex;flex-direction:column;gap:1.5rem}.game-info-card{background:linear-gradient(135deg,#004f9e,#003d7a);border:1px solid #1f4e9933;border-radius:12px;box-shadow:0 4px 12px #004f9e4d;padding:1.5rem}.game-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.game-badge{background:linear-gradient(135deg,#1f4e99,#2563eb);border:1px solid #ffffff26;border-radius:8px;box-shadow:0 2px 8px #1f4e994d;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.8px;padding:.5rem 1rem;text-transform:uppercase}.game-badge.boys{background:linear-gradient(135deg,#1e88e5,#1565c0);border:1.5px solid #ffffff40;box-shadow:0 3px 12px #1e88e580}.game-badge.girls{background:linear-gradient(135deg,#e91e63,#c2185b);border:1.5px solid #ffffff40;box-shadow:0 3px 12px #e91e6380}.game-date{color:#fffc;font-size:.85rem}.matchup{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:1rem 0}.team-item{background:#00000026;border:1px solid #ffffff1f;border-radius:10px;color:#e6eef8;flex:1 1;font-size:1.1rem;padding:.9rem .75rem;text-align:center}.team-item,.vs{font-weight:700}.vs{color:#9fc5ff;font-size:.9rem}.game-location{color:#ffffffb3;font-size:.85rem;margin-top:.5rem;text-align:center}.team-selection{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.team-selection .team-btn{align-items:center;border:2px solid;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-weight:600;gap:.5rem;padding:1.2rem;transition:all .3s ease}.team-selection .team-btn.valiant{background:linear-gradient(135deg,#1a3a5c,#0d1f33);border-color:#1f4e9980}.team-selection .team-btn.valiant:hover{border-color:#1f4e99cc;box-shadow:0 8px 16px #1f4e994d;transform:translateY(-2px)}.team-selection .team-btn.valiant.active{background:linear-gradient(135deg,#1f4e99,#3b82f6);border-color:#4a90e2;box-shadow:0 8px 24px #1f4e9980;transform:translateY(-2px)}.team-selection .team-btn.opponent{background:linear-gradient(135deg,#4a1a5c,#2d1033);border-color:#9c27b080}.team-selection .team-btn.opponent:hover{border-color:#9c27b0cc;box-shadow:0 8px 16px #9c27b04d;transform:translateY(-2px)}.team-selection .team-btn.opponent.active{background:linear-gradient(135deg,#9c27b0,#ba68c8);border-color:#ce93d8;box-shadow:0 8px 24px #9c27b080;transform:translateY(-2px)}.team-name{font-size:1.1rem}.team-label{font-size:.75rem;letter-spacing:.5px;opacity:.7;text-transform:uppercase}.team-btn.active .team-label{opacity:.8}.confidence-selection{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.confidence-btn{align-items:center;background:linear-gradient(135deg,#1e2139,#161b2e);border:2px solid #1f4e9933;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:.4rem;padding:1.2rem .8rem;transition:all .3s ease}.confidence-btn:hover{border-color:#1f4e9980;box-shadow:0 8px 16px #0000004d;transform:translateY(-2px)}.confidence-btn.low.active{background:linear-gradient(135deg,#66bb6a,#43a047);border-color:#66bb6a;box-shadow:0 8px 24px #66bb6a66}.confidence-btn.medium.active{background:linear-gradient(135deg,#ffa726,#fb8c00);border-color:#ffa726;box-shadow:0 8px 24px #ffa72666}.confidence-btn.high.active{background:linear-gradient(135deg,#ef5350,#e53935);border-color:#ef5350;box-shadow:0 8px 24px #ef535066}.confidence-label{font-size:.9rem}.confidence-multiplier{color:#1f4e99;font-size:1.3rem;font-weight:700}.confidence-btn.active .confidence-multiplier{color:#fff}.confidence-desc{font-size:.7rem;letter-spacing:.5px;opacity:.7;text-transform:uppercase}.amount-input-wrapper{align-items:center;display:flex;position:relative}.currency-symbol{color:#1f4e99;font-size:1.2rem;font-weight:700;left:1rem;pointer-events:none;position:absolute}.amount-input{background:#1e2139;border:2px solid #1f4e9933;border-radius:8px;color:#fff;font-size:1.1rem;font-weight:600;padding:1rem 4rem 1rem 2.5rem;transition:all .3s ease;width:100%}.amount-input:focus{border-color:#1f4e99;box-shadow:0 0 0 3px #1f4e991a;outline:none}.max-btn{background:linear-gradient(135deg,#0f6ec7,#0d4ba3);border:1px solid #1f4e9940;border-radius:6px;box-shadow:0 4px 12px #004f9e59;color:#f6f8ff;cursor:pointer;font-size:.8rem;font-weight:700;padding:.5rem 1rem;position:absolute;right:.5rem;transition:all .3s ease}.max-btn:hover{box-shadow:0 6px 16px #004f9e73;transform:scale(1.05)}.amount-helpers{display:flex;gap:.5rem;margin-top:.5rem}.quick-amount{background:#1f4e991a;border:1px solid #1f4e994d;border-radius:6px;color:#1f4e99;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:.6rem;transition:all .3s ease}.quick-amount:hover{background:#1f4e9933;border-color:#1f4e9980;transform:translateY(-2px)}.potential-win-card{background:linear-gradient(135deg,#1e88e5,#1565c0);border:1px solid #1f4e9933;border-radius:12px;box-shadow:0 8px 24px #1e88e54d;padding:1.5rem;text-align:center}.potential-label{color:#fffc;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.potential-amount{color:#fff;font-size:2.2rem;font-weight:700;margin:.5rem 0}.potential-profit{color:#66bb6a;font-size:.95rem;font-weight:600}.btn-bet{background:linear-gradient(135deg,#0f6ec7,#0d4ba3);border:1px solid #1f4e994d;border-radius:12px;box-shadow:0 10px 28px #004f9e59;color:#f6f8ff;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:.5px;padding:1.2rem 2rem;text-transform:uppercase;transition:all .3s ease}.btn-bet:hover:not(:disabled){box-shadow:0 14px 36px #004f9e73;transform:translateY(-2px)}.btn-bet:disabled{cursor:not-allowed;opacity:.5}.dashboard-sidebar{gap:1.5rem}.dashboard-sidebar .card{height:-webkit-fit-content;height:fit-content}.dashboard-sidebar h3{color:#1f4e99;font-size:1.1rem;margin-bottom:1rem}.upcoming-games-list{display:flex;flex-direction:column;gap:1rem}.upcoming-game-item{background:#1f4e990d;border-left:3px solid #1f4e99;border-radius:8px;padding:1rem;transition:all .3s ease}.upcoming-game-item:hover{background:#1f4e991a;transform:translateX(4px)}.game-teams{align-items:center;color:#fff;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.vs-small{color:#1f4e99;font-size:.75rem;font-weight:700}.game-meta{align-items:center;color:#888a9b;display:flex;font-size:.8rem;gap:.75rem}.game-type-badge{background:#1f4e9933;border-radius:4px;color:#1f4e99;font-size:.7rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.game-type-badge.boys{background:#1e88e540;border:1px solid #1e88e566;color:#1e88e5}.game-type-badge.girls{background:#e91e6340;border:1px solid #e91e6366;color:#e91e63}.recent-bets-list{display:flex;flex-direction:column;gap:1rem}.recent-bet-item{background:#1f4e990d;border-left:3px solid #888a9b;border-radius:8px;padding:1rem;transition:all .3s ease}.recent-bet-item:hover{background:#1f4e991a;transform:translateX(4px)}.bet-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.bet-team{color:#fff;font-size:.95rem;font-weight:600}.bet-amount{color:#1f4e99;font-size:.95rem;font-weight:700}.bet-status{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.status-badge{border-radius:6px;font-size:.75rem;font-weight:600;padding:.3rem .6rem}.status-pending{background:#ffc10733;color:#ffc107}.status-won{background:#66bb6a33;color:#66bb6a}.status-lost{background:#ef535033;color:#ef5350}.bet-win{color:#66bb6a;font-size:.9rem;font-weight:700}.empty-text{color:#888a9b;font-size:.9rem;padding:2rem 1rem;text-align:center}.alert{align-items:center;animation:slideDown .3s ease,pulse .5s ease;border-radius:10px;box-shadow:0 4px 12px #00000026;display:flex;font-size:1.05rem;font-weight:600;justify-content:center;margin-bottom:1.5rem;min-height:3rem;padding:1.2rem 1.5rem;text-align:center}.alert-success{background:#66bb6a33;border:2px solid #66bb6a;box-shadow:0 4px 12px #66bb6a4d;color:#66bb6a}.alert-error{background:#ef535033;border:2px solid #ef5350;box-shadow:0 4px 12px #ef53504d;color:#ef5350}.form-group{display:flex;flex-direction:column;gap:.8rem}.form-group label{align-items:center;color:#1f4e99;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:.35rem}.field-help{background:#2196f314;border-left:3px solid #2196f366;border-radius:4px;color:#9fb3c8;font-size:.85rem;line-height:1.5;margin:0 0 .65rem;padding:.5rem .75rem}.field-help strong{color:#66bb6a;font-weight:700}@media (max-width:1024px){.dashboard{padding:0 1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{gap:1.5rem;grid-template-columns:1fr}.card{padding:1.5rem}.form-group{margin-bottom:1.25rem}.game-cards-selection{gap:1rem}.game-card-btn{padding:1.25rem}.team-selection{gap:1rem}.team-btn{padding:1rem}.confidence-selection{gap:.75rem}.confidence-btn{padding:1rem .75rem}.dashboard-stats-compact{gap:.75rem}.stat-compact{min-width:95px;padding:.85rem 1.1rem}}@media (max-width:768px){.dashboard{overflow-x:hidden;padding:.75rem}.welcome-card-primary{border-radius:12px;margin-bottom:1rem;padding:1.25rem 1rem}.welcome-card-primary h2{font-size:1.4rem;line-height:1.3;margin-bottom:.75rem}.welcome-header{display:flex;flex-direction:column;gap:.75rem}.balance-display-large{padding:.75rem 0;text-align:left}.balance-display-large .balance-label{font-size:.85rem;margin-bottom:.25rem}.balance-display-large .balance-amount{font-size:1.8rem;font-weight:700}.btn-cta-large{border-radius:8px;font-size:1rem;min-height:44px;padding:.875rem 1.5rem}.dashboard-sidebar{align-items:stretch;display:flex;flex-direction:column;margin:0;width:100%}.dashboard-sidebar .card{border-radius:12px;margin:0 0 1rem;padding:1.25rem 1rem;text-align:left;width:100%}.dashboard-sidebar h3,.dashboard-sidebar h4{font-size:1.1rem;margin-bottom:1rem;text-align:left}.quick-links-minimal,.recent-activity-section,.spin-wheel-card,.upcoming-section{border-radius:12px;margin-bottom:1rem;padding:1.25rem 1rem}.recent-bets-list,.upcoming-games-list{align-items:stretch}.recent-bet-item,.upcoming-game-item{border-left:none;border-top:3px solid #1f4e99;width:100%}.recent-activity-grid,.upcoming-games-grid{gap:.75rem}.activity-card,.upcoming-game-card{border-radius:8px;margin-bottom:.5rem;padding:1rem}.activity-header{align-items:flex-start;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.activity-team{font-size:.95rem}.activity-bet-amount{font-size:1.1rem;font-weight:600}.activity-footer{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.activity-card:hover,.recent-bet-item:hover,.upcoming-game-card:hover,.upcoming-game-item:hover{transform:none}.bet-info,.bet-status,.game-meta,.game-teams{justify-content:flex-start}.game-teams{flex-wrap:wrap}.quick-links-card{text-align:left}.quick-links-list{display:flex;flex-direction:column;gap:.5rem}.quick-link-item{font-size:.95rem;min-height:44px;padding:.75rem;text-align:center;width:100%}.empty-text{font-size:.9rem;text-align:center}.beginner-banner{border-radius:10px;gap:.8rem;margin-bottom:1.2rem;padding:1.1rem 1rem}.banner-icon{font-size:2rem}.banner-content h3{font-size:1.05rem;margin-bottom:.4rem}.banner-content p{font-size:.9rem;line-height:1.5}.field-help{font-size:.85rem;padding:.5rem .7rem}.btn{min-height:44px;min-width:44px;padding:.75rem 1.25rem}.btn-secondary,.btn-spin-wheel{font-size:.95rem;padding:.75rem 1.25rem}.btn-spin-wheel{min-height:44px}.dashboard-stats-compact{gap:.6rem;margin-bottom:1.2rem;padding:.3rem 0}.stat-compact{border-radius:10px;border-width:2px;min-width:85px;padding:.8rem 1rem}.stat-compact .stat-label{font-size:.7rem;margin-bottom:.2rem}.stat-compact .stat-value{font-size:1.3rem;font-weight:800}.dashboard-stats-grid{gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.dashboard-stat-item{border-radius:10px;min-height:110px;padding:1.1rem}.stat-emoji{font-size:1.6rem}.stat-label{font-size:.75rem;margin-top:.3rem}.stat-value{font-size:1.5rem;font-weight:800}.stats-grid{gap:1rem;grid-template-columns:1fr;margin-bottom:1.5rem}.stat-card{border-radius:12px;box-shadow:0 4px 12px #00000040;flex-direction:row;gap:1rem;margin-bottom:.5rem;padding:1.3rem;text-align:left}.stat-icon{flex-shrink:0;font-size:2.2rem}.stat-content{display:flex;flex:1 1;flex-direction:column;gap:.3rem}.card{padding:1rem}.game-matchup-display{font-size:.95rem;gap:.5rem}.team-name{font-weight:600}.vs-divider{font-size:.8rem}.game-details-row{font-size:.85rem;margin-top:.5rem}}@media (max-width:600px){.dashboard-intro{border-radius:12px;margin-bottom:1.5rem;padding:1.3rem}.confidence-selection{gap:.8rem;grid-template-columns:1fr}.amount-helpers{gap:.6rem;grid-template-columns:repeat(2,1fr)}.dashboard-grid{gap:1.25rem;margin-bottom:1.5rem}.bet-card{border-radius:12px;padding:1.3rem}.bet-card h3{font-size:1.2rem;margin-bottom:1rem}.bet-form{gap:1.2rem}.active-bets{border-radius:12px;padding:1.3rem}.bet-item{border-radius:10px;margin-bottom:.9rem;padding:1.1rem}.potential-amount{font-size:1.9rem;font-weight:800}.empty-state{border-radius:12px;padding:2.5rem 1.2rem}.empty-state-icon{font-size:3rem}.winners-scroll{animation:scroll 20s linear infinite}.grade-bar-item{padding:.9rem}.grade-bar-icon{font-size:1.8rem}.grade-bar-name{font-size:1rem}.grade-bar-theme{font-size:.8rem}.grade-bar-colors{font-size:.75rem}.grade-bar-points{font-size:1.1rem}.dress-up-day{padding:1rem}.timeline-day{font-size:.8rem;min-width:100px}.dress-up-theme{font-size:1rem}.points-option{padding:.65rem .85rem}.points-badge{font-size:.65rem;padding:.3rem .55rem}.points-desc{font-size:.85rem}}@media (max-width:480px){.dashboard{margin-bottom:80px;padding:.5rem}.welcome-card-primary{border-radius:8px;padding:1rem .75rem}.welcome-card-primary h2{font-size:1.25rem}.balance-display-large .balance-amount{font-size:1.6rem}.btn-cta-large{font-size:.95rem;padding:.75rem 1rem;width:100%}.dashboard-sidebar{align-items:center;display:flex;flex-direction:column;margin:0 auto;width:100%}.dashboard-sidebar .card{margin:0;max-width:100%;padding:1rem .75rem;text-align:left;width:100%}.dashboard-sidebar h3{font-size:1rem;text-align:left}.recent-bets-list,.upcoming-games-list{align-items:stretch}.recent-bet-item,.upcoming-game-item{width:100%}.quick-links-card{text-align:left}.quick-links-list{display:flex;flex-direction:column;gap:.5rem}.quick-link-item{padding:.75rem;text-align:center;width:100%}.empty-text{font-size:.9rem;text-align:center}.beginner-banner{border-radius:8px;padding:1rem .9rem}.banner-icon{font-size:1.8rem}.banner-content h3{font-size:1rem}.banner-content p{font-size:.85rem;line-height:1.5}.dashboard-stats-compact{gap:.5rem}.stat-compact{border-radius:8px;min-width:80px;padding:.7rem .9rem}.stat-compact .stat-label{font-size:.65rem}.stat-compact .stat-value{font-size:1.2rem}.dashboard-stats-grid{gap:.9rem;grid-template-columns:1fr;margin-bottom:1.2rem}.dashboard-stat-item{border-radius:10px;min-height:95px;padding:1rem}.stat-emoji{font-size:1.6rem}.stat-label{font-size:.7rem}.stat-value{font-size:1.4rem;font-weight:800}.stats-grid{gap:.9rem;grid-template-columns:1fr;margin-bottom:1.2rem}.stat-card{border-radius:10px;gap:.85rem;margin-bottom:.5rem;padding:1.1rem}.stat-icon{font-size:2rem}.stat-content h3{font-size:.85rem}.stat-value{font-size:1.5rem}.stat-subtitle{font-size:.85rem}.dashboard-intro{margin-bottom:1.2rem;padding:1.1rem}.bet-card,.dashboard-intro{border-radius:10px}.bet-card h3{font-size:1.15rem;margin-bottom:1rem}.confidence-selection{gap:.75rem;grid-template-columns:1fr}.confidence-btn{border-radius:8px;font-size:.95rem;min-height:48px;padding:.9rem}.amount-input{border-radius:8px;font-size:1.05rem;padding:1rem 2.5rem}.max-btn{border-radius:6px;font-size:.8rem;padding:.6rem .85rem;right:.5rem}.amount-helpers{gap:.6rem;grid-template-columns:repeat(2,1fr)}.helper-btn{border-radius:8px;font-size:.85rem;min-height:44px;padding:.7rem .5rem}.bet-form{gap:1.1rem}.place-bet-btn{border-radius:8px;font-size:1rem;font-size:.95rem;font-weight:700;min-height:48px;padding:.9rem}.active-bets{padding:1rem}.active-bets h3{font-size:1.1rem}.bet-item{margin-bottom:.8rem;padding:.8rem}.bet-header{font-size:.9rem}.bet-details{font-size:.85rem}.potential-amount{font-size:1.4rem}.empty-state{padding:1.5rem .5rem}.empty-state p:first-child{font-size:1rem}.empty-subtitle{font-size:.8rem}.winners-scroll{animation:scroll 15s linear infinite}.leader-icon{font-size:2.2rem!important}.leader-label{font-size:.7rem}.leader-grade{font-size:1.2rem}.leader-subtheme{font-size:.85rem}.leader-points{font-size:1.5rem}.grade-bar-item{margin-bottom:.85rem;padding:.85rem}.grade-bar-icon{font-size:1.6rem}.grade-bar-name{font-size:.95rem}.grade-bar-theme{font-size:.75rem}.grade-bar-colors{font-size:.7rem}.grade-bar-points{font-size:1rem}.grade-bar-container{height:28px}.dress-up-day{padding:.9rem}.timeline-day{font-size:.75rem;letter-spacing:.5px;min-width:90px}.dress-up-theme{font-size:.95rem}.dress-up-points{gap:.5rem}.points-option{padding:.6rem .75rem}.points-badge{font-size:.6rem;padding:.25rem .45rem}.points-desc{font-size:.8rem;line-height:1.4}.timeline-item{padding:.65rem .85rem}.timeline-event{font-size:.85rem}}.welcome-banner{align-items:center;background:linear-gradient(135deg,#004f9e40,#003d7a26);border:2px solid #2196f366;border-radius:12px;box-shadow:0 4px 12px #0003;display:flex;gap:1.25rem;margin-bottom:1.5rem;padding:1.5rem 1.75rem}.welcome-banner .banner-icon{font-size:2.5rem}.welcome-banner h2{color:#e9f1ff;font-size:1.4rem;font-weight:700;margin:0 0 .5rem}.welcome-banner p{color:#b8c5d6;font-size:1rem;line-height:1.5;margin:0}.school-alerts{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.alert-banner{align-items:center;border:2px solid;border-radius:10px;box-shadow:0 2px 8px #00000026;display:flex;font-size:.95rem;gap:1rem;padding:1rem 1.25rem}.alert-banner.alert-info{background:#2196f326;border-color:#2196f366;color:#64b5f6}.alert-banner.alert-warning{background:#ff980026;border-color:#ff980066;color:#ffb74d}.alert-banner.alert-success{background:#66bb6a26;border-color:#66bb6a66;color:#81c784}.alert-icon{flex-shrink:0;font-size:1.5rem}.alert-message{flex:1 1;font-weight:500}.school-grid{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr 380px}.dashboard-main-column{display:flex;flex-direction:column;gap:1.5rem}.pick-cta-card{background:linear-gradient(135deg,#004f9e33,#003d7a1a);border:2px solid #2196f3;padding:2rem;text-align:center}.pick-cta-card h3{color:#e9f1ff;font-size:1.3rem;margin-bottom:.75rem}.pick-cta-card p{color:#b8c5d6;font-size:1rem;margin-bottom:1.5rem}.btn-large{font-size:1.1rem;font-weight:600;padding:1rem 2rem}.dashboard .balance-display{align-items:center;border-top:1px solid #ffffff1a;display:flex;font-size:1.1rem;gap:.75rem;justify-content:center}.dashboard .balance-label{color:#b8c5d6}.dashboard .balance-amount{color:#4caf50;font-size:1.3rem;font-weight:700}.pick-cta-compact{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#004f9e33,#003d7a1a);border:2px solid #2196f3;box-shadow:0 4px 20px #0000004d;padding:1.25rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.cta-compact-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.cta-compact-info{flex:1 1;min-width:250px}.balance-display-compact{align-items:flex-end;background:#4caf501a;border:1px solid #4caf504d;border-radius:8px;display:flex;flex-direction:column;gap:.25rem;padding:.5rem 1rem}.balance-display-compact .balance-label{color:#b8c5d6;font-size:.85rem}.balance-display-compact .balance-amount{color:#4caf50;font-size:1.2rem;font-weight:700}.cta-buttons-row{display:flex;gap:.75rem;margin-bottom:.5rem}.btn-medium{font-size:1rem;font-weight:600;padding:.75rem 1.5rem}.school-events-card{background:linear-gradient(135deg,#1e2139,#161b2e)}.school-events-card h3{margin-bottom:1rem}.events-list{display:flex;flex-direction:column;gap:1rem}.event-item{background:#1e213999;border:2px solid #ffffff1a;border-radius:10px;display:flex;gap:1rem;padding:1.25rem;transition:transform .2s ease,border-color .2s ease}.event-item:hover{border-color:#2196f380;transform:translateX(4px)}.event-item.event-sports{border-left:4px solid #ff9800}.event-item.event-spirit{border-left:4px solid #9c27b0}.event-item.event-academic{border-left:4px solid #2196f3}.event-item.event-social{border-left:4px solid #4caf50}.event-icon{flex-shrink:0;font-size:2rem}.event-details{flex:1 1}.event-details h4{color:#e9f1ff;font-size:1.05rem;margin:0 0 .5rem}.event-meta{color:#b8c5d6;display:flex;flex-wrap:wrap;font-size:.85rem;gap:.75rem;margin-bottom:.5rem}.event-description{color:#b8c5d6;font-size:.9rem;line-height:1.5;margin:.5rem 0 0}.quick-links-card{background:linear-gradient(135deg,#1e2139,#161b2e)}.quick-links{display:flex;flex-direction:column;gap:.75rem}.quick-link-btn{background:#2196f326;border:2px solid #2196f34d;border-radius:8px;color:#64b5f6;cursor:pointer;font-size:.95rem;font-weight:600;padding:.9rem 1.2rem;text-align:left;transition:all .2s ease;width:100%}.quick-link-btn:hover{background:#2196f340;border-color:#2196f380;transform:translateX(4px)}.btn-small{font-size:.9rem;padding:.65rem 1rem}@media (max-width:1100px){.school-grid{grid-template-columns:1fr}.dashboard-sidebar{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.dashboard-main-column{gap:1.25rem}}@media (max-width:1024px) and (min-width:768px){.welcome-banner{padding:1.5rem}.welcome-banner h2{font-size:1.5rem}}@media (max-width:768px){.welcome-banner{padding:1.25rem}.welcome-banner h2{font-size:1.2rem}.welcome-banner p{font-size:.9rem}.event-item{flex-direction:column;text-align:center}.event-meta{justify-content:center}.dashboard-sidebar{align-items:stretch;display:flex;flex-direction:column;grid-template-columns:1fr;margin:0}.dashboard-sidebar .card{margin:0;width:100%}.pick-cta-card{padding:1.5rem}.pick-cta-compact{padding:1rem;position:relative}.cta-compact-header{align-items:stretch;flex-direction:column}.balance-display-compact{align-items:center;flex-direction:row;gap:.5rem;justify-content:center}.cta-buttons-row{flex-direction:column;gap:.5rem}}@media (max-width:480px){.school-alerts{gap:.5rem}.alert-banner{font-size:.85rem;padding:.75rem 1rem}.dashboard .balance-display{flex-direction:column;gap:.5rem}.pick-cta-compact h3{font-size:1rem}.pick-cta-compact p{font-size:.85rem}.btn-medium{font-size:.9rem;padding:.65rem 1.25rem}.balance-display-compact .balance-amount{font-size:1.1rem}}.view-calendar-btn{overflow:hidden;position:relative;transition:all .3s ease}.view-calendar-btn:hover{box-shadow:0 6px 20px #004f9e66;transform:translateY(-2px)}.view-calendar-btn:active{transform:translateY(0)}@media (max-width:768px){.scroll-indicator{padding:1rem 0}.scroll-text{font-size:.9rem}.scroll-arrow{font-size:1.5rem}}.card{border-radius:8px;margin-bottom:1rem;padding:1.25rem}.dashboard-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 340px;margin:0;padding:1rem}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr;padding:.75rem}}@media (max-width:768px){.dashboard-grid{gap:0;grid-template-columns:1fr;padding:0}.card{border-left:none;border-radius:0;border-right:none;margin-bottom:0}}.welcome-card-primary{background:linear-gradient(135deg,#004f9e,#003d7a);border:none;padding:2rem 1.5rem;text-align:center}.welcome-card-primary h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.balance-display-large{background:#ffffff26;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding:1rem}.balance-display-large .balance-label{color:#ffffffe6;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.balance-display-large .balance-amount{color:#4caf50;font-size:2.5rem;font-weight:800;line-height:1}.btn-cta-large{background:#4caf50;border:none;border-radius:8px;box-shadow:0 4px 12px #4caf5066;color:#fff;cursor:pointer;font-size:1.25rem;font-weight:700;padding:1.25rem 2rem;transition:all .3s ease;width:100%}.btn-cta-large:hover{background:#43a047;box-shadow:0 6px 16px #4caf5080;transform:translateY(-2px)}.win-notification{animation:slideDown .4s ease;background:linear-gradient(135deg,#4caf504d,#66bb6a40);border:3px solid #4caf50;border-radius:8px;box-shadow:0 4px 20px #4caf5066;padding:1.5rem}.win-notification-title{color:#4caf50;font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.win-notification-amount{color:#4caf50;font-weight:800;margin-bottom:.5rem}.win-notification-team{color:#e9f1ff;font-size:1.1rem;font-weight:600}.loss-notification{animation:slideDown .4s ease;background:linear-gradient(135deg,#ef53504d,#e5393540);border:3px solid #ef5350;border-radius:8px;box-shadow:0 4px 20px #ef535066;padding:1.5rem}.loss-notification-emoji{font-size:3rem}.loss-notification-title{color:#ef5350;font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.loss-notification-amount{color:#ef5350;font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.loss-notification-team{color:#e9f1ff;font-size:1.1rem;font-weight:600}.playoff-banner{animation:slideDown .4s ease;background:linear-gradient(135deg,#1a472a,#2d5a3d 50%,#1a472a);border:3px solid #66bb6a;border-radius:12px;box-shadow:0 8px 32px #66bb6a4d,inset 0 1px 0 #ffffff1a;margin-bottom:1.5rem;padding:2rem}.playoff-banner-content{text-align:center}.playoff-header{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.playoff-header h2{color:#66bb6a;font-size:2rem;font-weight:800;margin:0;text-shadow:0 2px 8px #66bb6a4d}.playoff-icon{animation:bounce 1.5s ease-in-out infinite;font-size:2.5rem}.playoff-intro{color:#c8e6c9;font-size:1.1rem;font-weight:500;margin:0 0 1.5rem}.playoff-slogan{animation:fadeInScale .6s ease-out;color:#66bb6a;font-size:1.4rem;font-weight:700;letter-spacing:1px;margin:0 0 1.5rem;text-transform:uppercase}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.playoff-teams{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.playoff-team{background:#ffffff0d;border:2px solid #66bb6a4d;border-radius:10px;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.playoff-team:hover{border-color:#66bb6a99;box-shadow:0 8px 24px #66bb6a33;transform:translateY(-4px)}.playoff-team h3{color:#81c784;font-size:1.3rem;font-weight:700;margin:0 0 .5rem}.playoff-champ{color:#66bb6a;font-size:.95rem;font-style:italic;font-weight:600;letter-spacing:1px;margin:0 0 1rem;text-transform:uppercase}.team-stats{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.team-stats .stat{align-items:center;display:flex;flex-direction:column;gap:.3rem}.team-stats .stat-label{color:#a5d6a7;font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.team-stats .stat-value{color:#66bb6a;font-size:1.5rem;font-weight:800}@media (max-width:768px){.playoff-banner{border-radius:8px;margin-bottom:1rem;padding:1.5rem 1rem}.playoff-header h2{font-size:1.5rem}.playoff-icon{font-size:2rem}.playoff-intro{font-size:.95rem}.playoff-slogan{font-size:1.1rem}.playoff-teams{gap:1rem;grid-template-columns:1fr}.playoff-team{border-radius:8px;padding:1rem}.playoff-team h3{font-size:1.1rem}.team-stats{gap:.5rem;grid-template-columns:repeat(3,1fr)}.team-stats .stat-label{font-size:.75rem}.team-stats .stat-value{font-size:1.3rem}}@media (max-width:480px){.playoff-banner{border-radius:8px;margin-bottom:.75rem;padding:1rem .75rem}.playoff-header{gap:.5rem}.playoff-header h2{font-size:1.25rem}.playoff-icon{font-size:1.5rem}.playoff-intro{font-size:.9rem;margin-bottom:.75rem}.playoff-slogan{font-size:1rem;letter-spacing:.5px;margin-bottom:1rem}.playoff-teams{gap:.75rem;grid-template-columns:1fr}.playoff-team{padding:.75rem}.playoff-team h3{font-size:1rem;margin-bottom:.5rem}.playoff-champ{font-size:.85rem}.team-stats{gap:.3rem;grid-template-columns:repeat(3,1fr)}.team-stats .stat-label{font-size:.7rem}.team-stats .stat-value{font-size:1.1rem}}.coming-soon-section{animation:slideDown .4s ease;background:linear-gradient(135deg,#1a237e,#283593 50%,#1a237e);border:3px solid #5c6bc0;border-radius:12px;box-shadow:0 8px 32px #5c6bc04d,inset 0 1px 0 #ffffff1a;margin-bottom:1.5rem;padding:2rem}.coming-soon-content{text-align:center}.coming-soon-header{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.coming-soon-header h2{color:#7986cb;font-size:2rem;font-weight:800;margin:0;text-shadow:0 2px 8px #5c6bc04d}.coming-soon-badge{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff6b6b,#ff5722);border-radius:20px;color:#fff;font-size:.85rem;font-weight:700;letter-spacing:1px;padding:.5rem 1rem}.coming-soon-description{color:#b0bec5;font-size:1.1rem;font-weight:500;margin:0 0 1.5rem}.coming-soon-brackets{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.bracket-preview{background:#5c6bc01a;border:2px solid #5c6bc04d;border-radius:10px;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.bracket-preview:hover{border-color:#5c6bc099;box-shadow:0 8px 24px #5c6bc033;transform:translateY(-4px)}.bracket-preview h3{color:#7986cb;font-size:1.2rem;font-weight:700;margin:0 0 .5rem}.bracket-status{color:#90caf9;font-size:.95rem;font-weight:500;margin:0}.boys-bracket{border-left:4px solid #1976d2}.girls-bracket{border-left:4px solid #d81b60}@media (max-width:768px){.coming-soon-section{border-radius:8px;margin-bottom:1rem;padding:1.5rem 1rem}.coming-soon-header h2{font-size:1.5rem}.coming-soon-badge{font-size:.75rem}.coming-soon-description{font-size:1rem}.coming-soon-brackets{gap:1rem;grid-template-columns:1fr}.bracket-preview{border-radius:8px;padding:1rem}.bracket-preview h3{font-size:1.1rem}.bracket-status{font-size:.9rem}}@media (max-width:480px){.coming-soon-section{border-radius:8px;margin-bottom:.75rem;padding:1rem .75rem}.coming-soon-header{flex-direction:column;gap:.5rem}.coming-soon-header h2{font-size:1.25rem}.coming-soon-badge{font-size:.7rem;padding:.4rem .6rem}.coming-soon-description{font-size:.95rem;margin-bottom:1rem}.coming-soon-brackets{gap:.75rem;grid-template-columns:1fr}.bracket-preview{padding:.75rem}.bracket-preview h3{font-size:1rem;margin-bottom:.5rem}.bracket-status{font-size:.85rem}.boys-bracket,.girls-bracket{border-left-width:3px}}.upcoming-section h3{color:#4a90e2;font-size:1.3rem;font-weight:700;margin:0 0 1rem}.upcoming-games-grid{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.upcoming-game-card{background:#1f4e9914;border:2px solid #4a90e24d;border-radius:8px;padding:1rem;transition:all .2s ease}.upcoming-game-card:hover{background:#1f4e991f;border-color:#4a90e280;transform:translateX(4px)}.game-matchup-display{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:.75rem}.game-matchup-display .team-name{color:#fff;font-size:1.1rem;font-weight:700}.game-matchup-display .vs-divider{background:#4a90e226;border-radius:4px;color:#4a90e2;font-size:.85rem;font-weight:700;padding:.25rem .5rem}.game-details-row{align-items:center;display:flex;gap:1rem;justify-content:center}.game-date-display{color:#b8c5d6;font-size:.9rem;font-weight:600}.recent-activity-section h3{color:#4a90e2;font-size:1.3rem;font-weight:700;margin:0 0 1rem}.recent-activity-grid{display:flex;flex-direction:column;gap:.75rem}.activity-card{background:#1f4e9914;border:2px solid #4a90e24d;border-radius:8px;padding:1rem;transition:all .2s ease}.activity-card:hover{background:#1f4e991f;border-color:#4a90e280;transform:translateX(4px)}.activity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.activity-team{color:#fff;font-size:1rem;font-weight:700}.activity-bet-amount{color:#b8c5d6;font-size:.95rem;font-weight:600}.activity-footer{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.activity-status{border-radius:6px;font-size:.85rem;font-weight:700;padding:.4rem .75rem}.activity-status.status-pending{background:#ffc10740;border:2px solid #ffc10780;color:#ffc107}.activity-status.status-won{background:#4caf5040;border:2px solid #4caf5080;color:#4caf50}.activity-status.status-lost{background:#ef535040;border:2px solid #ef535080;color:#ef5350}.activity-profit{font-size:1.1rem;font-weight:800}.activity-profit.won{color:#4caf50}.activity-profit.lost{color:#ef5350}.activity-potential{color:#64b5f6;font-size:.85rem;font-weight:600}.dashboard-sidebar{display:flex;flex-direction:column;gap:1rem}.spin-wheel-card{background:linear-gradient(135deg,#ffc10726,#ff98001a);border:2px solid #ffc10766;text-align:center}.spin-wheel-card h3{color:#ffc107;font-size:1.2rem;font-weight:700;margin:0 0 .75rem}.spin-wheel-card p{color:#e9f1ff;font-size:.95rem;margin:0 0 1rem}.btn-spin-wheel{background:linear-gradient(135deg,#ffc107,#ff9800);border:none;border-radius:8px;box-shadow:0 4px 12px #ffc10766;color:#1e2139;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.btn-spin-wheel:hover{background:linear-gradient(135deg,#ffb300,#f57c00);box-shadow:0 6px 16px #ffc10780;transform:translateY(-2px)}.quick-links-minimal{background:#1e213980;border:1px solid #ffffff1a}.quick-links-minimal h4{color:#b8c5d6;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 .75rem;text-transform:uppercase}.quick-links-list{display:flex;flex-direction:column;gap:.5rem}.quick-link-item{background:#4a90e21a;border:1px solid #4a90e24d;border-radius:6px;color:#64b5f6;cursor:pointer;font-size:.9rem;font-weight:600;padding:.65rem 1rem;text-align:left;transition:all .2s ease;width:100%}.quick-link-item:hover{background:#4a90e233;border-color:#4a90e280;transform:translateX(4px)}.btn-full-width{border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease;width:100%}@media (max-width:768px){.dashboard{padding:.75rem}.welcome-card-primary{border-radius:12px;margin-bottom:1rem;padding:1.25rem 1rem}.welcome-card-primary h2{font-size:1.4rem;line-height:1.3;margin-bottom:.75rem}.welcome-header{display:flex;flex-direction:column;gap:.75rem}.balance-display-large{padding:.75rem 0;text-align:left}.balance-display-large .balance-label{font-size:.85rem;margin-bottom:.25rem}.balance-display-large .balance-amount{font-size:1.8rem;font-weight:700}.btn-cta-large{border-radius:8px;font-size:1rem;min-height:44px;padding:.875rem 1.5rem}.quick-links-minimal,.recent-activity-section,.spin-wheel-card,.upcoming-section{border-radius:12px;margin-bottom:1rem;padding:1.25rem 1rem}.quick-links-minimal h4,.recent-activity-section h3,.spin-wheel-card h3,.upcoming-section h3{font-size:1.1rem;margin-bottom:1rem}.recent-activity-grid,.upcoming-games-grid{gap:.75rem}.activity-card,.upcoming-game-card{border-radius:8px;margin-bottom:.5rem;padding:1rem}.activity-header{align-items:flex-start;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.activity-team{font-size:.95rem}.activity-bet-amount{font-size:1.1rem;font-weight:600}.activity-footer{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.btn{min-height:44px;min-width:44px}.btn,.btn-secondary{padding:.75rem 1.25rem}.btn-secondary{font-size:.95rem}.quick-link-item{font-size:.95rem;min-height:44px;padding:.75rem}.btn-spin-wheel{font-size:.95rem;min-height:44px;padding:.75rem 1.25rem}.activity-card:hover,.quick-link-item:hover,.upcoming-game-card:hover{transform:none}.card{padding:1rem}.game-matchup-display{font-size:.95rem;gap:.5rem}.team-name{font-weight:600}.vs-divider{font-size:.8rem}.game-details-row{font-size:.85rem;margin-top:.5rem}.dashboard{padding-bottom:80px}}.dashboard.school-dashboard{margin:0;max-width:100%}.dashboard.school-dashboard .dashboard-grid{padding-left:0;padding-right:0;width:100%}@media (max-width:768px){.dashboard.school-dashboard{max-width:100%;overflow-x:hidden;width:100%}.dashboard.school-dashboard .dashboard-grid,.dashboard.school-dashboard .school-grid{grid-template-columns:minmax(0,1fr);max-width:100%;width:100%}.dashboard.school-dashboard .dashboard-main-column,.dashboard.school-dashboard .dashboard-sidebar{max-width:100%;min-width:0;width:100%}}.dashboard .activity-card,.dashboard .bet-card,.dashboard .card,.dashboard .game-info-card,.dashboard .potential-win-card,.dashboard .quick-links-card,.dashboard .recent-activity-section,.dashboard .spin-wheel-card,.dashboard .stat-card,.dashboard .stat-compact,.dashboard .upcoming-game-card,.dashboard .upcoming-section,.dashboard .welcome-card-primary{border-color:var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow)!important}.dashboard .activity-card:hover,.dashboard .bet-card:hover,.dashboard .card:hover,.dashboard .quick-links-card:hover,.dashboard .spin-wheel-card:hover,.dashboard .stat-card:hover,.dashboard .upcoming-game-card:hover{box-shadow:var(--card-shadow-hover)!important}.dashboard .stat-compact{animation:none;border:1px solid #fff3;box-shadow:var(--card-shadow)!important}.dashboard .stat-compact:before{animation:none;background:linear-gradient(90deg,#ffffff59,#0000);height:2px;opacity:.35}.dashboard .alert-icon,.dashboard .banner-icon,.dashboard .event-icon,.dashboard .grade-bar-icon,.dashboard .leader-icon,.dashboard .loss-notification-emoji,.dashboard .notification-banner-icon,.dashboard .recent-winners-icon,.dashboard .stat-emoji,.dashboard .stat-icon,.dashboard .win-notification-emoji{color:var(--icon-color);filter:none;font-weight:600;line-height:1;text-shadow:none}.dashboard .balance-display-large{background:#ffffff38;border:1px solid #ffffff38}.dashboard .balance-display-large .balance-label{color:#e8f1ff}.skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0d,#ffffff1a 50%,#ffffff0d);background-size:200% 100%;border-radius:4px;display:inline-block}.skeleton-text{border-radius:4px;height:1em;margin-bottom:.5em}.skeleton-badge{border-radius:12px;height:24px;width:80px}.skeleton-pill{border-radius:11px;height:22px;width:100px}.skeleton-circle{border-radius:50%}.skeleton-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem;pointer-events:none}.skeleton-row{align-items:center;display:flex;gap:10px;margin-bottom:12px}.skeleton-stack{display:flex;flex-direction:column;gap:8px}.skeleton-line{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0d,#ffffff1a 50%,#ffffff0d);background-size:200% 100%;border-radius:4px;height:16px}.skeleton-line.short{width:70%}.skeleton-block{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0d,#ffffff1a 50%,#ffffff0d);background-size:200% 100%;border-radius:4px}.leaderboard-row.skeleton-row{border-bottom:1px solid #ffffff0d;gap:1rem;padding:1rem}.leaderboard-row.skeleton-row,.leaderboard-row.skeleton-row .balance-column,.leaderboard-row.skeleton-row .rank-column,.leaderboard-row.skeleton-row .stats-column,.leaderboard-row.skeleton-row .user-column{align-items:center;display:flex}.dashboard-stat-card.skeleton-card{display:flex;flex-direction:column;justify-content:center;min-height:100px}.upcoming-game-item.skeleton-item{border-bottom:1px solid #ffffff0d;padding:.75rem}.games-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1.5rem}.content-loaded{animation:fadeIn .3s ease-out}@media (max-width:768px){.skeleton-card{padding:1rem}.games-grid{grid-template-columns:1fr}.leaderboard-row.skeleton-row{padding:.75rem .5rem}}.confetti-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}.confetti-piece{animation:confetti-fall 3s ease-in-out forwards;height:10px;opacity:.9;position:absolute;top:-10px;width:10px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}@keyframes win-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes win-glow{0%,to{box-shadow:0 0 10px #66bb6a80}50%{box-shadow:0 0 25px #66bb6acc}}.win-animation{animation:win-pulse .5s ease-in-out 2,win-glow 1s ease-in-out infinite;background:linear-gradient(135deg,#66bb6a26,#43a04726)!important;border:2px solid #66bb6a!important}@keyframes loss-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes loss-fade{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.loss-animation{animation:loss-shake .5s ease-in-out,loss-fade 1s ease-in-out;background:linear-gradient(135deg,#ef53501a,#d32f2f1a)!important;border:2px solid #ef5350!important}.win-notification{animation:win-notification-appear .5s ease-out;background:linear-gradient(135deg,#66bb6a,#43a047);border-radius:20px;box-shadow:0 10px 40px #66bb6a66;color:#fff;font-size:2rem;font-weight:800;left:50%;padding:2rem 3rem;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10000}.win-notification-emoji{display:block;font-size:3rem;margin-bottom:.5rem}.win-notification-amount{color:#1f4e99;font-size:2.5rem;margin-top:.5rem}@keyframes win-notification-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}50%{transform:translate(-50%,-50%) scale(1.1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.loss-notification{animation:loss-notification-appear .5s ease-out;background:linear-gradient(135deg,#ef5350,#d32f2f);border-radius:20px;box-shadow:0 10px 40px #ef535066;color:#fff;font-size:1.5rem;font-weight:700;left:50%;padding:2rem 3rem;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10000}.loss-notification-emoji{display:block;font-size:2.5rem;margin-bottom:.5rem}@keyframes loss-notification-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}50%{transform:translate(-50%,-50%) scale(1.1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (max-width:768px){.confetti-piece{height:8px;width:8px}.loss-notification,.win-notification{font-size:1.3rem;max-width:85%;padding:1.5rem 2rem}.loss-notification-emoji,.win-notification-emoji{font-size:2rem}.win-notification-amount{font-size:1.8rem}}.daily-reward-overlay{-webkit-overflow-scrolling:touch;align-items:center;animation:fadeIn .3s ease;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;position:fixed;right:0;top:0;z-index:2000}.daily-reward-modal{animation:slideDown .5s ease;background:linear-gradient(135deg,#0b1c2f,#13253b);border:3px solid #004f9e99;border-radius:20px;box-shadow:0 20px 60px #00000080;color:#e6eef8;max-width:450px;padding:40px;text-align:center}.reward-icon{animation:bounce 1s infinite;font-size:5rem;margin-bottom:20px}.daily-reward-modal h2{color:#9cc6ff;font-size:2rem;margin-bottom:20px}.streak-info{align-items:center;background:#004f9e33;border-radius:15px;display:flex;flex-direction:column;margin-bottom:30px;padding:20px}.streak-count{color:#9cc6ff;font-size:4rem;font-weight:700;line-height:1}.streak-label{color:#c7d2df;font-size:1.2rem;letter-spacing:1px;text-transform:uppercase}.reward-amount{margin-bottom:15px}.base-reward{color:#28a745;font-size:1.5rem;margin-bottom:10px}.base-reward,.bonus-reward{display:block;font-weight:700}.bonus-reward{color:#ffc107;font-size:1.3rem}.total-reward{background:#28a7452e;border-radius:10px;color:#dbe9ff;font-size:1.8rem;font-weight:700;margin-bottom:30px;padding:15px}.claim-button{-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:50px;box-shadow:0 4px 15px #28a7454d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin-bottom:10px;padding:15px 40px;touch-action:manipulation;transition:all .3s ease;user-select:none;-webkit-user-select:none;width:100%}.claim-button:hover:not(:disabled){background:linear-gradient(135deg,#20c997,#28a745);box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}@media (hover:none){.claim-button:hover:not(:disabled){transform:none}.claim-button:active:not(:disabled){transform:scale(.98)}}.claim-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.close-button{background:#0000;border:2px solid #fff3;border-radius:25px;color:#d3dbe6;cursor:pointer;font-size:1rem;padding:12px 30px;transition:all .3s ease;width:100%}.close-button:hover{border-color:#9cc6ff;color:#9cc6ff}.claimed-message{padding:20px}.success-icon{align-items:center;animation:scaleIn .5s ease;background:#28a745;border-radius:50%;color:#fff;display:flex;font-size:3rem;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.claimed-message h2{color:#28a745;margin-bottom:15px}.claimed-message p{color:#9cc6ff;font-size:1.5rem;font-weight:700}@keyframes slideDown{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@media (max-width:768px){.daily-reward-modal{margin:0 15px;max-height:85vh;max-width:420px;padding:35px 25px}.reward-icon{font-size:4.5rem}.daily-reward-modal h2{font-size:1.7rem}.streak-info{padding:18px}.streak-count{font-size:3.5rem}.streak-label{font-size:1.1rem}.base-reward{font-size:1.3rem}.bonus-reward{font-size:1.2rem}.total-reward{font-size:1.6rem;padding:13px}.claim-button{font-size:1.1rem;padding:14px 35px}.close-button{padding:11px 28px}}@media (max-width:480px){.daily-reward-modal{margin:0 15px;max-height:90vh;max-width:calc(100% - 30px);overflow-y:auto;padding:30px 20px}.reward-icon{font-size:3.5rem;margin-bottom:15px}.daily-reward-modal h2{font-size:1.4rem;margin-bottom:15px}.streak-info{border-radius:12px;margin-bottom:20px;padding:15px}.streak-count{font-size:2.8rem}.streak-label{font-size:1rem}.base-reward{font-size:1.2rem;margin-bottom:8px}.bonus-reward{font-size:1.1rem}.total-reward{font-size:1.5rem;margin-bottom:25px;padding:12px}.claim-button{font-size:1rem;padding:13px 30px}.close-button{font-size:.95rem;padding:10px 25px}.claimed-message{padding:15px}.success-icon{font-size:2.5rem;height:70px;margin-bottom:15px;width:70px}.claimed-message h2{font-size:1.3rem;margin-bottom:12px}.claimed-message p{font-size:1.3rem}}@media (max-width:360px){.daily-reward-modal{padding:25px 15px}.reward-icon{font-size:3rem}.daily-reward-modal h2{font-size:1.2rem}.streak-count{font-size:2.5rem}.streak-label{font-size:.9rem}.total-reward{font-size:1.3rem}}.spin-wheel-overlay{align-items:center;animation:fadeIn .3s ease;background:#07101ed9;bottom:0;display:flex;isolation:isolate;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;transform:translateZ(0);-webkit-transform:translateZ(0);z-index:99999}.spin-wheel-modal{animation:slideUp .4s ease;background:linear-gradient(180deg,#0b1c2f,#0f2338);border-radius:30px;box-shadow:0 20px 60px #00000080,inset 0 0 0 1px #ffffff14;max-height:90vh;max-width:650px;overflow-y:auto;position:relative;width:100%;z-index:100000}.spin-wheel-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#c7d2df;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .2s ease;width:40px;z-index:10}.spin-wheel-close:hover{background:#ffffff1a;color:#9cc6ff;transform:rotate(90deg)}.spin-wheel-container{-webkit-tap-highlight-color:transparent;color:#e6eef8;margin:0 auto;max-width:600px;padding:30px 20px;text-align:center}.wheel-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#004f9e,#06c,#004f9e);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;letter-spacing:2px;margin-bottom:10px;text-transform:uppercase}.spins-remaining{color:#c7d2df;font-size:1.1rem;font-weight:600;margin-bottom:30px}.wheel-wrapper{filter:drop-shadow(0 15px 35px rgba(0,79,158,.4));height:400px;margin:0 auto 40px;position:relative;width:400px}.wheel-pointer{animation:pointerPulse 2s ease-in-out infinite;color:gold;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));font-size:50px;left:50%;position:absolute;text-shadow:0 0 10px #ffd700cc;top:-25px;transform:translateX(-50%);z-index:10}@keyframes pointerPulse{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}}.wheel{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,gold,#ffed4e,gold,orange) border-box;border:12px solid #0000;border-radius:50%;box-shadow:0 0 30px #ffd70099,0 0 60px #004f9e4d,inset 0 0 30px #fff3,inset 0 0 0 3px #ffd7004d;filter:drop-shadow(0 4px 15px rgba(0,0,0,.3));height:100%;width:100%}.wheel,.wheel.spinning{transition:transform 4s cubic-bezier(.17,.67,.12,.99)}.spin-button{-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,gold,orange,gold);border:3px solid #ffffff4d;border-radius:50px;box-shadow:0 6px 25px #ffa50080,inset 0 1px 0 #fff9;color:#004f9e;cursor:pointer;font-size:1.3rem;font-weight:900;letter-spacing:2px;overflow:hidden;padding:18px 50px;position:relative;text-transform:uppercase;touch-action:manipulation;transition:all .3s ease;user-select:none;-webkit-user-select:none}.spin-button:before{animation:buttonShine 3s linear infinite;background:linear-gradient(45deg,#0000,#ffffff4d,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}@keyframes buttonShine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.spin-button:hover:not(:disabled){background:linear-gradient(135deg,orange,gold,orange);box-shadow:0 8px 30px #ffa500b3,inset 0 1px 0 #fffc;transform:translateY(-3px) scale(1.02)}@media (hover:none){.spin-button:hover:not(:disabled){transform:none}.spin-button:active:not(:disabled){transform:scale(.98)}}.spin-button:disabled{background:linear-gradient(135deg,#ccc,#999);border-color:#0000;box-shadow:none;color:#666;cursor:not-allowed;transform:none}.spin-button:disabled:before{display:none}.spin-result{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#004f9ef2,#ffd70033);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.result-content{animation:slideUp .5s ease,resultPulse .5s ease;background:linear-gradient(180deg,#0b1c2f,#122840);border-radius:30px;box-shadow:0 20px 60px #0006,inset 0 0 0 3px #ffd70080;color:#e6eef8;overflow:hidden;padding:50px;position:relative;text-align:center}@keyframes resultPulse{0%{transform:scale(.8)}50%{transform:scale(1.05)}to{transform:scale(1)}}.result-content:before{left:-20px;top:-20px;transform:rotate(-15deg)}.result-content:after,.result-content:before{content:"🎉";font-size:100px;opacity:.1;position:absolute}.result-content:after{bottom:-20px;right:-20px;transform:rotate(15deg)}.result-content h3{-webkit-text-fill-color:#0000;animation:titleBounce .6s ease;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:900;letter-spacing:2px;margin-bottom:20px;text-transform:uppercase}@keyframes titleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.prize-amount{-webkit-text-fill-color:#0000;animation:amountScale .8s ease;background:linear-gradient(135deg,#28a745,#20c997);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:900;letter-spacing:2px;margin-bottom:30px;text-shadow:2px 2px 4px #0000001a}@keyframes amountScale{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.result-content button{background:linear-gradient(135deg,#004f9e,#06c);border:none;border-radius:30px;box-shadow:0 6px 20px #004f9e4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:1px;padding:15px 40px;text-transform:uppercase;transition:all .3s ease}.result-content button:hover{background:linear-gradient(135deg,#06c,#004f9e);box-shadow:0 8px 25px #004f9e80;transform:scale(1.05) translateY(-2px)}@media (max-width:768px){.spin-wheel-overlay{padding:15px;z-index:99999!important}.spin-wheel-modal{border-radius:20px;max-height:95vh;z-index:100000!important}.spin-wheel-close{font-size:1.8rem;height:35px;right:10px;top:10px;width:35px}.spin-wheel-container{padding:20px 15px}.wheel-wrapper{height:320px;margin:0 auto 30px;width:320px}.wheel-header h2{font-size:1.6rem}.spins-remaining{font-size:1rem}.wheel-pointer{font-size:40px;top:-20px}.wheel{border-width:10px}.prize-text{font-size:1.1rem;margin-top:35px}.wheel-center{height:75px;width:75px}.wheel-center span{font-size:.9rem}.spin-button{font-size:1.15rem;max-width:320px;padding:16px 40px;width:100%}.result-content{margin:0 20px;padding:40px 25px}.result-content h3{font-size:2rem}.prize-amount{font-size:2.8rem}}@media (max-width:480px){.spin-wheel-overlay{padding:10px;z-index:99999!important}.spin-wheel-modal{border-radius:15px;z-index:100000!important}.spin-wheel-close{font-size:1.6rem;height:32px;right:8px;top:8px;width:32px}.spin-wheel-container{padding:15px 10px}.wheel-wrapper{height:min(280px,calc(100vw - 40px));margin:0 auto 25px;width:min(280px,calc(100vw - 40px))}.wheel-header h2{font-size:1.4rem;letter-spacing:1px;margin-bottom:8px}.spins-remaining{font-size:.95rem;margin-bottom:20px}.wheel-pointer{font-size:35px;top:-18px}.wheel{border-width:8px}.prize-text{font-size:.95rem;margin-right:8px;margin-top:25px}.wheel-center{border-width:4px;height:60px;width:60px}.wheel-center span{font-size:.75rem}.spin-button{font-size:1rem;letter-spacing:1px;padding:14px 30px;width:100%}.result-content{border-radius:20px;margin:0 15px;padding:35px 20px}.result-content h3{font-size:1.8rem;margin-bottom:15px}.prize-amount{font-size:2.5rem;margin-bottom:25px}.result-content button{font-size:1rem;padding:12px 30px;width:100%}}@media (max-width:360px){.wheel-wrapper{height:min(240px,calc(100vw - 30px));width:min(240px,calc(100vw - 30px))}.wheel-header h2{font-size:1.2rem}.prize-text{font-size:.75rem;margin-top:20px}.wheel-center{height:45px;width:45px}.wheel-center span{font-size:.6rem}.prize-amount{font-size:1.7rem}}.achievement-badge{-webkit-tap-highlight-color:transparent;animation:pulse 2s infinite;background:linear-gradient(135deg,#ffc107,#ff9800);border:none;border-radius:50px;bottom:20px;box-shadow:0 4px 15px #ffc10766;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:15px 20px;position:fixed;right:20px;touch-action:manipulation;transition:all .3s ease;user-select:none;-webkit-user-select:none;z-index:1000}.achievement-badge:hover{box-shadow:0 6px 20px #ffc10799;transform:scale(1.1)}@media (hover:none){.achievement-badge:hover{transform:none}.achievement-badge:active{transform:scale(.95)}}.achievements-overlay{-webkit-overflow-scrolling:touch;align-items:center;animation:fadeIn .3s ease;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;position:fixed;right:0;top:0;z-index:2000}.achievements-modal{animation:slideUp .5s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:600px;overflow-y:auto;padding:40px;position:relative}.close-modal{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:40px}.close-modal:hover{background:#f0f0f0;color:#004f9e}.achievements-modal h2{color:#004f9e;font-size:2rem;margin-bottom:10px;text-align:center}.achievements-subtitle{color:#666;font-size:1.1rem;margin-bottom:30px;text-align:center}.achievements-list{display:flex;flex-direction:column;gap:20px}.achievement-card{align-items:center;animation:slideIn .5s ease;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #004f9e;border-radius:15px;display:flex;gap:20px;padding:20px;transition:all .3s ease}.achievement-card:hover{box-shadow:0 4px 15px #004f9e33;transform:translateX(5px)}.achievement-icon{font-size:3rem;min-width:60px;text-align:center}.achievement-info{flex:1 1}.achievement-info h3{color:#004f9e;font-size:1.2rem;margin-bottom:8px}.achievement-reward{color:#28a745;font-size:1.1rem;font-weight:700}.claim-achievement-btn{-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:700;padding:10px 25px;touch-action:manipulation;transition:all .3s ease;user-select:none;-webkit-user-select:none;white-space:nowrap}.claim-achievement-btn:hover:not(:disabled){background:linear-gradient(135deg,#20c997,#28a745);transform:scale(1.05)}@media (hover:none){.claim-achievement-btn:hover:not(:disabled){transform:none}.claim-achievement-btn:active:not(:disabled){transform:scale(.98)}}.claim-achievement-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}@media (max-width:768px){.achievement-badge{bottom:20px;font-size:1.1rem;padding:13px 20px;right:20px}.achievements-modal{margin:0 15px;max-height:85vh;max-width:500px;padding:35px 25px}.achievements-modal h2{font-size:1.7rem;margin-bottom:8px}.achievements-subtitle{font-size:1rem;margin-bottom:25px}.achievement-card{gap:18px;padding:18px}.achievement-icon{font-size:2.8rem;min-width:55px}.achievement-info h3{font-size:1.15rem}.achievement-reward{font-size:1.05rem}.claim-achievement-btn{font-size:.95rem;padding:11px 28px}}@media (max-width:480px){.achievement-badge{border-radius:40px;bottom:15px;font-size:1rem;padding:12px 18px;right:15px}.achievements-modal{border-radius:15px;margin:0 15px;max-height:90vh;max-width:calc(100% - 30px);padding:30px 20px}.close-modal{font-size:1.8rem;height:35px;right:12px;top:12px;width:35px}.achievements-modal h2{font-size:1.4rem;margin-bottom:8px;padding-right:40px}.achievements-subtitle{font-size:.95rem;margin-bottom:20px}.achievements-list{gap:15px}.achievement-card{border-radius:12px;flex-direction:column;gap:12px;padding:15px;text-align:center}.achievement-card:hover{transform:none}.achievement-icon{font-size:2.5rem;min-width:auto}.achievement-info{width:100%}.achievement-info h3{font-size:1.05rem;margin-bottom:6px}.achievement-reward{font-size:1rem}.claim-achievement-btn{font-size:.95rem;padding:11px 25px;width:100%}}@media (max-width:360px){.achievement-badge{bottom:12px;font-size:.9rem;padding:10px 15px;right:12px}.achievements-modal{padding:25px 15px}.achievements-modal h2{font-size:1.2rem}.achievement-icon{font-size:2.2rem}.achievement-info h3{font-size:1rem}}.onboarding-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.onboarding-modal{animation:slideUp .4s ease;background:#151a2c;border:1px solid #1f4e992e;border-radius:14px;box-shadow:0 8px 24px #09102166;display:flex;flex-direction:column;max-height:80vh;max-width:720px;overflow:hidden;position:relative;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.onboarding-close{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;color:#e9f1ff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:44px;justify-content:center;transition:all .3s ease;width:44px}.onboarding-close:hover{background:#ffffff1f;border-color:#fff3}.onboarding-header{align-items:flex-start;background:#141a2b;border-bottom:1px solid #1f4e9933;display:flex;gap:1rem;justify-content:space-between;padding:1.25rem 1.5rem}.onboarding-title h1{color:#e9f1ff;font-size:1.5rem;font-weight:800;margin:0 0 .35rem}.onboarding-title p{color:#a9b7cc;font-size:.95rem;margin:0}.onboarding-body{display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;padding:1.25rem 1.5rem .5rem}.onboarding-bullets{display:flex;flex-direction:column;gap:.85rem}.onboarding-item{align-items:flex-start;display:flex;gap:.75rem}.onboarding-dot{background:#4f7fd6;border-radius:999px;flex-shrink:0;height:8px;margin-top:.5rem;width:8px}.onboarding-item h3{color:#e9f1ff;font-size:1rem;font-weight:700;margin:0 0 .25rem}.onboarding-item p{color:#a9b7cc;font-size:.92rem;line-height:1.45;margin:0}.confidence-list{grid-gap:.45rem;display:grid;gap:.45rem;margin-top:.5rem}.confidence-row{grid-gap:.6rem;align-items:center;color:#cbd6e6;display:grid;font-size:.88rem;gap:.6rem;grid-template-columns:12px 72px 60px 1fr}.confidence-pill{border-radius:999px;display:inline-block;height:8px;width:8px}.confidence-pill.low{background:#6bbf7a}.confidence-pill.medium{background:#f2b260}.confidence-pill.high{background:#e06b6b}.confidence-label{color:#e9f1ff;font-weight:600}.confidence-multiplier{color:#cbd6e6;font-weight:600}.confidence-note{color:#9fb0c6}.onboarding-tips{border-top:1px solid #1f4e9933;padding-top:1rem}.onboarding-tips h4{color:#e9f1ff;font-size:.95rem;font-weight:700;margin:0 0 .6rem}.onboarding-tips ul{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.onboarding-tips li{color:#a9b7cc;font-size:.88rem;line-height:1.35;padding-left:1.2rem;position:relative}.onboarding-tips li:before{color:#6f8ec6;content:"•";left:0;position:absolute}.onboarding-footer{background:#141a2b;border-top:1px solid #1f4e9933;bottom:0;display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.5rem 1.25rem;position:-webkit-sticky;position:sticky;text-align:center}.onboarding-btn-primary{background:#1f4e99;border:none;border-radius:10px;box-shadow:none;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:700;padding:.85rem 1.2rem;transition:all .3s ease;width:100%}.onboarding-btn-primary:hover{background:#1a4486}.onboarding-btn-primary:active{transform:translateY(0)}.onboarding-link{background:none;border:none;color:#8fb1ff;cursor:pointer;font-size:.85rem;padding:0;text-decoration:underline}.onboarding-link:hover{color:#b3c9ff}.onboarding-checkbox{align-items:center;color:#a9b7cc;display:flex;font-size:.82rem;gap:.5rem;justify-content:center}.onboarding-checkbox input{accent-color:#1f4e99}@media (max-width:600px){.onboarding-modal{border-radius:12px;max-height:80vh;overflow-y:auto;width:95%}.onboarding-close{font-size:1.1rem;height:32px;right:.8rem;top:.8rem;width:32px}.onboarding-header{padding:1rem 1.1rem}.onboarding-title h1{font-size:1.25rem;margin-bottom:.25rem}.onboarding-title p{font-size:.85rem}.onboarding-body{gap:1rem;padding:1rem 1.1rem .5rem}.onboarding-item{gap:.6rem}.onboarding-item h3{font-size:.95rem}.onboarding-item p{font-size:.85rem}.confidence-row{font-size:.82rem;grid-template-columns:12px 64px 52px 1fr}.onboarding-tips{padding-top:.8rem}.onboarding-tips h4{font-size:.85rem;margin-bottom:.4rem;margin-top:0}.onboarding-tips li{font-size:.8rem;margin:.3rem 0;padding-left:1.2rem}.onboarding-footer{padding:.8rem 1.1rem 1rem}.onboarding-btn-primary{font-size:.9rem;padding:.7rem 1.2rem}.onboarding-link{font-size:.8rem}}@media (max-width:400px){.onboarding-modal{max-height:70vh;width:95%}.onboarding-close{font-size:.95rem;height:36px;width:36px}.onboarding-title h1{font-size:1.1rem;margin-bottom:.2rem}.onboarding-title p{font-size:.75rem}.onboarding-body{gap:.8rem;padding:.8rem .9rem .4rem}.onboarding-item{gap:.5rem}.confidence-row{font-size:.78rem;grid-template-columns:10px 60px 50px 1fr}.onboarding-tips{padding-top:.6rem}.onboarding-tips h4{font-size:.8rem;margin-bottom:.3rem}.onboarding-tips li{font-size:.75rem}.onboarding-footer{padding:.6rem .9rem .9rem}.onboarding-btn-primary{font-size:.85rem;padding:.6rem 1rem}}.rivalry-popup-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.rivalry-popup-overlay.shake{animation:screenShake .6s cubic-bezier(.36,.07,.19,.97) both}@keyframes screenShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px,-3px) rotate(-.5deg)}20%,40%,60%,80%{transform:translate(3px,3px) rotate(.5deg)}}.rivalry-popup-content{animation:slideInScale .5s cubic-bezier(.175,.885,.32,1.275);background:#1a1f2e;border:none;border-radius:20px;box-shadow:0 20px 60px #1f4e994d,0 0 100px #005a4333;max-height:90vh;max-width:500px;overflow-x:hidden;overflow-y:auto;position:relative;width:100%}@keyframes slideInScale{0%{opacity:0;transform:scale(.7) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}.rivalry-top-badge{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#1f4e99,#005a43,#1f4e99);color:#fff;font-size:.9rem;font-weight:800;letter-spacing:2px;padding:.6rem 1.5rem;text-align:center;text-transform:uppercase}@keyframes shimmer{0%,to{background:linear-gradient(90deg,#1f4e99,#005a43,#1f4e99)}50%{background:linear-gradient(90deg,#005a43,#1f4e99,#005a43);box-shadow:0 0 20px #1f4e994d,0 0 20px #007a5a4d}}.rivalry-close-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;line-height:1;position:absolute;right:15px;top:15px;transition:all .3s ease;width:40px;z-index:10}.rivalry-close-btn:hover{background:#fff3;transform:rotate(90deg)}.rivalry-image-container{align-items:center;background:#0000;display:flex;justify-content:center;max-height:150px;overflow:hidden;padding:1rem;width:100%}.rivalry-image{animation:pulse 2s ease-in-out infinite;max-height:130px;max-width:100%;object-fit:contain}.rivalry-image.rumble{animation:rumble .3s ease-in-out infinite,pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{filter:drop-shadow(0 0 10px rgba(31,78,153,.4)) drop-shadow(0 0 10px rgba(0,90,67,.4));transform:scale(1)}50%{filter:drop-shadow(0 0 20px rgba(31,78,153,.6)) drop-shadow(0 0 20px rgba(0,90,67,.6));transform:scale(1.05)}}@keyframes rumble{0%,to{transform:translate(0) rotate(0deg) scale(1)}25%{transform:translate(-5px,-5px) rotate(-2deg) scale(1.02)}50%{transform:translate(5px,5px) rotate(2deg) scale(1.02)}75%{transform:translate(-3px,3px) rotate(-1deg) scale(1.02)}}.rivalry-text-container{padding:1.5rem;text-align:center}.rivalry-fire-row{animation:fireGlow 1s ease-in-out infinite;font-size:1.2rem;margin-bottom:.3rem}@keyframes fireGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.rivalry-title{color:#fff;font-size:2rem;font-weight:900;letter-spacing:2px;margin-bottom:1rem;text-shadow:0 0 20px #1f4e9999,0 0 40px #005a4399;text-transform:uppercase}.rivalry-title.animated{animation:textAppear .8s cubic-bezier(.175,.885,.32,1.275) .6s both,glow 2s ease-in-out 1.4s infinite}@keyframes textAppear{0%{opacity:0;transform:scale(.5) translateY(-30px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes glow{0%,to{text-shadow:0 0 20px #1f4e9999,0 0 40px #005a4399}50%{text-shadow:0 0 30px #1f4e99cc,0 0 60px #005a43cc,0 0 80px #1f4e9966}}.rivalry-matchup{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:1rem}.rivalry-matchup.animated-delayed{animation:textAppear .8s cubic-bezier(.175,.885,.32,1.275) 1.2s both}.rivalry-team{animation:slideIn .6s ease-out;border-radius:10px;font-size:2rem;font-weight:900;padding:.4rem 1rem}.rivalry-team.valiant{animation-delay:.2s;animation-fill-mode:both;background:linear-gradient(135deg,#1f4e99,#3b82f6);box-shadow:0 4px 20px #1f4e9980;color:#fff}.rivalry-team.opponent{animation-delay:.4s;animation-fill-mode:both;background:linear-gradient(135deg,#005a43,#007a5a);box-shadow:0 4px 20px #005a4380;color:#fff}@keyframes slideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.rivalry-vs{animation:fadeIn .6s ease-out .6s both;color:#888a9b;font-size:1.5rem;font-weight:700}.rivalry-tagline{color:#ff9800;font-size:1.5rem;font-weight:800;letter-spacing:2px;margin-bottom:.75rem;text-shadow:0 2px 10px #ff980080;text-transform:uppercase}.rivalry-tagline.animated-delayed-more{animation:textAppear .8s cubic-bezier(.175,.885,.32,1.275) 1.8s both,bounce 1s ease-in-out 2.6s infinite}.rivalry-hype-badges{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.hype-badge{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#e0e0e0;font-size:.75rem;font-weight:700;letter-spacing:1px;padding:.4rem .8rem;text-transform:uppercase}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.rivalry-game-info{animation:infoPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#1f4e9933,#005a4333);border:2px solid #1f4e9966;border-radius:10px;border-right-color:#005a4366;box-shadow:0 4px 20px #1f4e9933,0 4px 20px #005a4333,inset 0 0 30px #1f4e991a;display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.5rem;padding:1rem}@keyframes infoPulse{0%,to{border-color:#1f4e9966 #005a4366 #1f4e9966 #1f4e9966;box-shadow:0 4px 20px #1f4e9933,0 4px 20px #005a4333,inset 0 0 30px #1f4e991a}50%{border-color:#1f4e9999 #005a4399 #1f4e9999 #1f4e9999;box-shadow:0 4px 30px #1f4e994d,0 4px 30px #005a434d,inset 0 0 40px #005a431a}}.rivalry-info-item{align-items:center;color:#fff;display:flex;font-size:1.1rem;gap:.5rem;justify-content:center}.info-icon{animation:iconBounce 1s ease-in-out infinite;font-size:1.3rem}.rivalry-info-item:first-child .info-icon{animation-delay:0s}.rivalry-info-item:nth-child(2) .info-icon{animation-delay:.2s}.rivalry-info-item:nth-child(3) .info-icon{animation-delay:.4s}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.info-text{letter-spacing:1px;text-shadow:0 2px 4px #0000004d}.info-text,.rivalry-cta-btn{font-weight:800;text-transform:uppercase}.rivalry-cta-btn{animation:buttonPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff9800,#f57c00);border:none;border-radius:50px;box-shadow:0 6px 25px #ff980066;color:#fff;cursor:pointer;font-size:1.1rem;letter-spacing:2px;padding:.8rem 2rem;transition:all .3s ease}@keyframes buttonPulse{0%,to{box-shadow:0 6px 25px #ff980066}50%{box-shadow:0 8px 35px #ff980099;transform:scale(1.02)}}.rivalry-cta-btn:hover{background:linear-gradient(135deg,#f57c00,#ff9800);box-shadow:0 10px 40px #ff980099;transform:scale(1.05) translateY(-2px)}.rivalry-cta-btn:active{transform:scale(.98)}.rivalry-bottom-text{border-top:1px solid #ffffff1a;margin-top:1rem;padding-top:.75rem}.rivalry-bottom-text span{color:#888a9b;font-size:.75rem;font-weight:500;letter-spacing:.5px}@media (max-width:600px){.rivalry-popup-content{border-radius:16px;max-width:95%}.rivalry-top-badge{font-size:.75rem;letter-spacing:1px;padding:.5rem 1rem}.rivalry-fire-row{font-size:1.2rem}.rivalry-title{font-size:1.8rem;letter-spacing:2px;margin-bottom:1rem}.rivalry-team{font-size:2rem;padding:.4rem 1rem}.rivalry-vs{font-size:1.5rem}.rivalry-tagline{font-size:1.5rem;margin-bottom:1.5rem}.rivalry-text-container{padding:1.5rem}.rivalry-game-info{padding:1rem}.rivalry-info-item{font-size:1.1rem}.info-icon{font-size:1.4rem}.rivalry-cta-btn{font-size:1.1rem;padding:.8rem 2rem}.rivalry-image-container{max-height:150px;padding:1.5rem 1rem .5rem}.rivalry-image{max-height:120px}.hype-badge{font-size:.65rem;padding:.3rem .6rem}.rivalry-bottom-text span{font-size:.75rem}}@media (max-width:400px){.rivalry-title{font-size:1.4rem}.rivalry-team{font-size:1.6rem;padding:.3rem .8rem}.rivalry-matchup{gap:1rem}.hype-badge{font-size:.6rem}}.footer{background:linear-gradient(135deg,#0a0f1e,#0f1428);border-top:1px solid #ffffff14;margin-top:1.5rem;padding:1.25rem 1.5rem;position:relative}.footer-content{flex-direction:column;margin:0 auto;max-width:1280px;text-align:center}.footer-content,.footer-row{align-items:center;display:flex;gap:.5rem;width:100%}.footer-nav,.footer-row{justify-content:center}.footer-nav{align-items:center;display:flex;flex-wrap:nowrap;gap:.75rem}.footer-link{background:none;border:none;border-radius:3px;color:#c2cde0;cursor:pointer;font-size:.88rem;font-weight:500;padding:.2rem .3rem;text-decoration:none;transition:color .2s ease,-webkit-text-decoration-color .2s ease;transition:color .2s ease,text-decoration-color .2s ease;transition:color .2s ease,text-decoration-color .2s ease,-webkit-text-decoration-color .2s ease}.footer-link:hover{color:#fff;text-decoration:underline;-webkit-text-decoration-color:#fff9;text-decoration-color:#fff9}.footer-link:focus-visible{outline:2px solid #ffffff59;outline-offset:2px}.footer-divider{color:#6b7280;opacity:.7}.footer-copy{color:#aab6c8;font-size:.82rem;margin:0}.footer-copy p{letter-spacing:0;margin:0}.footer-disclaimer-row{max-width:1000px}.footer-disclaimer-text{color:#9fb0c6;font-size:.8rem;line-height:1.4;margin:0}@media (max-width:768px){.footer{margin-top:1.25rem;padding:1.1rem 1rem}.footer-link{font-size:.85rem;padding:.2rem .4rem}.footer-divider{font-size:.8rem}.footer-copy,.footer-disclaimer-text{font-size:.78rem}}@media (max-width:480px){.footer{margin-top:1rem;padding:1rem}.footer-link{font-size:.8rem;padding:.2rem .3rem}}.toast-container{bottom:20px;display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:20px;z-index:9999}.toast{align-items:center;animation:slideInRight .3s ease;background:#fff;border-radius:10px;box-shadow:0 4px 16px #00000026;display:flex;gap:.75rem;min-width:300px;padding:1rem 1.5rem;pointer-events:auto}.toast-success{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-left:4px solid #66bb6a;color:#2e7d32}.toast-error{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-left:4px solid #ef5350;color:#c62828}.toast-warning{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-left:4px solid #ffb74d;color:#e65100}.toast-info{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-left:4px solid #42a5f5;color:#1565c0}.toast-icon{flex-shrink:0;font-size:1.2rem}.toast-message{flex:1 1;font-size:.95rem;font-weight:500}.toast-close{background:none;border:none;color:currentColor;cursor:pointer;flex-shrink:0;font-size:1.2rem;margin-left:.5rem;opacity:.7;padding:0;transition:opacity .2s ease}.toast-close:hover{opacity:1}@keyframes slideInRight{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(400px)}}@media (max-width:768px){.toast-container{bottom:10px;left:10px;right:10px}.toast{font-size:.9rem;min-width:auto;padding:.75rem 1rem;width:100%}}@media (max-width:1366px) and (min-width:1024px){.container{max-width:96%;padding:2rem 1.5rem}.games-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:1024px) and (min-width:768px){body{font-size:16px}.card,.container{padding:1.5rem}.card{border-radius:12px;margin-bottom:1.5rem}button:not(.team-btn):not(.confidence-btn):not(.prop-bet-btn):not(.yes-btn):not(.no-btn){min-height:44px;padding:11px 15px}.games-grid{gap:1.25rem;grid-template-columns:repeat(2,1fr)}.stats-grid{gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.dashboard-grid{gap:1.25rem;grid-template-columns:1fr}table{font-size:.9rem}td,th{padding:.75rem}}@media (max-width:1024px) and (min-width:768px) and (orientation:landscape){.navbar{padding:.8rem 1.5rem}.container{max-width:95%}.games-grid{grid-template-columns:repeat(3,1fr)}.modal-content{max-width:650px}}@media (max-width:768px){html{font-size:15px}body{background:linear-gradient(135deg,#f0f4f8,#e8ecf2);margin:0;padding:0}a[role=button],button:not(.team-btn):not(.confidence-btn):not(.prop-bet-btn):not(.yes-btn):not(.no-btn),input[type=button],input[type=reset],input[type=submit]{-webkit-tap-highlight-color:rgba(31,78,153,.2);border-radius:10px;font-weight:700;min-height:48px;min-width:48px;padding:12px 16px;touch-action:manipulation}.confidence-btn,.no-btn,.prop-bet-btn,.team-btn,.yes-btn{-webkit-tap-highlight-color:rgba(31,78,153,.2);min-height:48px;touch-action:manipulation}input:not([type=number]),select,textarea{background:#f8f9fc;border:2px solid #d0d8e0;border-radius:10px;color:#1a1a1a;font-size:16px;padding:12px 14px;transition:all .3s ease;width:100%}input:focus,select:focus,textarea:focus{background:#fff;border-color:#0080d0;box-shadow:0 0 0 4px #0080d026;outline:none}.scrollable{overflow-x:auto}.card{border:2px solid #e8f0f7;border-radius:14px}.card:before{height:4px}@supports (padding:max(0px)){body{padding:max(0px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(0px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}}.dashboard{padding:.75rem}.stats-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1.5rem;margin-top:.5rem}.stat-card{flex-direction:column;gap:.5rem;margin-bottom:.5rem;padding:1rem;text-align:center}.stat-icon{font-size:2rem}.stat-value{font-size:1.5rem}.dashboard-grid{gap:1rem;grid-template-columns:1fr}.amount-input-wrapper{display:flex;flex-direction:column;gap:.5rem}.amount-input{padding:1rem 2.5rem!important;width:100%!important}.max-btn{font-size:.9rem;padding:.7rem 1rem;position:static;width:100%}.page-header{margin-bottom:1.5rem;padding:1rem 0}.page-header h2{font-size:1.8rem}.games-grid{gap:1rem;grid-template-columns:1fr}.game-card-display{margin-bottom:.8rem;padding:1rem}.tabs{gap:.5rem;margin-bottom:1rem;margin-top:.5rem;overflow-x:auto;padding-bottom:.5rem;padding-left:0;padding-right:0}.tab-btn{font-size:.9rem;padding:.7rem 1rem;white-space:nowrap}table{font-size:.85rem}td,th{padding:.6rem}.bet-list{padding:0}.bet-item{margin-bottom:.8rem;padding:1rem}.leaderboard-table{font-size:.85rem}.team-section{padding:1rem}.team-stats{gap:1rem;grid-template-columns:repeat(2,1fr)}.schedule-table{font-size:.8rem}.player-card{padding:.8rem}.admin-teams{padding:.5rem}.team-buttons{flex-direction:column;gap:.5rem}.team-btn{padding:.8rem;width:100%}.editor-tabs{flex-direction:column;gap:.3rem}.editor-tab{padding:.7rem;width:100%}.props-grid{gap:1rem;grid-template-columns:1fr}.prop-card{padding:1rem}.prop-header{flex-direction:column;gap:.5rem}.prop-header h3{font-size:1.1rem}.prop-betting-section{gap:.8rem;grid-template-columns:1fr}.prop-option-bet{padding:1rem}.prop-bet-input{font-size:.9rem;padding:.7rem}.prop-bet-btn{font-size:.85rem;padding:.6rem}.form-group{margin-bottom:1.2rem}.form-group label{display:block;font-weight:600;margin-bottom:.5rem}.form-row{flex-direction:column;gap:1.2rem}.modal-overlay{padding:12px}.modal-content{max-height:85vh;max-width:100%!important;overflow-y:auto;width:100%!important}.notifications-container{border-radius:16px 16px 0 0;bottom:0;left:0;max-height:50vh;position:fixed;right:0}.notification{border-radius:8px;margin:.5rem}}@media (max-width:480px){html{font-size:14px}.app,.container,body{margin:0;max-width:100%;padding:0;width:100%}.container{padding-top:calc(var(--navbar-height) + env(safe-area-inset-top))}*{max-width:100%;overflow-x:hidden}.clickable,a[role=button],button:not(.team-btn):not(.confidence-btn):not(.prop-bet-btn):not(.yes-btn):not(.no-btn),input[type=button],input[type=reset],input[type=submit]{font-size:.95rem;min-height:44px;padding:10px 14px}p{font-size:.9rem;line-height:1.5}h1,p{margin:.5rem 0}h1{font-size:1.3rem}h2{font-size:1.1rem;margin:.4rem 0}h3{font-size:1rem;margin:.3rem 0}h4{font-size:.95rem}.modal-overlay{padding:12px}.modal-content{max-height:85vh;overflow-y:auto}.card{border-radius:10px;margin:8px 0;padding:1rem}.grid,[class*=container],[class*=grid]{display:flex;flex-direction:column}.desktop-only{display:none!important}.mobile-only{display:block!important}.stat-card{margin-bottom:.8rem;padding:.9rem}.stat-value{font-size:1.3rem}.stat-icon{font-size:1.8rem}table{font-size:.75rem}td,th{padding:.5rem .3rem}input:not([type=number]),select,textarea{font-size:16px;margin-bottom:.7rem;padding:10px 12px}img{height:auto;max-width:100%}.btn-group{display:flex;flex-direction:column;gap:.7rem}.btn-group button{width:100%}.page-header{margin-bottom:1rem;padding:.75rem 0}.page-header h2{font-size:1.5rem}.bet-item{margin-bottom:.8rem;padding:1rem}}@media (max-width:768px){body.menu-open{overflow:hidden}.nav-right .balance-display,.user-info{display:none}}@media (max-width:480px){.notification-icon-btn{font-size:1rem!important;padding:.6rem .8rem!important}.notification-badge{font-size:.65rem;height:16px;line-height:16px;min-width:16px}.nav-right .balance-display{font-size:.85rem;padding:.6rem .9rem}.nav-right .balance-amount{font-size:.9rem}.nav-center button:nth-child(n+4){display:none}.mobile-menu{max-width:100vw!important;width:100%!important}.mobile-menu-header{padding:1.25rem 1rem}.mobile-menu-nav button{font-size:.95rem;padding:.9rem 1rem}}@media (max-width:359px){.navbar{gap:.5rem;padding:.5rem .4rem}.nav-brand span{font-size:.9rem}.logo-img{height:24px}.nav-center{gap:.3rem;grid-template-columns:repeat(2,1fr)}.nav-center button{font-size:.7rem;padding:.55rem .3rem}.nav-right{gap:.4rem}.nav-right button{font-size:.75rem;padding:.55rem .8rem}.nav-right .balance-display{font-size:.8rem;padding:.55rem .8rem}}@media (max-height:500px) and (orientation:landscape){:root{--navbar-height:50px}.navbar{min-height:50px;padding:.4rem .8rem}.nav-brand{font-size:.95rem}.logo-img{height:24px}.nav-center,.nav-right{gap:.3rem}.nav-center button,.nav-right button{font-size:.75rem;padding:.4rem .6rem}.container{padding:.5rem}.card{margin-bottom:.8rem;padding:.8rem}h1{font-size:1.3rem;margin:.3rem 0}h2{font-size:1rem;margin:.2rem 0}.stats-grid{gap:.8rem}.stat-card{padding:.8rem}.content-area{max-height:calc(100vh - 100px);overflow-y:auto}.games-grid{gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.game-card-display{padding:1rem}.modal-content{max-height:85vh;overflow-y:auto}}@media print{.navbar,.no-print,button,input[type=button],input[type=submit]{display:none!important}body{background:#fff}.card{border:1px solid #ddd;box-shadow:none}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media (prefers-color-scheme:dark){.card,input:not([type=number]),select,textarea{background-color:var(--color-surface);border-color:#444;color:#f0f0f0}input::placeholder{color:#aaa}table{border-color:#444}table th{background-color:#1a1a1a;color:#7fc3f9}table td{border-color:#444}}@media (max-width:359px){html{font-size:13px}h1{font-size:1.2rem}h2{font-size:1rem}button,input,select,textarea{font-size:14px}.stats-grid,.team-stats{grid-template-columns:1fr}.modal-content{border-radius:12px 12px 0 0}}
/*# sourceMappingURL=main.409f9abd.css.map*/