:root{--bg:#0b1020;--fg:#e8ecf4;--accent:#36d399;--muted:#93a0bd}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.wrap{max-width:640px;margin:0 auto;padding:48px 24px}.wrap.has-nav{padding-bottom:92px}.lang-switch{position:fixed;top:10px;right:12px;z-index:60;display:flex;gap:2px;background:#0c1426;border:1px solid #2a3556;border-radius:999px;padding:2px}.lang-btn{border:0;background:transparent;color:var(--muted);font-size:.7rem;font-weight:700;padding:4px 9px;border-radius:999px;cursor:pointer;-webkit-tap-highlight-color:transparent}.lang-btn.active{background:var(--accent);color:#04210f}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;background:#0c1426;border-top:1px solid #1d2740;padding-bottom:env(safe-area-inset-bottom)}.nav-tab{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 4px 8px;text-decoration:none;color:var(--muted);font-size:.72rem;-webkit-tap-highlight-color:transparent;min-height:52px;justify-content:center}.nav-tab .nav-icon{font-size:1.35rem;line-height:1;opacity:.85}.nav-tab.active{color:var(--accent)}.nav-tab.active .nav-icon{opacity:1}.nav-tab:active{background:#131d36}.you-row td{background:#15233f}.you-tag{margin-left:.5em;font-size:.68rem;color:var(--accent);border:1px solid #2a4a3a;border-radius:6px;padding:.05em .45em;vertical-align:middle}h1{font-size:2rem;margin-bottom:.25em}.lead{color:var(--fg);font-size:1.1rem}.steps{color:var(--muted);padding-left:1.2em}.steps strong{color:var(--accent)}.note{margin-top:2em;color:var(--muted);font-size:.9rem;border-top:1px solid #1d2740;padding-top:1em}.note.demo{border:1px solid #2a3556;border-radius:8px;padding:.75em 1em;background:#121a30}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:1.5em}a.cta{display:inline-block;padding:.7em 1.2em;border-radius:10px;background:var(--accent);color:#04210f;font-weight:700;text-decoration:none}a.cta.ghost-cta{background:transparent;color:var(--fg);border:1px solid #2a3556}.form{gap:1em;max-width:380px;margin-top:1.5em}.form,.form label{display:flex;flex-direction:column}.form label{gap:.4em;font-size:.95rem;color:var(--muted)}.form input{padding:.6em .75em;border-radius:8px;border:1px solid #2a3556;background:#0e1530;color:var(--fg);font-size:1rem}.form input:disabled{opacity:.6}.form .btn{align-self:flex-start}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:1.5em 0}.tab{padding:.5em 1em;border-radius:999px;border:1px solid #2a3556;background:#121a30;color:var(--muted);cursor:pointer;font-size:.9rem}.tab.active{background:var(--accent);color:#04210f;border-color:var(--accent);font-weight:700}.tab.pill{display:inline-flex;align-items:center;gap:.4em}.pill-flag{height:.95em;width:1.35em;object-fit:contain;border-radius:2px}.pill-dot.done{color:var(--accent);font-weight:700;font-size:.85em}.tab.active .pill-dot.done{color:#04210f}.pill-dot.wip{width:.5em;height:.5em;border-radius:50%;background:#e0a106;display:inline-block}.predictor{display:flex;flex-direction:column;gap:1.5em}.match-card,.matches>*,.predictor,.predictor>*,.team-row{min-width:0}.hint{color:var(--muted);font-size:.9rem;margin:0 0 .5em}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{position:relative;padding:.5em .9em;border-radius:10px;border:1px solid #2a3556;background:#121a30;color:var(--fg);cursor:pointer;font-size:.95rem}.chip.chosen{border-color:var(--accent)}.chip .badge{display:inline-grid;place-items:center;width:1.4em;height:1.4em;margin-right:.5em;border-radius:50%;background:var(--accent);color:#04210f;font-weight:700;font-size:.8em}.actions{display:flex;align-items:center;gap:12px;margin-top:1em;flex-wrap:wrap}.btn{padding:.6em 1.1em;border-radius:10px;border:0;cursor:pointer;font-weight:600}.btn.primary{background:var(--accent);color:#04210f}.btn.primary:disabled{opacity:.6;cursor:default}.btn.ghost{background:transparent;color:var(--muted);border:1px solid #2a3556}.btn.save-dirty{animation:save-pulse 1.7s ease-in-out infinite}@keyframes save-pulse{0%,to{box-shadow:0 0 0 0 rgba(54,211,153,0)}50%{box-shadow:0 0 0 4px rgba(54,211,153,.22)}}@media (prefers-reduced-motion:reduce){.btn.save-dirty{animation:none}}.source{color:var(--accent)}.err,.source{font-size:.9rem}.err{color:#f87272}.matches{display:flex;flex-direction:column;gap:12px}.match-card{background:#0e1530;border:1px solid #1d2740;border-radius:12px;padding:4px 14px}.match-meta{font-size:.72rem;color:var(--muted);padding:7px 0 1px;letter-spacing:.02em}.match-card .match-meta+.team-row{border-top:1px solid #1a2236}.team-row{display:flex;align-items:center;gap:12px;padding:8px 0}.team-row+.team-row{border-top:1px solid #1a2236}.team-name{display:inline-flex;align-items:center;gap:.55em;font-size:1rem;flex:1 1 auto;min-width:0}.team-name .flag{height:1.1em;width:1.6em}.team-name .tn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-row .stepper{flex:0 0 auto}.flag{height:1.05em;width:1.5em;object-fit:contain;border-radius:2px;flex:none}.team-cell{display:inline-flex;align-items:center;gap:.45em}.table-wrap{overflow-x:auto}.champion-banner{display:flex;align-items:center;gap:.5em;padding:.7em 1em;border-radius:12px;background:#102a1f;border:1px solid #1e4a36;margin-bottom:1em;font-size:1.05rem}.champion-banner .muted{color:var(--muted);font-weight:400;font-size:.95rem}.team-row.ko{gap:8px}.team-row .advance{display:inline-flex;align-items:center;gap:.55em;flex:1 1 auto;min-width:0;background:transparent;border:0;color:var(--fg);font-size:1rem;cursor:pointer;padding:4px 6px;border-radius:8px;text-align:left}.team-row .advance:disabled{cursor:default;color:var(--muted)}.team-row .advance:not(:disabled):hover{background:#141d38}.team-row.winner .advance{background:#102a1f}.team-row.winner .tn{color:var(--accent);font-weight:700}.advance .tn.tbd{color:var(--muted);font-style:italic}.adv-check{color:var(--accent);font-weight:700;margin-left:auto}.sec{font-size:1.1rem;margin:1.6em 0 .6em;color:var(--fg)}.thirds{display:flex;flex-direction:column;gap:5px}.third-row{display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;grid-gap:10px;gap:10px;padding:8px 12px;border-radius:10px;border:1px solid #1d2740;background:#0e1530;font-size:.92rem}.third-row.out{opacity:.45}.third-row .rank{color:var(--muted);min-width:1.4em;text-align:right}.third-row .badge-g{background:#1b2542;border-radius:6px;padding:.1em .5em;font-size:.78rem;color:var(--muted)}.third-row .stat{color:var(--muted);font-size:.82rem;white-space:nowrap}.third-row .verdict{font-weight:700;font-size:.82rem;white-space:nowrap}.third-row.in .verdict{color:var(--accent)}.third-row.out .verdict{color:var(--muted)}.stepper{display:inline-flex;align-items:center;gap:2px;background:#0e1530;border:1px solid #2a3556;border-radius:12px;padding:3px}.step{width:2.4em;height:2.4em;border:0;border-radius:9px;background:#1b2542;color:var(--fg);font-size:1.15rem;line-height:1;cursor:pointer;display:grid;place-items:center;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .1s}.step:hover:not(:disabled){background:#243154}.step:active:not(:disabled){background:var(--accent);color:#04210f}.step:disabled{opacity:.3;cursor:default}.num{min-width:1.6em;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;font-size:1.05rem}.standings{width:100%;border-collapse:collapse;font-size:.95rem}.standings td,.standings th{padding:.5em .6em;text-align:center;border-bottom:1px solid #1d2740}.standings td:nth-child(2),.standings th:nth-child(2){text-align:left}.standings th{color:var(--muted);font-weight:600}.standings tr.qualifies td{background:#102a1f}