:root{--bg: #070e1a;--bg-1: #0d1f3c;--bg-2: #0f2040;--bg-input: #08152a;--accent: #1D9E75;--a2: #4DC99A;--adim: #0F6E56;--gold: #F0A020;--silver: #85B7EB;--bronze: #D86030;--danger: #E24B4A;--t1: #F0F4F8;--t2: #8EC9B0;--t3: #4E7060;--bdr: rgba(29,158,117,.18);--bdr2: rgba(29,158,117,.38);--r: 10px;--rs: 7px;--fd: "Bebas Neue","Arial Black",sans-serif;--fb: "Outfit","Segoe UI",sans-serif;--sh: 0 4px 20px rgba(0,0,0,.4);--nh: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--fb);background:var(--bg);color:var(--t1);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--adim);border-radius:3px}h1,h2,h3,h4{font-family:var(--fd);letter-spacing:.05em;line-height:1.1}h1{font-size:clamp(1.8rem,5vw,2.8rem)}h2{font-size:clamp(1.1rem,3vw,1.6rem)}h3{font-size:1.05rem}a{color:var(--a2);text-decoration:none}a:hover{color:var(--accent);text-decoration:underline}p{color:var(--t2)}.container{max-width:1080px;margin:0 auto;padding:0 1.25rem}.app-shell{flex:1;display:flex;flex-direction:column}.app-main,.app-shell-main{flex:1;padding-top:var(--nh)}.page-content{padding:1.5rem 0 3rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.text-center{text-align:center}.mt-2{margin-top:1rem}.hide-mobile{display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem 1.1rem;border-radius:var(--rs);border:none;cursor:pointer;font-family:var(--fb);font-size:.87rem;font-weight:600;transition:all .14s;white-space:nowrap;line-height:1.4}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:#22b88a;transform:translateY(-1px);box-shadow:0 3px 12px #1d9e7559}.btn-secondary{background:#1d9e7514;border:1px solid var(--bdr2);color:var(--a2)}.btn-secondary:hover:not(:disabled){background:#1d9e7526}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#f05252}.btn-outline-nav{background:transparent;border:1px solid var(--bdr2);color:var(--a2);padding:.3rem .75rem;font-size:.8rem;border-radius:5px;cursor:pointer;font-family:var(--fb);font-weight:600;transition:all .14s;white-space:nowrap}.btn-outline-nav:hover{background:#1d9e751f}.btn-sm{padding:.3rem .7rem;font-size:.78rem;border-radius:5px}.btn-full{width:100%}input,select,textarea{background:var(--bg-input);border:1px solid var(--bdr);border-radius:var(--rs);color:var(--t1);font-family:var(--fb);font-size:.93rem;padding:.56rem .85rem;width:100%;transition:border-color .14s,box-shadow .14s;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1d9e7524}input::placeholder{color:var(--t3)}select option{background:var(--bg-1)}label{display:block;font-size:.81rem;color:var(--t2);margin-bottom:.28rem;font-weight:500}.form-group{margin-bottom:.95rem}.form-row{display:flex;gap:.75rem}.form-row>*{flex:1;min-width:0}.form-checkbox{display:flex;align-items:flex-start;gap:.5rem;margin:.7rem 0;font-size:.83rem;color:var(--t2)}.form-checkbox input[type=checkbox]{width:auto;flex-shrink:0;margin-top:.2rem;accent-color:var(--accent)}.card{background:var(--bg-1);border:1px solid var(--bdr);border-radius:var(--r);padding:1.2rem;box-shadow:var(--sh)}.navbar{position:fixed;top:0;left:0;right:0;height:var(--nh);background:#040812f7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--bdr);z-index:200}.navbar-inner{display:flex;align-items:center;height:100%;gap:0}.navbar-brand{font-family:var(--fd);font-size:1.45rem;letter-spacing:.06em;color:var(--t1);text-decoration:none;flex-shrink:0;display:flex;align-items:baseline;gap:.2rem;margin-right:1.5rem}.navbar-brand:hover{text-decoration:none;color:var(--t1)}.brand-world{color:var(--accent)}.brand-prono{color:var(--t1)}.brand-year{font-size:.8rem;color:var(--t3);margin-left:.15rem}.navbar-links{display:flex;align-items:center;gap:.1rem;flex:1}.nav-link{padding:.35rem .65rem;color:var(--t3);font-size:.83rem;font-weight:500;border-radius:5px;text-decoration:none;transition:all .12s;white-space:nowrap}.nav-link:hover{color:var(--t1);background:#ffffff0d;text-decoration:none}.nav-link.active{color:var(--a2);background:#1d9e751f}.navbar-right{display:flex;align-items:center;gap:.4rem;flex-shrink:0;margin-left:.75rem}.nav-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.72rem;flex-shrink:0}.nav-username{font-size:.8rem;color:var(--t2);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-burger{display:none;flex-direction:column;justify-content:center;gap:4px;width:32px;height:32px;background:none;border:1px solid var(--bdr);border-radius:5px;cursor:pointer;padding:5px;flex-shrink:0}.nav-burger span{display:block;height:2px;background:var(--t2);border-radius:2px;transition:all .17s}.nav-burger.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-burger.open span:nth-child(2){opacity:0}.nav-burger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.navbar-mobile{position:fixed;top:var(--nh);left:0;right:0;background:#040812fc;border-bottom:1px solid var(--bdr);padding:.7rem 1.1rem;z-index:199;display:flex;flex-direction:column;gap:.2rem}.mobile-link{display:block;padding:.62rem .9rem;color:var(--t2);font-size:.93rem;font-weight:500;border-radius:6px;text-decoration:none;transition:all .12s}.mobile-link:hover{background:#1d9e751a;color:var(--t1);text-decoration:none}.mobile-link.active{background:#1d9e7524;color:var(--a2)}.app-footer{border-top:1px solid var(--bdr);background:var(--bg-1);text-align:center;font-size:.79rem;color:var(--t3);padding:.85rem}.app-footer a{color:var(--a2)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:radial-gradient(ellipse 65% 45% at 50% -5%,rgba(29,158,117,.13) 0%,transparent 55%),var(--bg)}.auth-card{background:var(--bg-1);border:1px solid var(--bdr2);border-radius:var(--r);padding:1.75rem 1.9rem;width:100%;max-width:420px;box-shadow:0 8px 36px #00000080}.auth-title{font-family:var(--fd);font-size:1.95rem;letter-spacing:.06em;margin-bottom:.2rem;text-align:center}.auth-subtitle{text-align:center;color:var(--t3);font-size:.87rem;margin-bottom:1.3rem}.auth-footer{text-align:center;font-size:.83rem;color:var(--t3);margin-top:.85rem}.spinner{width:30px;height:30px;border:3px solid var(--bdr);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-loader{min-height:40vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.empty-state{text-align:center;padding:3rem;color:var(--t3);font-size:.95rem}.toast-container{position:fixed;bottom:1.1rem;right:1.1rem;z-index:9999;display:flex;flex-direction:column;gap:.35rem;max-width:min(300px,calc(100vw - 1.5rem))}.toast{background:var(--bg-2);border:1px solid var(--bdr2);border-radius:var(--rs);padding:.7rem .95rem;font-size:.84rem;line-height:1.4;animation:toastIn .2s ease;box-shadow:var(--sh)}.toast.success{border-left:3px solid var(--accent)}.toast.error{border-left:3px solid var(--danger)}@keyframes toastIn{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}.badge{display:inline-block;padding:.16rem .48rem;border-radius:20px;font-size:.68rem;font-weight:600}.pts-3{color:var(--gold);font-weight:700}.pts-1{color:var(--a2);font-weight:700}.pts-0{color:var(--t3)}.pts-badge{display:inline-block;padding:.18rem .5rem;border-radius:4px;font-size:.72rem;font-weight:600;background:#ffffff0f}.pts-badge.pts-3{background:#f0a0201f;color:var(--gold)}.pts-badge.pts-1{background:#4dc99a1f;color:var(--a2)}.pts-badge.pts-0{background:#ffffff0d;color:var(--t3)}.match-card{background:var(--bg-1);border:1px solid var(--bdr);border-radius:var(--r);padding:.95rem 1rem;transition:border-color .14s,box-shadow .14s;display:flex;flex-direction:column;gap:.65rem}.match-card:hover:not(.tbd){border-color:var(--bdr2);box-shadow:0 2px 10px #00000040}.match-card.locked{opacity:.75}.match-card.tbd{opacity:.5}.match-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.match-status{display:flex;align-items:center;gap:.4rem}.status-live{color:#ef4444;font-size:.71rem;font-weight:700;animation:pulse 1.4s ease infinite}.status-finished{color:var(--t3);font-size:.71rem}.status-locked{color:var(--danger);font-size:.71rem}.status-soon{color:var(--a2);font-size:.71rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.match-body{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem}.match-team{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}.team-flag{font-size:1.8rem;line-height:1}.team-name{font-size:.82rem;font-weight:600;color:var(--t1);line-height:1.2;min-height:2em;display:flex;align-items:center;justify-content:center}.match-center{display:flex;flex-direction:column;align-items:center;gap:.4rem;min-width:110px}.match-time{font-family:var(--fd);font-size:1.1rem;color:var(--t3);letter-spacing:.05em}.result-block{display:flex;flex-direction:column;align-items:center;gap:.1rem}.result-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.07em;color:var(--t3);font-weight:600}.result-score{font-family:var(--fd);font-size:1.7rem;letter-spacing:.08em;color:var(--t1);line-height:1}.result-score.live{color:#ef4444}.score-dash{color:var(--t3);margin:0 .15rem}.prono-input-block{display:flex;flex-direction:column;align-items:center;gap:.3rem}.prono-locked-block{display:flex;flex-direction:column;align-items:center;gap:.2rem}.prono-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.07em;color:var(--accent);font-weight:600}.prono-score{font-family:var(--fd);font-size:1.3rem;letter-spacing:.08em;color:var(--t2);line-height:1}.score-pair{display:flex;align-items:center;gap:.35rem}.score-input{width:50px!important;text-align:center;font-size:1.3rem!important;font-weight:700!important;padding:.35rem!important}.score-sep{font-family:var(--fd);font-size:1.4rem;color:var(--t3)}.tbd-label{text-align:center;color:var(--t3);font-size:.84rem;padding:.4rem;font-style:italic}.match-venue{font-size:.68rem;color:var(--t3);text-align:center;padding-top:.2rem;border-top:1px solid var(--bdr)}.match-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.9rem}.stage-badge{display:inline-block;padding:.12rem .45rem;border-radius:4px;font-size:.66rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.stage-badge.group{background:#1d9e7524;color:var(--a2)}.stage-badge.r16{background:#378add24;color:#5b9fe0}.stage-badge.r8{background:#ba751724;color:#c08020}.stage-badge.qf{background:#d85a3024;color:#d87040}.stage-badge.sf{background:#da527e24;color:#d06090}.stage-badge.third{background:#63992224;color:#70a030}.stage-badge.final{background:#f0a02033;color:var(--gold)}.day-section{margin-bottom:1.75rem}.day-section-header{display:flex;align-items:center;gap:.55rem;padding:.5rem .85rem;margin-bottom:.7rem;background:linear-gradient(90deg,rgba(29,158,117,.08) 0%,transparent 100%);border-left:3px solid var(--accent);border-radius:0 5px 5px 0}.day-section-header h2{margin:0;font-size:.9rem;font-family:var(--fb);font-weight:600;text-transform:capitalize;color:var(--t1)}.day-count{font-size:.73rem;color:var(--t3);margin-left:auto}.phase-selector{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.group-select{width:auto;padding:.38rem .75rem;font-size:.84rem;margin-left:auto}.info-banner{padding:.85rem 1rem;margin-bottom:1.5rem;background:#378add12;border:1px solid rgba(55,138,221,.22);border-radius:var(--r);font-size:.84rem;color:var(--t2)}.stage-group{background:var(--bg-1);border:1px solid var(--bdr);border-radius:var(--r);padding:1.15rem;margin-bottom:1.5rem}.stage-group-title{font-family:var(--fd);font-size:1.1rem;letter-spacing:.06em;color:var(--accent);margin-bottom:.85rem}.leaderboard-table{width:100%;border-collapse:collapse;font-size:.87rem}.leaderboard-table thead{background:var(--bg-2);position:sticky;top:0}.leaderboard-table th{text-align:left;padding:.58rem .8rem;font-size:.73rem;text-transform:uppercase;letter-spacing:.04em;color:var(--t3);border-bottom:1px solid var(--bdr);font-family:var(--fb);font-weight:600}.leaderboard-table td{padding:.58rem .8rem;border-bottom:1px solid var(--bdr);vertical-align:middle}.leaderboard-table tbody tr:hover{background:#ffffff06}.leaderboard-table tbody tr:last-child td{border-bottom:0}.leaderboard-table tr.highlight{background:#1d9e7512!important;border-left:3px solid var(--accent)}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:.78rem;font-weight:700;font-family:var(--fd)}.rank-1{background:#f0a0202e;color:var(--gold);box-shadow:0 0 6px #f0a02040}.rank-2{background:#85b7eb2e;color:var(--silver)}.rank-3{background:#d860302e;color:var(--bronze)}.rank-other{background:#ffffff0d;color:var(--t3)}.avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;flex-shrink:0}.avatar.small{width:27px;height:27px;font-size:.7rem}.avatar.large{width:54px;height:54px;font-size:1.3rem}.avatar:not(.small):not(.large){width:32px;height:32px;font-size:.82rem}.tabs{display:flex;border-bottom:1px solid var(--bdr);margin-bottom:1.4rem;overflow-x:auto;gap:0}.tab-btn{background:none;border:none;color:var(--t3);cursor:pointer;font-family:var(--fb);font-size:.87rem;font-weight:500;padding:.62rem .95rem;border-bottom:2px solid transparent;transition:all .14s;white-space:nowrap}.tab-btn:hover{color:var(--t2)}.tab-btn.active{color:var(--a2);border-bottom-color:var(--accent)}.rules-page{max-width:760px;margin:0 auto;padding:1.5rem 0 3rem}.rules-page section{margin-bottom:1.9rem}.rules-page h2{font-size:.92rem;font-family:var(--fb);color:var(--a2);font-weight:600;margin-bottom:.65rem;padding-bottom:.28rem;border-bottom:1px solid var(--bdr)}.rules-points{display:grid;grid-template-columns:1fr auto;gap:.45rem 1.4rem;align-items:center;background:var(--bg-1);border:1px solid var(--bdr);border-radius:var(--r);padding:.85rem 1.05rem}.rules-points .pts{font-family:var(--fd);color:var(--accent);font-size:.98rem;text-align:right;white-space:nowrap}.rules-anti-cheat{background:#e24b4a0a;border:1px solid rgba(226,75,74,.2);border-radius:var(--r);padding:.85rem 1.05rem}.rules-anti-cheat li{margin-bottom:.45rem;color:var(--t2)}.admin-table-wrapper{overflow-x:auto;background:var(--bg-1);border:1px solid var(--bdr);border-radius:var(--r);margin-bottom:1rem}.admin-table{width:100%;border-collapse:collapse;font-size:.84rem}.admin-table thead{background:var(--bg-2);position:sticky;top:0}.admin-table th{text-align:left;padding:.52rem .68rem;font-size:.71rem;text-transform:uppercase;letter-spacing:.04em;color:var(--t3);border-bottom:1px solid var(--bdr);font-weight:600}.admin-table td{padding:.52rem .68rem;border-bottom:1px solid var(--bdr);vertical-align:middle}.admin-table tbody tr:hover{background:#ffffff05}.admin-table tbody tr:last-child td{border-bottom:0}.admin-actions{display:flex;gap:.22rem;flex-wrap:wrap}.suspect-card{background:#d85a300d;border:1px solid rgba(216,90,48,.22);border-radius:var(--r);padding:.85rem 1.05rem;margin-bottom:.9rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:300;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{background:var(--bg-1);border:1px solid var(--bdr2);border-radius:var(--r);padding:1.35rem;max-width:430px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 36px #0000008c}.modal h3{margin-bottom:.85rem}.modal-actions{display:flex;gap:.45rem;justify-content:flex-end;margin-top:1.05rem}@media (max-width:900px){.nav-username{display:none}}@media (max-width:768px){:root{--nh:50px}.container{padding:0 .85rem}.navbar-links,.nav-logout{display:none}.nav-burger{display:flex}.hide-mobile{display:none!important}.auth-card{padding:1.35rem 1.1rem}.form-row{flex-direction:column;gap:0}.match-grid{grid-template-columns:1fr}.match-center{min-width:90px}.team-name{font-size:.76rem}.team-flag{font-size:1.5rem}.score-input{width:44px!important;font-size:1.15rem!important}.result-score{font-size:1.45rem}.admin-table{min-width:520px}.toast-container{left:.7rem;right:.7rem;bottom:.7rem}.rules-points{font-size:.83rem}.phase-selector{gap:.4rem}.group-select{margin-left:0;width:100%}}@media (max-width:420px){h1{font-size:1.55rem}.auth-title{font-size:1.6rem}.btn{font-size:.81rem;padding:.45rem .85rem}.match-body{gap:.3rem}.match-center{min-width:80px}}