body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.magic-bento-card{--glow-x:50%;--glow-y:50%;--glow-color:132,0,255;transform-style:preserve-3d}.magic-bento-card:before{background:radial-gradient(circle at var(--glow-x) var(--glow-y),rgba(var(--glow-color),.22) 0,rgba(var(--glow-color),.12) 20%,rgba(var(--glow-color),.06) 35%,#0000 60%);inset:-2px}.magic-bento-card:after,.magic-bento-card:before{content:"";opacity:0;pointer-events:none;position:absolute;transition:opacity .2s ease;z-index:0}.magic-bento-card:after{border-radius:inherit;box-shadow:0 0 0 1px rgba(var(--glow-color),.22) inset,0 0 24px rgba(var(--glow-color),.12);inset:0}.magic-bento-card--hover:after,.magic-bento-card--hover:before{opacity:1}.magic-bento-card>*{position:relative;z-index:1}.magic-bento-particle{mix-blend-mode:screen}.magic-bento-ripple{background:radial-gradient(circle,rgba(var(--glow-color),.35) 0,rgba(var(--glow-color),.18) 30%,#0000 70%);border-radius:999px;height:var(--ripple-size);left:var(--ripple-x);pointer-events:none;position:absolute;top:var(--ripple-y);width:var(--ripple-size);z-index:120}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}.App{min-height:100vh}[role=button],a,button,input,select,textarea{touch-action:manipulation}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input,select,textarea{font-size:16px}.loading{align-items:center;color:#333;display:flex;font-size:24px;height:100vh;justify-content:center}.header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #00000026;color:#fff;padding:max(16px,env(safe-area-inset-top,16px)) env(safe-area-inset-right,0) 16px env(safe-area-inset-left,0)}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.header h1{font-size:24px;font-weight:700;line-height:1.2}.header-right{align-items:center;display:flex;flex-shrink:0;gap:10px}.header-username{font-size:14px;max-width:200px;opacity:.95;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container{margin:0 auto;max-width:1200px;padding:20px 20px max(20px,calc(env(safe-area-inset-bottom, 0px) + 20px))}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;justify-content:center;min-height:40px;padding:10px 20px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{opacity:.9}.btn-primary:active{opacity:.8;transform:scale(.98)}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.btn-danger{background-color:#e74c3c;color:#fff}.btn-danger:hover{background-color:#c0392b}.btn-danger:active{opacity:.85}.card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:20px}.card,.form-group{margin-bottom:16px}.form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.form-group input,.form-group select{background:#fff;border:1.5px solid #ddd;border-radius:8px;font-size:16px;padding:12px 14px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea2e;outline:none}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:16px;box-shadow:0 16px 48px #00000038;max-width:420px;padding:36px 32px;width:100%}.login-card h2{color:#333;font-size:20px;margin-bottom:24px}.matches-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:16px}.match-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:18px;transition:transform .2s ease}.match-card:hover{transform:translateY(-2px)}.match-header{flex-wrap:wrap;gap:8px;margin-bottom:12px}.match-header,.teams{align-items:center;display:flex;justify-content:space-between}.teams{font-size:16px;font-weight:600;gap:4px;margin-bottom:14px}.team{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.team:last-child{flex-direction:row-reverse;text-align:right}.team-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flag{border-radius:3px;box-shadow:0 1px 4px #0000001f;flex:0 0 auto;height:18px;object-fit:cover;width:26px}.vs{color:#888;flex-shrink:0;font-size:12px;font-weight:400;padding:0 4px}.score-inputs{align-items:center;display:flex;gap:10px;justify-content:center;margin:8px 0}.score-inputs select{-webkit-appearance:none;appearance:none;background:#fafafa;border:2px solid #ddd;border-radius:10px;color:#333;cursor:pointer;font-size:24px;font-weight:700;height:56px;padding:4px 2px;text-align:center;text-align-last:center;transition:border-color .2s;width:72px}.score-inputs select:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea26;outline:none}.score-inputs span{color:#666;font-size:20px;font-weight:600}.bet-options{display:flex;gap:10px;margin-bottom:15px}.bet-btn{background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;flex:1 1;font-size:15px;min-height:44px;padding:10px 8px;transition:all .2s ease}.bet-btn.selected,.bet-btn:hover{border-color:#667eea}.bet-btn.selected{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.table-scroll{-webkit-overflow-scrolling:touch;background:linear-gradient(90deg,#fff 30%,#fff0),linear-gradient(270deg,#fff 30%,#fff0) 100%,linear-gradient(90deg,#e0e0e0,#0000) 0,linear-gradient(270deg,#e0e0e0,#0000) 100%;background-attachment:local,local,scroll,scroll;background-repeat:no-repeat;background-size:30px 100%,30px 100%,8px 100%,8px 100%;border-radius:8px;overflow-x:auto}.leaderboard-table{border-collapse:collapse;margin-top:0;min-width:280px;width:100%}.leaderboard-table td,.leaderboard-table th{border-bottom:1px solid #eee;padding:12px 14px;text-align:left;white-space:nowrap}.leaderboard-table th{color:#555;font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.leaderboard-table th,.leaderboard-table tr:hover{background-color:#f8f9fa}.round-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:14px 18px;user-select:none;-webkit-user-select:none}.round-header:active{opacity:.9}.error{color:#e74c3c}.error,.success{font-size:14px;margin-top:5px}.success{color:#27ae60}.blurtext-seg{display:inline-block;will-change:transform,filter,opacity}@media (max-width:640px){.header{padding-bottom:10px;padding-top:max(10px,env(safe-area-inset-top,10px))}.header-content{align-items:flex-start;gap:6px;padding:0 14px}.header h1{flex:1 0 100%;font-size:16px;line-height:1.3}.header-right{align-items:center;flex:0 0 100%;justify-content:space-between}.header-username{font-size:13px;max-width:calc(100vw - 120px)}.container{padding:10px 12px max(16px,calc(env(safe-area-inset-bottom, 0px) + 16px))}.card{border-radius:10px;margin-bottom:10px;padding:14px}.matches-grid{gap:10px;grid-template-columns:1fr;margin-top:10px}.match-card{padding:14px}.match-header{font-size:11px;margin-bottom:8px}.teams{font-size:14px;margin-bottom:10px}.team{gap:5px}.team-name{font-size:13px}.flag{height:14px;width:20px}.vs{font-size:11px}.score-inputs select{border-radius:10px;font-size:26px;height:60px;width:76px}.btn{border-radius:8px;font-size:14px;min-height:44px;padding:10px 14px}.leaderboard-table td,.leaderboard-table th{font-size:12px;padding:9px 8px}.login-container{align-items:flex-start;padding:60px 16px 16px}.login-card{border-radius:14px;padding:24px 18px}.login-card h1{font-size:19px!important}.login-card h2{font-size:16px}.round-header{font-size:14px;padding:12px 14px}h2{font-size:20px}h3{font-size:15px}.admin-subtabs{flex-wrap:wrap!important;gap:6px!important}.admin-subtab-btn{flex:1 1 auto!important;font-size:12px!important;min-width:0!important;padding:9px 10px!important;text-align:center!important}}@media (max-width:390px){.header h1{font-size:14px}.score-inputs select{font-size:22px;height:56px;width:66px}.btn{font-size:13px;padding:9px 10px}.leaderboard-table td,.leaderboard-table th{font-size:11px;padding:7px 5px}}.hamburger-btn,.section-bar-toggle{background:#ffffff2e;border:none;border-radius:10px;cursor:pointer;display:inline-flex;flex-direction:column;flex-shrink:0;gap:4px;height:42px;justify-content:center;padding:0 10px;transition:background .2s ease;width:42px}.hamburger-btn:hover{background:#ffffff4d}.hamburger-btn span{background:#fff;border-radius:2px;display:block;height:2.5px;width:100%}.section-bar{align-items:center;display:flex;gap:12px;margin-bottom:16px}.section-bar-toggle{background:linear-gradient(135deg,#667eea,#764ba2);height:44px;width:44px}.section-bar-toggle span{background:#fff;border-radius:2px;display:block;height:2.5px;width:100%}.section-bar-title{color:#333;font-size:16px;font-weight:700}.nav-drawer-backdrop{background:#00000073;inset:0;opacity:0;position:fixed;transition:opacity .25s ease,visibility .25s ease;visibility:hidden;z-index:998}.nav-drawer-backdrop.open{opacity:1;visibility:visible}.nav-drawer{background:#fff;box-shadow:-6px 0 24px #0000002e;display:flex;flex-direction:column;height:100%;max-width:84vw;padding-bottom:env(safe-area-inset-bottom,0);padding-top:env(safe-area-inset-top,0);position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .28s cubic-bezier(.16,1,.3,1);width:290px;z-index:999}.nav-drawer.open{transform:translateX(0)}.nav-drawer-head{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:15px;font-weight:700;justify-content:space-between;padding:18px 20px}.nav-drawer-close{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;height:32px;line-height:1;width:32px}.nav-drawer-items{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:12px}.nav-drawer-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#444;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:12px;padding:14px 16px;text-align:left;transition:background .15s ease,color .15s ease;width:100%}.nav-drawer-item:hover{background:#f2f3f7}.nav-drawer-item.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.nav-drawer-icon{font-size:18px;line-height:1}.nav-drawer-logout{margin:12px;width:calc(100% - 24px)}