:root{--bg:#f3f6f1;--surface:#ffffff;--surface-soft:#f8faf6;--surface-strong:#e8f2e4;--line:#d9e2d3;--text:#1d2b20;--muted:#667565;--accent:#1f7a4d;--accent-strong:#135c3a;--gold:#d79c28;--danger:#b14a37;--info:#356b9a;--exact:#1f7a4d;--partial:#cf9520;--miss:#7d8a80;--shadow:0 16px 34px rgba(24,45,28,.08);--pitch-a:#176b41;--pitch-b:#14613b;--side-1:#1c5c3a;--side-2:#0f3f27;--r:12px}[data-theme=dark]{--bg:#0d1611;--surface:#16221b;--surface-soft:#13201a;--surface-strong:#1e3729;--line:#27392e;--text:#e9f2ea;--muted:#9bae9f;--accent:#3da068;--accent-strong:#2d8a56;--gold:#e0ad3c;--danger:#d2735f;--info:#6aa0cf;--exact:#3da068;--partial:#e0ad3c;--miss:#7d8a80;--shadow:0 16px 34px rgba(0,0,0,.4);--pitch-a:#15422c;--pitch-b:#123823;--side-1:#123c27;--side-2:#0a2719}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:Archivo,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:500}button,select,input,textarea{font:inherit}button{border:0;cursor:pointer;font-weight:800;color:inherit}h1,h2,h3,h4,p{margin:0}h1{font-size:clamp(30px,4vw,46px);line-height:1.02;font-weight:900;letter-spacing:0;margin-bottom:8px}h2{font-weight:900}h3{font-size:18px;font-weight:900}.app{--sidebar-w:248px;display:block;min-height:100vh;background:var(--bg);color:var(--text);max-width:100vw;padding-left:var(--sidebar-w)}.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:30;width:var(--sidebar-w);height:100dvh;overflow:auto;background:linear-gradient(180deg,var(--side-1),var(--side-2));color:#eaf6ee;display:flex;flex-direction:column;gap:4px;padding:14px 12px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:18px;padding:8px 10px 14px}.brand .ball{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#ffffff1f;font-size:18px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:11px 12px;border-radius:10px;color:#cfe6d8;font-weight:700;font-size:15px;background:transparent;border-left:3px solid transparent;transition:.15s}.nav-item .ico{width:22px;text-align:center;font-size:17px}.nav-item:hover{background:#ffffff12;color:#fff}.nav-item.active{background:#ffffff1a;color:#fff;border-left-color:var(--gold)}.nav-item:disabled{cursor:not-allowed;opacity:.48}.nav-item:disabled:hover{background:transparent;color:#cfe6d8}.nav-spacer{flex:1}.nav-user{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#0000002e;font-size:13px;font-weight:700;color:#cfe6d8}.nav-auth-actions{display:grid;gap:4px}.nav-user .av,.rrow .av,.lrow .av{width:28px;height:28px;border-radius:50%;background:var(--surface-strong);display:grid;place-items:center;font-size:13px;font-weight:900;color:var(--accent-strong);flex:0 0 auto}.main{min-width:0;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:12px 24px;color:#eaf6ee;background:radial-gradient(120% 220% at 50% -120%,rgba(255,255,255,.16),transparent 60%),repeating-linear-gradient(90deg,var(--pitch-a) 0 64px,var(--pitch-b) 64px 128px);border-bottom:1px solid rgba(0,0,0,.18);max-width:none}.topbar .hb{display:none;background:#ffffff24;width:42px;height:42px;border-radius:10px;font-size:18px}.topbar h2{font-size:15px;font-weight:800;opacity:.92;letter-spacing:.02em}.topbar .right{margin-left:auto;display:flex;align-items:center;gap:10px}.pill{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:10px;background:#ffffff29;color:#fff;font-weight:800;font-size:14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pill select{background:transparent;border:0;color:#fff;font-weight:800}.pill select option{color:#111}.page{padding:26px 24px 56px;max-width:1160px;width:100%;margin-inline:auto;color:var(--text)}.page>*{min-width:0}.eyebrow{color:var(--gold);font-family:Archivo Narrow;font-weight:800;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}.lead{color:var(--muted);font-size:16px;max-width:60ch;line-height:1.5}.sec-title{font-size:24px;font-weight:900;letter-spacing:0;margin:30px 0 14px}.no-margin{margin:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);text-align:left}.card.flat{box-shadow:none}.pad{padding:18px}.grid{display:grid;gap:16px}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.split{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.6fr);gap:18px;align-items:start}.hero{position:relative;overflow:hidden;border-radius:16px;padding:28px;color:#fff;background:radial-gradient(110% 140% at 85% -10%,rgba(215,156,40,.4),transparent 55%),linear-gradient(115deg,var(--accent-strong),var(--accent))}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 92% 18%,rgba(255,255,255,.22) 0 1px,transparent 2px),repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 2px,transparent 2px 90px);opacity:.5}.hero>*{position:relative;z-index:1}.hero h1{font-size:clamp(26px,3.4vw,40px)}.hero .lead{color:#ffffffdb;max-width:52ch}.hero .eyebrow{color:#ffe09a}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.hero-ghost{color:#fff!important;border-color:#fff6!important}.metric{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.metric span{display:block;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.metric strong{display:block;margin-top:8px;font-size:30px;font-weight:900;letter-spacing:0}.chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:800;background:var(--surface-strong);color:var(--accent-strong)}.chip.locked{background:#f4ecdf;color:#8a5c12}.chip.live{background:#fde7e1;color:var(--danger)}.chip.done{background:#e7eef6;color:var(--info)}[data-theme=dark] .chip.locked{background:#352c18;color:var(--gold)}[data-theme=dark] .chip.done{background:#1c2c3a;color:var(--info)}[data-theme=dark] .chip.live{background:#3a201b;color:var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:10px;background:var(--accent);color:#fff;font-weight:800}.btn:hover{filter:brightness(1.05)}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--text)}.btn.gold{background:var(--gold);color:#3a2a05}.btn.sm{min-height:34px;padding:0 12px;font-size:13px}.w100{width:100%}.segmented{display:inline-flex;gap:4px;padding:4px;border-radius:11px;background:var(--surface-soft);border:1px solid var(--line)}.segmented.full{display:flex;width:100%;margin-bottom:16px}.segmented.wrap{flex-wrap:wrap}.segmented button{height:34px;padding:0 14px;border-radius:8px;background:transparent;color:var(--muted);font-size:14px}.segmented button.on{background:var(--accent);color:#fff}.field{margin-bottom:12px}.field label,.field-label{display:block;font-size:13px;font-weight:800;margin-bottom:6px;color:var(--muted)}.field input,.field select,textarea{width:100%;height:44px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text)}.password-field{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;background:var(--surface);overflow:hidden}.password-field input{border:0;border-radius:0;min-width:0}.password-field button{width:46px;height:44px;background:transparent;border-left:1px solid var(--line);font-size:17px}textarea{min-height:74px;padding:10px 12px;resize:vertical}.note,.help{color:var(--muted);font-size:13px;margin-top:10px}.note.error{color:var(--danger);font-weight:800}.center{text-align:center}.grow{flex:1;min-width:0}.note.strong-note,.strong-note{font-weight:900;color:var(--text)}.note.no-top{margin-top:0}.progressbar{height:9px;border-radius:999px;background:var(--surface-strong);overflow:hidden;margin-top:12px;box-shadow:inset 0 0 0 1px var(--line)}.progressbar span{display:block;height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--gold))}.context-panel{display:grid;gap:12px}.alert{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:11px;border:1px solid var(--line);background:var(--surface);font-weight:700;font-size:14px}.alert .ai{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:17px;flex:0 0 auto;background:var(--surface-strong)}.alert.warn{border-color:#e7c98b;background:#fbf3e2}.alert.warn .ai{background:#f2dcae}[data-theme=dark] .alert.warn{background:#332a16;border-color:#5c4a1f}[data-theme=dark] .alert.warn .ai{background:#4a3c1a}.match{display:grid;grid-template-columns:58px minmax(140px,1fr) minmax(140px,176px) minmax(140px,1fr) minmax(118px,152px);gap:14px;align-items:center;width:100%;max-width:100%;overflow:hidden;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);margin-bottom:10px}.match.compact{grid-template-columns:58px minmax(120px,1fr) minmax(112px,140px) minmax(120px,1fr) minmax(92px,110px)}.match .when{text-align:center;color:var(--muted);font-weight:800;font-size:13px}.team{display:flex;align-items:center;gap:10px;min-width:0;font-weight:800}.team.away{flex-direction:row-reverse;text-align:right}.fl{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--surface-soft);background-size:cover;background-position:center;box-shadow:0 0 0 1px var(--line);flex:0 0 auto;font-size:17px;line-height:1}.fl.tbd{background:repeating-linear-gradient(45deg,var(--line) 0 5px,var(--surface-soft) 5px 10px)}.fl.img{object-fit:contain;padding:2px}.team .fl{width:26px;height:26px;font-size:18px}.team .nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}.score .sep,.fxrow .sep{color:var(--muted);font-weight:900}.stepper{display:grid;grid-template-rows:26px 40px 26px;justify-items:center;align-items:center;width:52px}.stepper button{width:42px;height:24px;border-radius:7px;background:var(--surface-strong);color:var(--accent-strong);font-size:14px;line-height:1}.stepper .val{font-family:Archivo Narrow;font-weight:800;font-size:30px;line-height:1}.final{display:grid;place-items:center;min-width:46px;height:46px;border-radius:10px;background:var(--accent-strong);color:#fff;font-size:22px;font-weight:900}.scorewrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.scorelbl{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.scorelbl.exact{color:var(--exact)}.scorelbl.partial{color:var(--partial)}.scorelbl.miss{color:var(--miss)}.match .act{display:grid;justify-items:end;gap:8px}.pts{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:900}.pts.exact{background:color-mix(in srgb,var(--exact) 18%,transparent);color:var(--exact)}.pts.partial{background:color-mix(in srgb,var(--partial) 22%,transparent);color:var(--partial)}.pts.miss{background:color-mix(in srgb,var(--miss) 18%,transparent);color:var(--miss)}.groups-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.gcard{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.gcard h4{font-family:Archivo Narrow;font-weight:800;font-size:18px;letter-spacing:.04em;display:flex;align-items:center;gap:8px;margin-bottom:10px}.gcard h4 .badge{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--accent);color:#fff;font-size:14px}.gteam{display:grid;grid-template-columns:18px 22px 1fr auto;gap:8px;align-items:center;padding:6px 0;font-size:14px;font-weight:700;border-top:1px solid var(--line)}.gteam:first-of-type{border-top:0}.gteam .pos{color:var(--muted);font-weight:900;text-align:center}.gteam .fl{width:20px;height:20px;font-size:14px}.gteam.q{background:color-mix(in srgb,var(--accent) 8%,transparent);margin:0 -8px;padding:6px 8px;border-radius:8px;border-top:0}.bracket-wrap{overflow-x:auto;padding-bottom:10px}.bracket{display:flex;gap:18px;min-width:max-content}.round{display:flex;flex-direction:column;gap:12px;min-width:188px}.round h5{font-family:Archivo Narrow;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:12px;margin-bottom:2px}.tie{border:1px solid var(--line);border-radius:10px;background:var(--surface);overflow:hidden}.tie .slot{display:grid;grid-template-columns:24px 1fr 28px;gap:8px;align-items:center;padding:8px 10px;font-size:13px;font-weight:700}.tie .slot+.slot{border-top:1px solid var(--line)}.tie .slot .fl{width:18px;height:18px;font-size:13px}.knockout-panel{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}.tie.pending{background:var(--surface);box-shadow:none}.tie-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line);font-size:11px;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.tie-head b{color:var(--partial);font-size:10px}.tie .slot em{font-style:normal;color:var(--muted);font-weight:900}.rrow{display:grid;grid-template-columns:30px 28px 1fr auto;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--line);font-weight:700}.rrow:first-of-type{border-top:0}.rrow .rk{font-family:Archivo Narrow;font-weight:800;color:var(--muted);text-align:center}.rrow .p{text-align:right;font-weight:900;font-family:Archivo Narrow}.rrow.me{background:var(--surface-strong);margin:0 -10px;padding:9px 10px;border-radius:10px;border-top:0}.delta{font-size:11px;font-weight:900;margin-left:6px}.delta.up{color:var(--accent)}.delta.down{color:var(--danger)}.fxrow{display:grid;grid-template-columns:88px minmax(120px,1fr) 78px minmax(120px,1fr) minmax(120px,156px);gap:12px;align-items:center;width:100%;max-width:100%;overflow:hidden;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:var(--surface);margin-bottom:8px}.fxrow .meta{font-size:11px;color:var(--muted);font-weight:800}.fxrow .sc{display:flex;gap:6px;align-items:center;justify-content:center;font-family:Archivo Narrow;font-weight:800;font-size:20px;color:var(--text);min-width:0}.fxrow .sc.pend{font-size:13px;color:var(--muted);font-family:Archivo}.fxrow .right{display:grid;justify-items:end;gap:6px;min-width:0}.tournament-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:24px}.fixture-sections{display:grid;gap:18px;margin-top:16px}.fixture-day{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}.fixture-day-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.fixture-day-head h3{text-transform:capitalize}.fixture-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fixture-card{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0}.fixture-card-meta,.fixture-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px;font-weight:800}.fixture-card-meta span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.fixture-card-teams{display:grid;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);gap:10px;align-items:center}.fixture-card-score{display:flex;align-items:center;justify-content:center;gap:4px;height:42px;border-radius:10px;background:var(--surface-strong);font-family:Archivo Narrow;font-size:20px;font-weight:800;color:var(--text)}.fixture-card-score.pend{font-family:Archivo;font-size:13px;color:var(--muted)}.dropzone{display:block;border:2px dashed var(--line);border-radius:14px;background:var(--surface-soft);padding:26px;text-align:center;cursor:pointer;transition:.15s}.dropzone:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface-soft))}.dropzone.disabled{cursor:not-allowed;opacity:.65}.dropzone input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.dropzone .ic{font-size:30px}.dropzone h4{font-size:17px;font-weight:900;margin:8px 0 2px}.dropzone p{color:var(--muted);font-size:13px;margin:0}.steps{display:flex;gap:14px;margin-bottom:16px;flex-wrap:wrap}.step{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--muted)}.step .n{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--surface-strong);font-size:12px}.step.on{color:var(--text)}.step.on .n,.step.done .n{background:var(--accent);color:#fff}.rtable{width:100%;border-collapse:collapse}.rtable th,.rtable td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--line);font-size:14px}.rtable th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:800;background:var(--surface-soft)}.rtable td.num{text-align:center;font-family:Archivo Narrow;font-weight:800}.rtable tr.me{background:var(--surface-strong)}.rtable .rkbig{font-family:Archivo Narrow;font-weight:800;font-size:18px}.table-card{overflow:auto}.vbadge{font-size:11px;font-weight:900;padding:3px 9px;border-radius:999px}.vbadge.ok{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.lrow{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line)}.lrow:first-of-type{border-top:0}.lrow .gr{flex:1;min-width:0}.lrow .gr b{font-weight:800}.lrow .gr p{margin:0;font-size:12px;color:var(--muted)}.avatar-lg{width:84px;height:84px;border-radius:22px;display:grid;place-items:center;font-size:42px;color:#fff;background:var(--accent);flex:0 0 auto}.avatar-sm{width:44px;height:44px;border-radius:14px;background:var(--surface-strong);display:grid;place-items:center;margin-bottom:14px}.opt-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.opt,.swatch{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:22px;background:var(--surface-soft);border:1px solid var(--line);cursor:pointer}.opt.sel,.swatch.sel{outline:2px solid var(--accent);outline-offset:1px}.swatch{font-size:0}.check-row{display:flex;align-items:center;gap:10px;margin:10px 0;color:var(--text);font-size:14px;font-weight:700}.check-row input{width:18px;height:18px}.import-preview{border-top:1px solid var(--line);padding-top:14px}.import-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.import-actions .field{margin-bottom:0}.twofa-grid{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;align-items:start}.qr-card{display:grid;place-items:center;min-height:180px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px}.qr-card img{width:156px;height:156px;display:block}.secret-key{display:block;padding:12px;border-radius:10px;border:1px solid var(--line);background:var(--surface-soft);color:var(--text);font-weight:900;overflow-wrap:anywhere}.recovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.recovery-grid code{padding:10px;border-radius:9px;background:var(--surface-soft);border:1px solid var(--line);font-weight:900;text-align:center}@media(max-width:680px){.import-actions,.twofa-grid,.recovery-grid{grid-template-columns:1fr}.import-actions .btn{width:100%}.qr-card{min-height:150px}.qr-card img{width:132px;height:132px}}.match-list{display:grid;gap:10px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-weight:700;font-size:14px}.toggle-row:first-of-type{border-top:0}.state-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}.state-card .lbl{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:8px 12px;border-bottom:1px solid var(--line);background:var(--surface-soft)}.state-card .body{padding:14px;min-height:90px;display:flex;flex-direction:column;justify-content:center}.skel{height:12px;border-radius:999px;background:linear-gradient(90deg,var(--surface-strong),var(--line),var(--surface-strong));margin-top:8px}.w70{width:70%}.w90{width:90%}.w50{width:50%}.denied{display:grid;place-items:center;gap:6px;text-align:center;color:var(--muted)}.login-bg{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px;overflow:auto;background:radial-gradient(120% 90% at 50% -10%,rgba(255,255,255,.14),transparent 60%),repeating-linear-gradient(90deg,var(--pitch-a) 0 70px,var(--pitch-b) 70px 140px)}.auth-panel{position:relative;display:grid;place-items:center;min-height:calc(100vh - 128px);padding:clamp(22px,5vw,54px);overflow:hidden;border-radius:16px;background:radial-gradient(120% 90% at 50% -10%,rgba(255,255,255,.14),transparent 60%),repeating-linear-gradient(90deg,var(--pitch-a) 0 70px,var(--pitch-b) 70px 140px)}.auth-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.08) 0 2px,transparent 2px 50%,rgba(255,255,255,.08) 50% calc(50% + 2px),transparent calc(50% + 2px));pointer-events:none}.login-card{width:min(420px,100%);padding:30px;background:var(--surface);box-shadow:0 30px 70px #00000057}.auth-panel .login-card{position:relative;z-index:1;width:min(480px,100%)}.login-brand{justify-content:center;color:var(--text);font-size:22px;margin-bottom:18px}.auth-panel .login-brand{justify-content:flex-start}.login-brand .ball{background:var(--accent);color:#fff}.login-row{display:flex;justify-content:space-between;align-items:center;margin:6px 0 16px;font-size:13px;color:var(--muted);font-weight:700}.link{background:transparent;color:var(--accent);padding:0}.code-input{letter-spacing:.4em;text-align:center;font-size:18px}.bigstate{text-align:center;padding:30px 16px}.bigstate .ic{font-size:40px}.bigstate h3{font-size:20px;font-weight:900;margin:8px 0 2px}.bigstate p{color:var(--muted);font-size:14px;margin:0}.page-head,.head-row,.group-head,.profile-head,.tournament-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-button{cursor:pointer}.card-button.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 24%,transparent),var(--shadow)}.dashed{border-style:dashed}.big-plus{font-size:28px}.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:14px 0}.fchip{height:32px;padding:0 13px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-weight:800;font-size:13px;cursor:pointer}.fchip.on{background:var(--accent);color:#fff;border-color:var(--accent)}.savechip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:var(--accent);margin-left:auto}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt18{margin-top:18px}.mt20{margin-top:20px}.mt24{margin-top:24px}.mb14{margin-bottom:14px}.alert-stack{gap:10px;margin-top:18px}.metric-row{margin-top:18px}.mini-list{display:grid;gap:10px;margin-top:10px}.scrim{position:fixed;inset:0;background:#00000073;z-index:70;display:none}.scrim.show{display:block}.floating-menu{display:none}.help-trigger{width:40px;justify-content:center;padding:0;font-family:Archivo Narrow;font-size:20px}.help-drawer{position:fixed;right:0;top:0;bottom:0;z-index:90;width:min(430px,100vw);height:100dvh;display:flex;flex-direction:column;gap:18px;padding:22px;background:var(--surface);color:var(--text);border-left:1px solid var(--line);box-shadow:-24px 0 60px #00000040;overflow:auto;transform:translate(105%);transition:transform .25s ease}.help-drawer.open{transform:translate(0)}.help-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}.help-head h2{font-size:25px;line-height:1.05}.icon-btn{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--surface-strong);color:var(--text);font-size:22px;line-height:1;flex:0 0 auto}.icon-btn:hover{filter:brightness(1.04)}.help-lead{font-size:14px;max-width:none}.help-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:4px;margin-inline:-2px}.help-tab{display:inline-flex;align-items:center;gap:7px;min-height:34px;white-space:nowrap;padding:0 11px;border-radius:999px;background:var(--surface-soft);border:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:900}.help-tab.on{background:var(--accent);border-color:var(--accent);color:#fff}.help-section{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.help-section h3{font-size:15px}.help-list{display:grid;gap:8px;margin:0;padding-left:18px;color:var(--muted);font-size:13px;line-height:1.35}.help-list li::marker{color:var(--accent);font-weight:900}.help-steps{display:grid;gap:8px}.help-step{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;width:100%;padding:10px;border-radius:11px;background:var(--surface);border:1px solid var(--line);text-align:left;color:var(--text)}.help-step:hover{border-color:var(--accent)}.help-step b{display:block;font-size:13px}.help-step small{display:block;margin-top:2px;color:var(--muted);font-size:12px;line-height:1.3}.help-check{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:var(--surface-strong);color:var(--accent-strong);font-weight:900}.help-step.done .help-check{background:var(--accent);color:#fff}@media(max-width:980px){.app{padding-left:0}.sidebar{left:0;top:0;bottom:0;z-index:80;width:min(300px,82vw);transform:translate(-105%);transition:.25s;box-shadow:0 0 40px #0006}.sidebar.open{transform:translate(0)}.floating-menu{position:fixed;left:14px;bottom:14px;z-index:60;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 14px;border-radius:999px;background:var(--accent);color:#fff;box-shadow:0 14px 30px #00000047;font-weight:900}.topbar .hb{display:grid;place-items:center}.split,.cols-2,.cols-3,.cols-4,.form-row{grid-template-columns:1fr}.groups-grid{grid-template-columns:repeat(2,1fr)}.match,.match.compact{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"when when" "home away" "score score" "act act";row-gap:12px}.match .when{grid-area:when;text-align:left}.match .h{grid-area:home;min-width:0}.match .a{grid-area:away;min-width:0}.match .scorewrap{grid-area:score;min-width:0}.match .act{grid-area:act;justify-items:stretch;min-width:0}.page{padding:20px 16px 78px}.fxrow{grid-template-columns:minmax(0,1fr);text-align:left}.fxrow .right{justify-items:start}.fixture-card-grid{grid-template-columns:1fr}.fixture-card-teams{grid-template-columns:minmax(0,1fr);gap:8px}.fixture-card-teams .team.away{flex-direction:row;text-align:left}.fixture-card-score{width:100%}.bracket-wrap{margin-inline:-16px;padding-inline:16px}.team.away{justify-content:flex-start}}@media(max-width:520px){.app,.main,.topbar,.page{width:100vw;max-width:100vw}.page{padding:20px 16px 78px}.groups-grid{grid-template-columns:1fr}.topbar{padding:10px 12px;gap:10px;overflow:hidden}.topbar h2{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .right{gap:6px;flex:0 0 auto}.topbar .right .pill:last-child{display:none}.pill{height:40px;padding:0 10px;font-size:13px}.hero{padding:20px;border-radius:14px}.hero h1{font-size:25px;line-height:1.07;max-width:100%;overflow-wrap:break-word}.hero .lead{font-size:14px}.actions{flex-direction:column}.actions .btn{width:100%;min-width:0;flex:auto}.alert{align-items:flex-start;flex-wrap:wrap}.alert .grow{flex:1 0 calc(100% - 46px)}.alert .btn{width:100%;margin-left:0}.savechip{margin-left:0}.fixture-day{padding:12px}.fixture-day-head,.fixture-card-foot{align-items:flex-start;flex-direction:column}.round{min-width:210px}}