:root{color:#10251c;background:#073526;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;overflow-x:hidden}body{margin:0;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.55}.app-shell{position:relative;min-height:100vh;overflow-x:hidden;padding:max(24px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 32px max(18px,env(safe-area-inset-left));background:linear-gradient(135deg,#053023ed,#007a4db8),url(https://images.unsplash.com/photo-1556056504-5c7696c4c28d?auto=format&fit=crop&w=1800&q=80);background-attachment:fixed;background-position:center;background-size:cover}.app-shell:before{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background:linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:82px 82px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 72%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 72%)}.field-glow{position:fixed;top:7%;right:-120px;width:360px;height:360px;border:2px solid rgba(255,255,255,.28);border-radius:50%;box-shadow:inset 0 0 70px #ffffff1f;pointer-events:none}.field-glow:before{position:absolute;top:50%;left:0;width:100%;height:2px;content:"";background:#ffffff38}.ball-run{position:fixed;bottom:24px;left:28px;z-index:0;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#111 0 14%,transparent 15%),radial-gradient(circle at 32% 30%,#111 0 8%,transparent 9%),radial-gradient(circle at 70% 35%,#111 0 8%,transparent 9%),radial-gradient(circle at 32% 70%,#111 0 8%,transparent 9%),radial-gradient(circle at 70% 72%,#111 0 8%,transparent 9%),#fff;box-shadow:0 8px 18px #00000042;animation:ballDribble 8s ease-in-out infinite;pointer-events:none}@keyframes ballDribble{0%{transform:translate(0) rotate(0)}45%{transform:translate(190px) rotate(540deg)}55%{transform:translate(190px) translateY(-12px) rotate(620deg)}to{transform:translate(0) rotate(1080deg)}}.topbar,.summary-grid,.layout,.admin-panel,.notice{position:relative;z-index:1;width:min(1280px,100%);margin-right:auto;margin-left:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.topbar>div{min-width:0}h1,h2,h3,p{margin:0}h1{color:#fff;font-size:clamp(2rem,5vw,4rem);line-height:1;text-shadow:0 8px 24px rgba(0,0,0,.28);overflow-wrap:anywhere}h2{color:#10251c;font-size:1.1rem}h3{font-size:1rem}.eyebrow{color:#ffe45c;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric,.panel,.login-panel{border:1px solid rgba(255,255,255,.5);border-radius:8px;background:#fffffff0;box-shadow:0 18px 48px #081f163d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.metric{position:relative;overflow:hidden;padding:18px}.metric:after{position:absolute;right:-28px;bottom:-42px;width:112px;height:112px;border:12px solid rgba(0,170,108,.14);border-radius:50%;content:""}.metric span,.match-info span,.match-info small,.leaderboard-row small{color:#61736a;font-size:.82rem}.metric strong{display:block;margin-top:4px;color:#e23c2f;font-size:2rem}.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,380px);gap:18px;align-items:start}.panel{min-width:0;padding:18px}.layout>.panel:last-child{position:sticky;top:18px}.admin-panel{margin-top:18px}.section-heading{display:flex;align-items:center;gap:8px;margin-bottom:14px}.main-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px;padding:6px;border:1px solid #cfe7dc;border-radius:8px;background:#f7faf7}.main-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;min-width:0;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:#1f4b39;font-size:.94rem;font-weight:800}.main-tabs button.active{background:linear-gradient(135deg,#e23c2f,#ff7a1a);color:#fff;box-shadow:0 10px 22px #e23c2f38}.admin-heading{justify-content:space-between;gap:14px}.admin-heading>div{display:flex;align-items:center;gap:8px;min-width:0}.admin-heading>span{flex:0 0 auto;padding:6px 8px;border-radius:8px;background:#fff8df;color:#6b5115;font-size:.76rem;font-weight:800}.phase-tabs,.group-carousel{display:flex;gap:8px;margin-bottom:14px;padding-bottom:2px}.phase-tabs{overflow-x:auto;scrollbar-width:thin;scroll-padding-inline:2px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.phase-tabs button{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;padding:10px 12px;border:1px solid #cfe7dc;border-radius:8px;background:#fff;color:#1f4b39;font-weight:800;white-space:nowrap;scroll-snap-align:start}.phase-tabs button.active{border-color:#ffe45c;background:linear-gradient(135deg,#e23c2f,#ff7a1a);color:#fff;box-shadow:0 10px 22px #e23c2f42}.group-carousel{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;padding:10px;border:1px solid #cfe7dc;border-radius:8px;background:linear-gradient(90deg,#00a86b14,#ffe45c1f),#fff}.carousel-current{display:grid;gap:2px;min-width:0;text-align:center}.carousel-current strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.carousel-current span{color:#61736a;font-size:.82rem}.match-groups,.match-list,.leaderboard,.standings-grid{display:grid;gap:10px}.match-groups{gap:16px}.match-group{display:grid;gap:10px}.match-group-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:8px;background:linear-gradient(135deg,#00a86bf2,#007a4df2),#00a86b;color:#fff}.match-group-header span{display:block;margin-top:2px;color:#ffffffd1;font-size:.82rem}.match-group-header strong{min-width:48px;color:#ffe45c;text-align:right}.match-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:12px;border:1px solid #deebe3;border-radius:8px;background:#fff;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.match-row:hover{border-color:#00a86b6b;box-shadow:0 12px 24px #0c47301a;transform:translateY(-1px)}.match-row.locked{background:#f7faf7}.match-row.locked .match-info strong{color:#61736a}.result-row.finished{border-color:#00a86b61;background:linear-gradient(90deg,#00a86b14,#fff0),#fff}.match-info{display:grid;gap:3px;min-width:0}.match-info strong{overflow-wrap:anywhere}.match-teams,.team-name{display:inline-flex;align-items:center;gap:6px;min-width:0}.match-teams{flex-wrap:wrap}.match-teams>span:not(.team-name){color:#61736a;font-size:.82rem;font-weight:800}.team-name>span:last-child{min-width:0;overflow-wrap:anywhere}.team-flag{flex:0 0 auto;font-size:1.1em;line-height:1}.match-info small{line-height:1.35}.official-score{display:inline-flex;width:fit-content;align-items:center;gap:8px;margin-top:5px;padding:6px 8px;border-radius:8px;background:#eef6f0}.official-score span{color:#61736a;font-size:.72rem;font-weight:800;text-transform:uppercase}.official-score strong{color:#007a4d;font-size:.95rem}.score-editor{display:flex;align-items:center;gap:7px;min-width:max-content}.penalty-editor{padding-top:6px;border-top:1px solid #deebe3}.penalty-editor small{color:#61736a;font-size:.72rem;font-weight:800;text-transform:uppercase}.result-warning{flex-basis:100%;color:#b8241b;font-size:.78rem;font-weight:800}.admin-match-controls{display:grid;gap:9px;min-width:min(100%,520px)}.result-status{display:grid;justify-items:end;gap:3px;min-width:92px}.result-status span{padding:5px 8px;border-radius:8px;background:#eef6f0;color:#61736a;font-size:.72rem;font-weight:800}.result-row.finished .result-status span{background:#007a4d;color:#fff}.result-status strong{color:#e23c2f;font-size:1rem}input{width:100%;padding:10px 12px;border:1px solid #bed8ca;border-radius:8px;background:#fbfdfb;color:#10251c}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none}.score-editor input{width:54px;text-align:center}.result-editor input{width:78px}.score-editor input::placeholder{color:#8fa197;font-size:.78rem;font-weight:700}.scoring-rules{display:grid;gap:8px;margin:10px 0 16px;padding:12px;border:1px solid #deebe3;border-radius:8px;background:#f7faf7}.scoring-rules>strong{color:#10251c}.scoring-rules>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.scoring-rules span{padding:9px;border-radius:8px;background:#fff;color:#61736a;font-size:.78rem;line-height:1.35}.scoring-rules b{color:#007a4d}.scoring-rules small{color:#61736a;line-height:1.35}.result-editor{flex-wrap:wrap;min-width:0}.icon-button{display:inline-grid;width:42px;height:42px;min-width:42px;place-items:center;border:0;border-radius:8px;background:linear-gradient(135deg,#00a86b,#007a4d);color:#fff;box-shadow:0 8px 18px #007a4d47}.icon-button.secondary{background:#ffe45c;color:#173226}.icon-button.finish{background:linear-gradient(135deg,#1687ff,#075ca8);box-shadow:0 8px 18px #075ca83d}.icon-button.danger{background:linear-gradient(135deg,#e23c2f,#b8241b);box-shadow:0 8px 18px #e23c2f3d}.points{justify-self:end;color:#e23c2f;font-weight:800}.points-breakdown{display:grid;justify-items:end;gap:3px;min-width:138px}.points-breakdown small{max-width:180px;color:#61736a;font-size:.72rem;line-height:1.25;text-align:right}.leaderboard-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:8px;align-items:baseline;padding:12px 0;border-bottom:1px solid #e7eee8}.leaderboard-row strong{color:#e23c2f}.leaderboard-row span{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0;overflow-wrap:anywhere}.leaderboard-row b{color:#007a4d}.leaderboard-row small{grid-column:2 / -1}.leaderboard-context{color:#61736a}.standings-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px}.standings-card{overflow:hidden;border:1px solid #deebe3;border-radius:8px;background:#fff}.standings-card header{padding:10px 12px;background:linear-gradient(135deg,#00a86bf2,#007a4df2),#00a86b;color:#fff}.standings-card h3{color:#fff}.standings-table{display:grid}.standings-row{display:grid;grid-template-columns:28px minmax(128px,1fr) repeat(4,26px) 34px 36px;gap:4px;align-items:start;padding:9px 8px;border-top:1px solid #eef3ef;color:#10251c;font-size:.84rem}.standings-head{background:#f7faf7;color:#61736a;font-size:.68rem;font-weight:800;text-transform:uppercase}.standings-row strong{min-width:0;line-height:1.25;white-space:normal}.standings-row .team-name{width:100%;align-items:flex-start;overflow-wrap:anywhere}.standings-row>span:not(:nth-child(2)),.standings-row>b{text-align:right}.standings-row b{color:#e23c2f}.knockout-bracket{display:grid;gap:12px;margin-top:22px;margin-bottom:18px}.knockout-bracket>header{display:flex;align-items:center;justify-content:space-between}.knockout-bracket h3{margin:0}.bracket-scroll{overflow-x:auto;padding:4px 2px 8px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin}.bracket-linear-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:210px;gap:18px;overflow-x:auto;padding:4px 2px 10px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin}.bracket-linear-column{display:grid;align-content:start;gap:10px;min-width:0}.bracket-linear-column h3{margin:0;padding:9px 10px;border-radius:8px;background:#10251c;color:#fff;font-size:.78rem;font-weight:800;letter-spacing:0;text-align:center;text-transform:uppercase}.bracket-linear-matches{display:grid;grid-template-rows:repeat(16,84px);min-height:1344px}.bracket-linear-slot{display:flex;align-items:center;min-width:0}.bracket-stage-headings{display:grid;grid-template-columns:repeat(4,210px) 250px repeat(4,210px);gap:22px;min-width:1966px;margin-bottom:10px}.bracket-stage-headings span{padding:9px 10px;border-radius:8px;background:#10251c;color:#fff;font-size:.78rem;font-weight:800;letter-spacing:0;text-align:center;text-transform:uppercase}.bracket-stage-headings span:nth-child(1){grid-column:1 / 10}.bracket-stage-headings span:nth-child(2){grid-column:2 / 9;grid-row:2}.bracket-stage-headings span:nth-child(3){grid-column:3 / 8;grid-row:3}.bracket-stage-headings span:nth-child(4){grid-column:4 / 7;grid-row:4}.bracket-stage-headings span:nth-child(5){grid-column:5;grid-row:5}.bracket-board{display:grid;grid-template-columns:repeat(4,210px) 250px repeat(4,210px);gap:22px;min-width:1966px}.bracket-column,.bracket-center{display:grid}.bracket-lanes{display:grid;grid-template-rows:repeat(16,minmax(64px,1fr));min-height:1120px}.bracket-lanes-center{min-height:1120px}.bracket-match{position:relative;z-index:1;display:grid;gap:6px;width:100%;min-height:74px;padding:10px;border:1px solid #deebe3;border-radius:8px;background:#fff;box-shadow:0 8px 18px #10251c12}.bracket-match.featured{border-color:#e23c2f52;background:linear-gradient(135deg,#ffe45c38,#fff0),#fff}.bracket-match>span{color:#61736a;font-size:.7rem;font-weight:800;text-transform:uppercase}.bracket-team{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;min-width:0;color:#61736a;font-size:.82rem;font-weight:700}.bracket-team.winner{color:#10251c;font-weight:900}.bracket-team b,.bracket-team.winner b{color:#e23c2f;font-size:.9rem}.bracket-scores{display:inline-flex;align-items:center;gap:4px}.bracket-scores small{min-width:18px;padding:1px 4px;border-radius:6px;background:#fff8df;color:#6b5115;font-size:.66rem;font-weight:900;text-align:center}.bracket-team .team-name{overflow-wrap:anywhere}.notice{margin-bottom:16px;padding:12px 14px;border:1px solid #f0d58b;border-radius:8px;background:#fff8df;color:#6b5115}.toast{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left));z-index:20;width:min(560px,calc(100vw - 32px));margin:0 auto;padding:18px 22px;border:2px solid rgba(255,228,92,.9);border-radius:8px;background:#10251cf5;color:#fff;font-size:clamp(1rem,2.5vw,1.18rem);font-weight:800;text-align:center;box-shadow:0 22px 52px #00000061,0 0 0 4px #ffe45c29;animation:toastIn .32s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes toastIn{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-page{min-height:100vh;display:grid;place-items:center;padding:22px;background:linear-gradient(135deg,#053023c2,#007a4d94),url(https://images.unsplash.com/photo-1517927033932-b3d18e61fb3a?auto=format&fit=crop&w=1800&q=80);background-position:center;background-size:cover}.login-panel{width:min(420px,100%);padding:26px}.login-panel h1{margin:6px 0 18px;color:#10251c;font-size:2.2rem;text-shadow:none}form{display:grid;gap:14px}label{display:grid;gap:7px;color:#405149;font-weight:700}form button{padding:12px 14px;border:0;border-radius:8px;background:linear-gradient(135deg,#e23c2f,#ff7a1a);color:#fff;font-weight:800;box-shadow:0 12px 24px #e23c2f3d}@media (prefers-reduced-motion: reduce){.ball-run{animation:none}.match-row{transition:none}}@media (max-width: 1120px){.layout{grid-template-columns:minmax(0,1fr)}.layout>.panel:last-child{position:static}}@media (max-width: 920px){.app-shell{padding:max(18px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 24px max(12px,env(safe-area-inset-left));background-attachment:scroll}.app-shell:before{background-size:58px 58px}.field-glow{top:10%;right:-180px;width:300px;height:300px}.ball-run{bottom:12px;left:12px;width:22px;height:22px;opacity:.8}.topbar{align-items:flex-start;margin-bottom:16px}h1{font-size:clamp(1.9rem,10vw,3rem)}.eyebrow{font-size:.72rem}.summary-grid,.layout{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.metric,.panel{box-shadow:0 12px 30px #081f1633}.metric{min-height:104px;padding:12px 10px}.metric span{font-size:.74rem;line-height:1.2}.metric strong{font-size:clamp(1.7rem,9vw,2.15rem);line-height:1}.panel{padding:14px}.section-heading{margin-bottom:12px}.admin-heading{align-items:flex-start}.admin-heading>span{white-space:nowrap}.phase-tabs{width:100%;max-width:100%;margin-right:0;margin-left:0;padding:0 0 4px}.phase-tabs button{padding:9px 10px;font-size:.86rem}.main-tabs{gap:5px;padding:5px}.main-tabs button{min-height:40px;gap:4px;padding:8px 5px;font-size:.78rem;line-height:1.05;white-space:nowrap}.main-tabs svg{width:15px;height:15px;flex:0 0 auto}.group-carousel{grid-template-columns:46px minmax(0,1fr) 46px;gap:10px;padding:8px}.carousel-current{width:100%}.carousel-current strong{font-size:.98rem}.match-group-header{align-items:flex-start;padding:10px}.match-row{grid-template-columns:1fr;gap:10px;padding:12px}.result-status{justify-items:start;min-width:0}.admin-match-controls{width:100%;min-width:0}.score-editor{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);width:100%;min-width:0}.penalty-editor{grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr)}.result-editor{grid-template-columns:repeat(3,46px) minmax(0,1fr);justify-content:start}.result-editor>.score-editor,.result-editor>.penalty-editor{grid-column:1 / -1}.result-editor>.penalty-editor{width:100%;min-width:0}.result-warning{grid-column:1 / -1}.score-editor input{width:100%;min-height:46px;font-size:1.05rem;font-weight:800}.scoring-rules>div{grid-template-columns:1fr}.icon-button{width:46px;height:46px;min-width:46px}.points{justify-self:start}.points-breakdown{justify-items:start;min-width:0}.points-breakdown small{max-width:none;text-align:left}.leaderboard-row{grid-template-columns:42px minmax(0,1fr) auto;gap:8px}.leaderboard-row b{white-space:nowrap}.knockout-bracket{margin-top:12px;margin-bottom:8px}.bracket-scroll{display:none;margin-right:-14px;margin-left:-14px;padding:0 14px 16px}.bracket-linear-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:150px;gap:12px;margin-right:-14px;margin-left:-14px;padding:2px 14px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin}.bracket-linear-column{display:grid;align-content:start;gap:8px;min-width:0}.bracket-linear-column h3{margin:0;padding:6px 8px;border-radius:8px;background:#10251c;color:#fff;font-size:.68rem;font-weight:900;line-height:1;text-align:center;text-transform:uppercase}.bracket-linear-matches{display:grid;grid-template-rows:repeat(16,74px);min-height:1184px}.bracket-linear-slot{display:flex;align-items:center;min-width:0}.bracket-stage-headings{display:none}.bracket-board{grid-template-columns:repeat(4,150px) 164px repeat(4,150px);gap:14px;min-width:1488px;padding:4px 4px 14px}.bracket-lanes,.bracket-lanes-center{grid-template-rows:repeat(16,minmax(44px,1fr));min-height:708px}.bracket-match{min-height:48px;gap:2px;padding:5px 7px;border-color:transparent;background:linear-gradient(180deg,#fff,#f8fbf9);box-shadow:0 6px 14px #10251c14,0 1px #ffffffe6 inset}.bracket-match.featured{border-color:transparent;background:linear-gradient(180deg,#fff8e0f0,#fffffffa),#fff;box-shadow:0 7px 16px #e23c2f1f,0 1px #ffffffe6 inset}.bracket-match>span{color:#315242;font-size:.58rem;line-height:1}.bracket-team{gap:4px;color:#10251c;font-size:.72rem;line-height:1.05}.bracket-team b,.bracket-team.winner b{font-size:.72rem}}@media (min-width: 761px) and (max-width: 920px){.app-shell{padding-right:18px;padding-left:18px}.metric{min-height:128px}.panel{padding:16px}}@media (max-width: 520px){.topbar .icon-button{width:44px;height:44px;min-width:44px}.metric:after{right:-58px;bottom:-64px;width:104px;height:104px}.login-page{align-items:stretch;padding:16px}.login-panel{align-self:center;padding:20px}.login-panel h1{font-size:1.9rem}.standings-row{grid-template-columns:20px minmax(72px,1fr) repeat(4,20px) 28px 28px;gap:3px;padding:8px 5px;font-size:.72rem}.standings-head{font-size:.58rem}.standings-row strong{line-height:1.18}.standings-row .team-name{gap:3px}.team-flag{font-size:1em}}@media (max-width: 390px){.app-shell{padding-right:10px;padding-left:10px}.panel,.metric{border-radius:7px}.admin-heading{display:grid}.admin-heading>span{justify-self:start}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid .metric:last-child{grid-column:1 / -1}.score-editor{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.result-editor{grid-template-columns:repeat(3,44px) minmax(0,1fr)}.result-editor>.penalty-editor{grid-template-columns:1fr auto 1fr}.result-editor>.penalty-editor small{grid-column:1 / -1}.result-editor>.penalty-editor input:first-of-type{grid-column:1}.result-editor>.penalty-editor span{grid-column:2}.result-editor>.penalty-editor input:last-of-type{grid-column:3}.leaderboard-row{grid-template-columns:36px minmax(0,1fr)}.leaderboard-row b,.leaderboard-row small{grid-column:2}}