*,:before,:after{box-sizing:border-box;margin:0;padding:0}img.emoji{vertical-align:-.1em;width:1em;height:1em;display:inline-block}:root{--navy:#000b29;--navy2:#001a52;--gold:#0ff;--gold2:#00d4ff;--magenta:#e3005b;--purple:#6a00ff;--red:#ff4b4b;--green:#00e676;--bg:#00081c;--bg2:#00143e;--border:#00ffff40;--text:#f4f6f9;--muted:#8b9bb4;--white:#fff;--card-bg:#00143ea6;--surface:#00143e8c;--surface-2:#000b29b3;--radius:12px;--shadow:0 8px 32px #0009;--shadow-glow:0 0 15px #00ffff26;--ucl-gradient:linear-gradient(135deg, var(--navy) 0%, var(--purple) 50%, var(--magenta) 100%)}body{background-color:var(--navy);color:var(--text);background-image:linear-gradient(#00081cdb,#00081ce6),url(/img/backgroundDark01L.avif);background-position:top;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100dvh;font-family:Inter,Noto Color Emoji,system-ui,-apple-system,sans-serif}button{cursor:pointer;border:none;font-family:inherit}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--navy);border-top:1px solid #00ffff1a;border-left:1px solid #00ffff1a}::-webkit-scrollbar-thumb{background:var(--navy2);border:2px solid var(--navy);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--gold);border-color:var(--navy)}*{scrollbar-width:thin;scrollbar-color:var(--navy2) var(--navy)}input{font-family:inherit}.card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius);background:linear-gradient(145deg,#000b29bf 0%,#001a5280 100%);border:1px solid #00ffff26;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000080,inset 0 1px #00ffff1a}.card:before{content:"";pointer-events:none;background:radial-gradient(circle,#00ffff1a 0%,#0000 70%);border-radius:50%;width:120px;height:120px;position:absolute;top:-60px;right:-60px}.btn{border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.2rem;font-size:.875rem;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(90deg, var(--gold) 0%, var(--gold2) 100%);color:var(--navy);border:none;box-shadow:0 0 15px #0ff3}.btn-primary:hover:not(:disabled){box-shadow:0 0 25px #00ffff80}.btn-navy{background:linear-gradient(90deg, var(--navy2) 0%, var(--navy) 100%);color:#fff;border:1px solid #0ff3}.btn-navy:hover:not(:disabled){background:var(--purple);border-color:var(--magenta)}.btn-red{background:linear-gradient(90deg, var(--red) 0%, #b91c1c 100%);color:#fff;border:none}.btn-ghost{color:#fff;border:1.5px solid var(--border);background:#00143e4d}.btn-ghost:hover{border-color:var(--gold);color:var(--gold);background:#00ffff1a}.btn-sm{padding:.35rem .75rem;font-size:.8rem}.btn-block{width:100%}.badge{border-radius:20px;align-items:center;padding:.2rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-gold{color:#92400e;background:#fef3c7}.badge-green{color:#166534;background:#dcfce7}.badge-blue{color:#1e40af;background:#dbeafe}.badge-gray{color:#475569;background:#f1f5f9}.badge-red{color:#991b1b;background:#ff4b4b26}.badge-navy{background:var(--navy);color:#fff}.tag-scheduled{color:var(--muted);font-size:.78rem}.tag-live{color:var(--green);font-size:.78rem;font-weight:700}.tag-finished{color:var(--muted);font-size:.78rem}.spinner{border:3px solid var(--border);border-top-color:var(--gold);border-radius:50%;width:32px;height:32px;margin:2rem auto;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.navbar{background:var(--navy);color:#fff;z-index:100;background-image:linear-gradient(110deg,#000b29eb 35%,#001a52d9 75%,#6a00ff8c 100%),url(/img/backgroundDark03L.avif);background-position:50%;background-size:cover;border-bottom:1px solid #00ffff26;position:sticky;top:0;box-shadow:0 4px 16px #00003e66}.navbar-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:.65rem 1rem;display:flex}.navbar-inner.admin-navbar{max-width:1200px}.navbar-brand{color:var(--gold);align-items:center;gap:.4rem;font-size:1rem;font-weight:700;text-decoration:none;display:flex}.navbar-links{scrollbar-width:none;-ms-overflow-style:none;flex:1;gap:.1rem;margin:0 .5rem;display:flex;overflow-x:auto}.navbar-links::-webkit-scrollbar{display:none}.navbar-links a{color:#ffffffbf;white-space:nowrap;border-radius:8px;flex-shrink:0;padding:.4rem .5rem;font-size:.76rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.navbar-links a:hover,.navbar-links a.active{color:#fff;background:#ffffff1f}.navbar-user{color:#ffffff8c;cursor:pointer;border-radius:6px;padding:.3rem .5rem;font-size:.78rem;transition:background .15s}.navbar-user:hover{background:#ffffff1a}.page{max-width:1200px;margin:0 auto;padding:1.2rem 1rem 5rem}.page.admin-page{max-width:1200px}.page-title{color:#fff;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.container{max-width:1200px;margin:0 auto;padding:1.2rem 1rem 5rem}.section-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--radius);background:linear-gradient(145deg,#000b29c7 0%,#001a528c 100%);border:1px solid #00ffff26;margin-bottom:1.5rem;padding:1.25rem;box-shadow:0 10px 40px #00000073,inset 0 1px #00ffff14}.hero-md{color:#fff;box-shadow:var(--shadow);background-color:#0000;background-image:linear-gradient(90deg,#00081cd9 0%,#00081c73 55%,#00081c40 100%),url(/img/mdLive-bg_L.avif);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #00ffff2e;border-radius:16px;margin-bottom:1.25rem;padding:1.6rem 1.4rem;position:relative;overflow:hidden}.hero-md .hero-logotype{width:auto;height:30px;margin-bottom:.75rem;display:block}.hero-md .hero-greet{color:#fff;margin-bottom:.2rem;font-size:1.15rem;font-weight:800}.hero-md .hero-sub{color:#fffc;max-width:38ch;font-size:.9rem}@media (width<=768px){.hero-md{background-color:#0000;background-image:linear-gradient(#00081c59 0%,#00081ccc 100%),url(/img/mdLive-bg_S.avif);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;justify-content:flex-end;min-height:220px;padding:1.4rem 1.1rem;display:flex}}.tip-card{border-radius:var(--radius);background-color:#0000;background-image:linear-gradient(135deg,#000b29d1 0%,#001a5299 100%),url(/img/tip-bg.avif);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #00ffff2e;position:relative;overflow:hidden}@media (width<=600px){.tip-card{background-color:#0000;background-image:linear-gradient(#000b29b3 0%,#001a52b3 100%),url(/img/tip-bg-mobile.avif);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}}.login-wrap{background:var(--navy);background-image:linear-gradient(#00081cc7,#00081ce0),url(/img/mdLive-bg_L.avif);background-position:50%;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;min-height:100dvh;padding:1.5rem;display:flex}.login-card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:20px;width:100%;max-width:380px;padding:2rem 1.75rem;box-shadow:0 20px 60px #00143e66}.login-logo{text-align:center;margin-bottom:1.5rem}.login-logo .emoji{font-size:3rem}.login-logo h1{color:#fff;margin-top:.4rem;font-size:1.3rem;font-weight:700}.login-logo p{color:var(--muted);margin-top:.2rem;font-size:.85rem}.form-group{margin-bottom:1rem}.form-group label{color:#fff;margin-bottom:.35rem;font-size:.82rem;font-weight:600;display:block}.form-group input{border:1.5px solid var(--border);width:100%;color:var(--text);background:#0000004d;border-radius:8px;outline:none;padding:.65rem .85rem;font-size:.95rem;transition:border-color .15s}.form-group input:focus{border-color:var(--gold);background:var(--card-bg)}.form-error{color:#991b1b;background:#ff4b4b26;border-radius:8px;margin-bottom:1rem;padding:.6rem .85rem;font-size:.85rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.25rem;display:grid}.stat-card{background:var(--card-bg);border-radius:var(--radius);text-align:center;border:1px solid var(--border);box-shadow:var(--shadow);padding:1rem}.stat-card .val{color:#fff;font-size:1.6rem;font-weight:800}.stat-card .lbl{color:var(--muted);margin-top:.2rem;font-size:.78rem}.rank-card{background:var(--navy);color:#fff;border-radius:var(--radius);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding:1.1rem 1.25rem;display:flex}.rank-card .rank-n{color:var(--gold);font-size:2.5rem;font-weight:900}.rank-card .rank-info{flex:1;margin-left:1rem}.rank-card .rank-name{font-size:1rem;font-weight:700}.rank-card .rank-pts{color:#ffffffa6;margin-top:.1rem;font-size:.85rem}.tabs{scrollbar-width:none;gap:.4rem;margin-bottom:1rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;color:#ffffffb3;background:#00143ea6;border:1.5px solid #0ff3;border-radius:20px;padding:.45rem .9rem;font-size:.82rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1)}.tab.active,.tab:hover{background:linear-gradient(90deg, var(--gold) 0%, var(--gold2) 100%);color:var(--navy);border-color:#0000;box-shadow:0 0 15px #00ffff4d}.group-chips{flex-wrap:wrap;gap:.35rem;margin-bottom:1rem;display:flex}.group-chip{background:var(--card-bg);color:#fff;border:1.5px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.78rem;font-weight:700;transition:all .15s;display:flex}.group-chip.active{background:var(--gold);border-color:var(--gold);color:#fff}.match-grid{grid-template-columns:1fr;gap:.65rem;display:grid}@media (width>=900px){.match-grid{grid-template-columns:1fr 1fr}}.match-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius);background:linear-gradient(145deg,#000b2999 0%,#001a5266 100%);border:1px solid #00ffff26;margin-bottom:.65rem;padding:1rem;transition:all .25s;box-shadow:0 4px 15px #0000004d}.match-card:hover{border-color:#0ff6;transform:translateY(-2px);box-shadow:0 8px 25px #00ffff26}.match-grid .match-card{margin-bottom:0}.match-card.finished{background:#000a1ecc}.match-card.has-pred{border-left:3px solid var(--gold);box-shadow:var(--shadow-glow)}.match-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.match-meta{color:var(--muted);font-size:.75rem}.match-date{font-weight:500}.match-teams{text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;display:grid}.team-name{color:#fff;font-size:.82rem;font-weight:600;line-height:1.2}.team-flag{margin-bottom:.2rem;font-size:1.5rem}.match-separator{color:var(--border);padding:0 .25rem;font-size:1rem;font-weight:800}.match-result{color:#fff;font-size:1.4rem;font-weight:800}.pred-section{border-top:1px solid var(--border);margin-top:.85rem;padding-top:.85rem}.pred-label{color:var(--muted);text-align:center;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.pred-result{justify-content:center;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.score-input-row{justify-content:center;align-items:center;gap:.5rem;display:flex}.score-picker{background:var(--bg2);border-radius:10px;align-items:center;gap:.3rem;padding:.3rem;display:flex}.score-btn{width:32px;height:32px;color:var(--gold);background:#00143ecc;border:1px solid #00ffff4d;border-radius:8px;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;transition:all .15s;display:flex}.score-btn:hover{background:var(--gold);color:var(--navy);box-shadow:0 0 10px #00ffff80}.score-val{text-align:center;color:#fff;width:36px;font-size:1.25rem;font-weight:800}.score-vs{color:var(--muted);padding:0 .2rem;font-size:1rem;font-weight:700}.pred-save-btn{width:100%;margin-top:.65rem}.lb-table{border-collapse:collapse;width:100%}.lb-table th{text-align:left;color:var(--muted);border-bottom:2px solid var(--border);text-transform:uppercase;letter-spacing:.03em;padding:.5rem .75rem;font-size:.75rem;font-weight:700}.lb-table td{border-bottom:1px solid var(--border);padding:.75rem;font-size:.88rem}.lb-table tr.me td{background:#00ffff1a;font-weight:600}.lb-table tr:last-child td{border-bottom:none}.lb-rank{color:#fff;min-width:28px;font-size:1rem;font-weight:800}.lb-rank.top3{color:var(--gold)}.lb-pts{color:#fff;font-size:1rem;font-weight:800}.lb-detail{color:var(--muted);font-size:.75rem}.admin-form{flex-wrap:wrap;justify-content:center;align-items:center;gap:.65rem;margin-top:.85rem;display:flex}.empty{text-align:center;color:var(--muted);padding:3rem 1rem}.empty .icon{margin-bottom:.75rem;font-size:2.5rem}.snackbar{background:var(--navy);color:#fff;z-index:1000;white-space:nowrap;border-radius:10px;padding:.65rem 1.25rem;font-size:.88rem;font-weight:500;animation:.2s snack-in;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000040}@keyframes snack-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.section-hdr{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:1.1rem 0 .5rem;font-size:.7rem;font-weight:700}@media (width<=768px){.navbar-links{z-index:200;background:var(--navy);padding:.3rem .4rem calc(.3rem + env(safe-area-inset-bottom,0px));border-top:1px solid #ffffff1f;justify-content:flex-start;gap:.15rem;margin:0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000004d}.navbar-links.fade-right{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0006 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0006 100%)}.navbar-links.fade-left{-webkit-mask-image:linear-gradient(90deg,#0006 0,#000 24px);mask-image:linear-gradient(90deg,#0006 0,#000 24px)}.navbar-links.fade-left.fade-right{-webkit-mask-image:linear-gradient(90deg,#0006 0,#000 24px calc(100% - 24px),#0006 100%);mask-image:linear-gradient(90deg,#0006 0,#000 24px calc(100% - 24px),#0006 100%)}.navbar-links a{padding:.45rem .6rem;font-size:.72rem}.page{padding-bottom:calc(4.5rem + env(safe-area-inset-bottom,0px))}}