*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5;transition:background .15s,color .15s}body{min-height:100svh}#root{flex-direction:column;min-height:100svh;display:flex}a{color:inherit;text-decoration:none}h1,h2,h3{color:var(--text-heading);font-family:Barlow Condensed,system-ui,sans-serif;font-weight:700}:root{--gold:#f0a500;--gold-dark:#c88800;--gold-glow:#f0a50038;--gold-border:#f0a50073;--bg:#121214;--surface:#1b1c21;--surface2:#25262d;--border:#35363f;--text:#ccd0da;--text-muted:#8a8f9e;--text-heading:#eceef3;--red:#ef4444;--green:#10b981;--purple:#8b5cf6;--font-display:"Barlow Condensed", system-ui, sans-serif}:root[data-theme=light]{--gold:#b06f00;--gold-dark:#8a5800;--gold-glow:#b06f0029;--gold-border:#b06f0073;--bg:#e9ebef;--surface:#fff;--surface2:#dde1e8;--border:#c5c9d2;--text:#40444e;--text-muted:#666b78;--text-heading:#14161b;--red:#dc2626;--green:#059669;--purple:#7c3aed;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=light] .btn{color:#fff}:root[data-theme=light] .btn-secondary{color:var(--text-heading)}:root[data-theme=light] .admin-tab-active{color:#fff!important}.app-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex;position:sticky;top:0}.app-logo{align-items:center;display:flex}.header-logo{object-fit:contain;width:auto;height:38px;display:block}.app-nav{gap:4px;display:flex}.app-nav a{color:var(--text-muted);border-radius:6px;padding:6px 14px;font-size:.875rem;transition:color .15s,background .15s}.app-nav a:hover,.app-nav a.active{color:var(--gold);background:#f0a50014}.app-main{flex:1;width:100%;max-width:860px;margin:0 auto;padding:24px 16px 48px}.hero-banner{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:32px 16px 24px;display:flex}.hero-logo{width:180px;height:auto;box-shadow:0 0 40px var(--gold-glow), 0 8px 32px #0009;border-radius:16px}.hero-tagline{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);font-size:1rem;font-weight:600}.page{flex-direction:column;gap:32px;display:flex}.section{flex-direction:column;gap:16px;display:flex}.section-title{font-family:var(--font-display);color:var(--text-heading);letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:8px;font-size:1.2rem;font-style:italic;font-weight:700;display:flex}.section-links{flex-direction:row;gap:12px}.live-dot{color:var(--red);font-size:.65rem;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.muted{color:var(--text-muted);font-size:.9rem}.badge{letter-spacing:.07em;text-transform:uppercase;font-size:.68rem;font-weight:700;font-family:var(--font-display);border-radius:4px;align-items:center;padding:3px 8px;display:inline-flex}.badge-live{color:var(--red);background:#ef444426}.badge-finished{color:var(--green);background:#10b9811f}.badge-upcoming{color:var(--gold);background:#f0a5001f}.card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.scoreboard-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;gap:12px;padding:20px;transition:border-color .2s,box-shadow .2s,background .15s;display:flex}.scoreboard-card:hover{border-color:var(--gold-border);background:var(--surface2);box-shadow:0 0 18px var(--gold-glow)}.scoreboard-card.card-live{border-color:var(--gold-border);box-shadow:0 0 24px var(--gold-glow)}.scoreboard-status{display:flex}.scoreboard-teams{justify-content:space-between;align-items:center;gap:8px;display:flex}.team{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.team-name{font-family:var(--font-display);color:var(--text-heading);text-align:center;letter-spacing:.02em;font-size:.9rem;font-weight:700;line-height:1.1}.team-logo{object-fit:contain;width:40px;height:40px}.team-logo-sm{object-fit:contain;vertical-align:middle;width:20px;height:20px;margin-right:6px}.team-logo-lg{object-fit:contain;width:64px;height:64px}.scoreboard-score{flex-shrink:0;align-items:center;gap:4px;display:flex}.score{font-family:var(--font-display);color:var(--text-heading);text-align:center;min-width:2ch;font-size:2.4rem;font-style:italic;font-weight:800;line-height:1}.score-sep{font-family:var(--font-display);color:var(--text-muted);font-size:1.6rem;font-style:normal;font-weight:300}.back-link{color:var(--text-muted);font-size:.85rem;transition:color .15s}.back-link:hover{color:var(--gold)}.match-detail-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:20px;padding:32px 24px;display:flex}.match-detail-card.card-live{border-color:var(--gold-border);box-shadow:0 0 40px var(--gold-glow)}.score-large .score{font-size:4rem}.score-large .score-sep{font-size:2.2rem}.goals-columns{grid-template-columns:1fr 1fr;gap:16px;display:grid}.goals-col{flex-direction:column;gap:8px;display:flex}.goals-col-right{align-items:flex-end}.goals-col-team{text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted);margin-bottom:2px;font-size:.72rem;font-weight:700;display:none}.goal-row{align-items:center;gap:8px;font-size:.875rem;display:flex}.scorer{color:var(--text-heading)}.minute{color:var(--gold);font-size:.75rem;font-family:var(--font-display);font-weight:700}.match-list{flex-direction:column;gap:8px;display:flex}.match-list-item{background:var(--surface);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;transition:border-color .2s,box-shadow .2s,background .15s;display:flex}.match-list-item:hover{border-color:var(--gold-border);background:var(--surface2);box-shadow:0 0 12px var(--gold-glow)}.mli-date{color:var(--text-muted);min-width:90px;font-size:.8rem}.mli-teams{color:var(--text);flex:1;font-size:.9rem}.mli-score{color:var(--text-heading);font-family:var(--font-display);font-weight:700}.table-wrap{overflow-x:auto}.standings-table{border-collapse:collapse;width:100%;font-size:.875rem}.standings-table th,.standings-table td{text-align:center;border-bottom:1px solid var(--border);padding:10px 12px}.standings-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;background:var(--surface);font-size:.7rem;font-weight:700;font-family:var(--font-display)}.standings-table td{color:var(--text)}.standings-table tbody tr:hover{background:var(--surface2)}.standings-table .row-first td{color:var(--text-heading);font-weight:600}.standings-table .col-team{text-align:left;min-width:140px}.standings-table .col-rank{color:var(--text-muted)}.standings-table .col-points{color:var(--gold);font-weight:800;font-family:var(--font-display);font-size:1rem}.btn{font-size:.875rem;font-weight:700;font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;background:var(--gold);color:#000;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:10px 20px;text-decoration:none;transition:background .15s,box-shadow .15s;display:inline-flex}.btn:hover{background:var(--gold-dark);box-shadow:0 0 16px var(--gold-glow)}.btn-secondary{background:var(--surface2);color:var(--text-heading);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border);box-shadow:none}.nav-admin{border:1px solid var(--border)!important}.nav-admin.active{border-color:var(--gold-border)!important}.nav-logout{border:1px solid var(--red,#ef4444);color:var(--red,#ef4444);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;padding:4px 10px;font-family:inherit;font-size:.8rem}.nav-logout:hover{background:#ef44441a}.theme-toggle{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:6px;padding:6px 10px;font-size:.9rem;line-height:1;transition:border-color .15s,background .15s}.theme-toggle:hover{border-color:var(--gold-border);background:var(--surface2)}.admin-section{flex-direction:column;gap:10px;display:flex}.admin-section-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:2px;font-size:.75rem;font-weight:700}.admin-create-form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-vs{color:var(--text-muted);font-size:.8rem;font-weight:700;font-family:var(--font-display)}.admin-select{background:var(--surface);border:1px solid var(--border);color:var(--text-heading);cursor:pointer;border-radius:7px;outline:none;padding:8px 12px;font-size:.875rem;transition:border-color .15s}.admin-select:focus{border-color:var(--gold)}.admin-input{background:var(--surface);border:1px solid var(--border);color:var(--text-heading);border-radius:7px;outline:none;flex:1;min-width:140px;padding:8px 12px;font-size:.875rem;transition:border-color .15s}.admin-input:focus{border-color:var(--gold)}.admin-input-min{flex:0 0 70px;min-width:70px}.admin-error{color:var(--red);font-size:.8rem}.admin-empty{color:var(--text-muted);font-size:.85rem}.admin-match-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.admin-match-live{border-color:var(--gold-border);box-shadow:0 0 20px var(--gold-glow)}.admin-match-finished{opacity:.72}.admin-match-header{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.admin-match-teams{color:var(--text);flex:1;font-size:.9rem}.admin-match-score{color:var(--text-heading);font-family:var(--font-display);font-weight:700}.admin-match-actions{gap:8px;margin-left:auto;display:flex}.btn-sm{border-radius:6px;padding:6px 14px;font-size:.78rem}.btn-start{background:var(--green);color:#000}.btn-start:hover{box-shadow:none;background:#059669}.btn-end{color:#fff;background:#4b5563}.btn-end:hover{box-shadow:none;background:#374151}.btn-reopen{color:#000;background:#d97706}.btn-reopen:hover{box-shadow:none;background:#b45309}.admin-edit-score-form{background:var(--surface2);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.admin-edit-label{color:var(--text-muted);font-size:.8rem}.admin-input-score{text-align:center;flex:0 0 60px;min-width:60px}.admin-goals-section{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:12px;display:flex}.admin-goal-list{flex-direction:column;gap:6px;list-style:none;display:flex}.admin-goal-item{align-items:center;gap:8px;font-size:.85rem;display:flex}.admin-goal-team{color:var(--text-muted);background:var(--surface2);white-space:nowrap;font-size:.72rem;font-family:var(--font-display);letter-spacing:.03em;border-radius:4px;padding:2px 6px}.admin-goal-scorer{color:var(--text-heading);flex:1}.admin-goal-min{color:var(--gold);font-size:.75rem;font-family:var(--font-display);font-weight:700}.btn-icon{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;padding:2px 6px;font-size:.75rem;line-height:1;transition:background .15s,border-color .15s}.btn-danger{color:var(--red)}.btn-danger:hover{background:#ef44441f;border-color:#ef44444d}.admin-goal-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.standings-tiebreaker{color:var(--text-muted);text-align:center;letter-spacing:.02em;font-size:.75rem}.player-number{font-family:var(--font-display);color:var(--gold);letter-spacing:.03em;background:#f0a5001a;border-radius:4px;padding:1px 5px;font-size:.72rem;font-weight:700}.admin-tabs{background:var(--surface2);border:1px solid var(--border);border-radius:10px;gap:4px;padding:4px;display:flex}.admin-tab{color:var(--text-muted);font-size:.82rem;font-weight:700;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;padding:8px 12px;transition:background .15s,color .15s}.admin-tab:hover{color:var(--text-heading);background:var(--border)}.admin-tab-active{background:var(--gold)!important;color:#000!important}.admin-team-list,.admin-player-list{flex-direction:column;gap:8px;display:flex}.admin-team-card,.admin-player-card{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:12px 14px;transition:border-color .15s}.admin-team-card:hover,.admin-player-card:hover{border-color:var(--gold-border)}.admin-team-disabled{opacity:.5}.admin-team-row,.admin-player-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-team-name{color:var(--text-heading);flex:1;font-size:.9rem;font-weight:600}.admin-team-actions{gap:6px;margin-left:auto;display:flex}.admin-team-edit,.admin-player-edit{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-tag{font-size:.65rem;font-weight:700;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;border-radius:4px;padding:2px 7px}.admin-tag-disabled{color:var(--text-muted);background:#6b708033}.admin-stage-list{flex-direction:column;gap:8px;display:flex}.admin-stage-card{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:12px 14px}.admin-stage-active{border-color:var(--gold-border);box-shadow:0 0 12px var(--gold-glow)}.admin-stage-type{font-size:.65rem;font-weight:700;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;border-radius:4px;padding:2px 7px}.admin-stage-type-league{color:var(--green);background:#10b9811f}.admin-stage-type-knockout{color:var(--purple);background:#8b5cf624}.admin-active-stage{background:var(--surface2);border:1px solid var(--gold-border);box-shadow:0 0 12px var(--gold-glow);border-radius:9px;align-items:center;gap:10px;padding:12px 14px;display:flex}.admin-stage-name{color:var(--text-heading);font-weight:700;font-family:var(--font-display);letter-spacing:.03em;align-items:center;gap:8px;font-size:1rem;display:flex}.admin-stage-hint{color:var(--text-muted);font-size:.8rem}.admin-reset-zone{border-top:1px solid var(--border);flex-direction:column;gap:10px;margin-top:16px;padding-top:16px;display:flex}.admin-section-title-danger{color:var(--red)!important}.btn-danger-solid{color:var(--red);background:#ef444426;border:1px solid #ef44444d}.btn-danger-solid:hover{box-shadow:none;background:#ef444440}.admin-reset-form{flex-direction:column;gap:10px;display:flex}.admin-reset-warn{color:var(--text-muted);border-left:3px solid var(--red);background:#ef444412;border-radius:7px;padding:10px 12px;font-size:.82rem;line-height:1.5}.admin-gate{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;padding:32px 16px;display:flex}.admin-gate-title{color:var(--gold);letter-spacing:.05em;text-transform:uppercase;font-size:1.4rem;font-weight:700}.admin-gate-input{background:var(--surface);border:1px solid var(--border);width:100%;max-width:320px;color:var(--text);text-align:center;letter-spacing:.1em;border-radius:8px;padding:12px 16px;font-size:1rem}.admin-gate-input:focus{border-color:var(--gold);outline:none}.admin-gate-error{color:var(--red);font-size:.85rem}@media (width<=768px){.app-main{padding:20px 12px 96px}.hero-logo{width:150px}.score-large .score{font-size:3rem}.score-large .score-sep{font-size:1.8rem}.match-detail-card{padding:24px 16px}.admin-create-form{flex-direction:column;align-items:stretch}.admin-create-form .admin-select,.admin-create-form .btn{width:100%}.admin-vs{text-align:center}.admin-match-actions{flex-wrap:wrap;gap:6px}.admin-match-actions .btn-sm{flex:1;justify-content:center}.admin-goal-form .admin-input{min-width:0}}@media (width<=640px){.app-nav{background:var(--surface);border-top:1px solid var(--border);padding:6px 0 env(safe-area-inset-bottom,8px);z-index:20;border-radius:0;justify-content:space-around;gap:0;position:fixed;bottom:0;left:0;right:0}.app-nav a{border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:44px;padding:8px 4px;font-size:.72rem;display:flex;border:none!important}.app-main{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}.btn{min-height:44px}.btn-sm{min-height:38px}.btn-icon{justify-content:center;align-items:center;min-width:32px;min-height:32px;display:inline-flex}.hero-banner{gap:8px;padding:20px 16px 16px}.hero-logo{border-radius:12px;width:130px}.hero-tagline{font-size:.85rem}.card-grid{grid-template-columns:1fr}.scoreboard-card{padding:16px}.score{font-size:2rem}.team-logo{width:36px;height:36px}.match-detail-card{border-radius:12px;padding:20px 12px}.score-large .score{font-size:2.8rem}.team-logo-lg{width:48px;height:48px}.goals-columns{grid-template-columns:1fr;gap:0}.goals-col-right{border-top:1px solid var(--border);align-items:flex-start;margin-top:12px;padding-top:12px}.goal-row-right{flex-direction:row-reverse;justify-content:flex-end}.goals-col-team{display:block}.mli-date{display:none}.match-list-item{padding:12px}.col-hide-mobile{display:none}.standings-table th,.standings-table td{padding:8px 6px;font-size:.8rem}.standings-table .col-team{min-width:100px}.admin-match-header{flex-direction:column;align-items:flex-start;gap:8px}.admin-match-actions{width:100%}.admin-match-actions .btn-sm{flex:1}.admin-goal-form{gap:6px}.admin-goal-form .admin-input{flex:120px}.admin-edit-score-form{flex-wrap:wrap}.admin-tab{padding:7px 6px;font-size:.72rem}.admin-team-row,.admin-player-row{gap:8px}.admin-team-actions{flex-wrap:wrap;gap:4px}.admin-team-edit,.admin-player-edit{flex-direction:column;align-items:stretch}.admin-team-edit .admin-input,.admin-player-edit .admin-input{min-width:0}.page{gap:24px}.section{gap:12px}}