:root{--color-bg:#100030;--color-bg-raised:#1c0e44;--color-bg-input:#251456;--color-accent:#f050f8;--color-accent-strong:#c732ce;--color-text:#f4f1fa;--color-text-muted:#b8aed6;--color-success:#18f0b8;--color-warning:#ffaa3c;--color-position-1:#18f0b8;--color-position-2:#18f0b8;--color-position-3:#ffaa3c;--color-position-4:#ff5a64;--color-border:#3a2a6e;--color-error:#ff5a64;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}
*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);min-height:100dvh}a{color:var(--color-accent)}button{font-family:inherit}.page{max-width:720px;padding:var(--space-4) var(--space-4) var(--space-6);margin:0 auto}.brand-header{max-width:720px;padding:var(--space-3) var(--space-4) 0;align-items:center;gap:var(--space-2);margin:0 auto;display:flex}.brand-header .brand-mark{font-size:1.3rem}.brand-header .brand-wordmark{color:var(--color-accent);letter-spacing:.01em;font-weight:700}.page-title{margin-bottom:var(--space-2);font-size:1.5rem}.page-help{color:var(--color-text-muted);margin-bottom:var(--space-4);font-size:.95rem}.muted{color:var(--color-text-muted)}.page>p{margin-bottom:var(--space-3)}.footer-links{margin-top:var(--space-5)}.error-text{color:var(--color-error);margin:var(--space-3) 0}.btn{border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);cursor:pointer;background:var(--color-accent);color:var(--color-bg);text-align:center;border:none;font-size:1rem;font-weight:600;text-decoration:none;display:inline-block}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:focus-visible,.team-btn:focus-visible,input:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.btn-secondary{background:var(--color-bg-input);color:var(--color-text)}.btn-block{width:100%;display:block}.field{margin-bottom:var(--space-4)}.field label{margin-bottom:var(--space-1);font-weight:600;display:block}.field .help{color:var(--color-text-muted);margin-top:var(--space-1);font-size:.85rem;display:block}.field input{width:100%;padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-input);color:var(--color-text);font-size:1rem}.steps{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;padding:0;font-size:.85rem;list-style:none;display:flex}.steps li{padding:var(--space-1) var(--space-3);background:var(--color-bg-raised);color:var(--color-text-muted);border-radius:999px}.steps li[aria-current=step]{background:var(--color-accent);color:var(--color-bg);font-weight:700}.steps li.done{color:var(--color-success)}.group-grid{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:1fr;display:grid}@media (min-width:640px){.group-grid{grid-template-columns:1fr 1fr}}.group-card{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.group-card header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.group-card h3{font-size:1rem}.group-card .reset{color:var(--color-accent);cursor:pointer;padding:var(--space-1) var(--space-2);background:0 0;border:none;font-size:.85rem}.team-btn{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-input);color:var(--color-text);cursor:pointer;min-height:44px;font-size:.95rem;display:flex}.team-btn .flag{font-size:1.2rem}.team-btn .pos{text-align:center;min-width:2rem;color:var(--color-bg);border-radius:999px;margin-left:auto;padding:2px 6px;font-weight:700}.pos-1,.pos-2{background:var(--color-success)}.pos-3{background:var(--color-warning)}.pos-4{background:var(--color-position-4)}.team-btn.picked{border-color:var(--color-accent)}.thirds-list{gap:var(--space-2);margin-bottom:var(--space-5);grid-template-columns:1fr;display:grid}@media (min-width:640px){.thirds-list{grid-template-columns:1fr 1fr}}.third-btn{align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-input);color:var(--color-text);cursor:pointer;min-height:48px;font-size:.95rem;display:flex}.third-btn[aria-pressed=true]{border-color:var(--color-success);background:var(--color-bg-raised);box-shadow:inset 0 0 0 1px var(--color-success)}.third-btn .group-tag{color:var(--color-text-muted);margin-left:auto;font-size:.8rem}.round-tabs{gap:var(--space-2);padding-bottom:var(--space-2);margin-bottom:var(--space-4);background:var(--color-bg);z-index:1;display:flex;position:sticky;top:0;overflow-x:auto}.round-tabs button{border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);background:var(--color-bg-raised);color:var(--color-text-muted);cursor:pointer;border-radius:999px;flex-shrink:0;font-size:.85rem}.round-tabs button[aria-selected=true]{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent);font-weight:700}.round-tabs button.done:not([aria-selected=true]){color:var(--color-success);border-color:var(--color-success)}.round-tabs .tab-progress{opacity:.85;font-weight:400}.round-panel{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (min-width:640px){.round-panel{grid-template-columns:1fr 1fr}}.next-pending{bottom:var(--space-4);margin:var(--space-4) 0 0 auto;display:block;position:sticky;box-shadow:0 2px 12px #0006}.match{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2)}.match .match-no{color:var(--color-text-muted);margin-bottom:var(--space-1);font-size:.7rem}.match .team-btn{margin-bottom:var(--space-1)}.match .team-btn:last-child{margin-bottom:0}.match .team-btn.winner{border-color:var(--color-success);box-shadow:inset 0 0 0 1px var(--color-success)}.match .team-btn:disabled{opacity:.45;cursor:not-allowed}.champion-banner{margin:var(--space-4) 0;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-bg-raised);border:1px solid var(--color-accent);text-align:center;font-size:1.1rem}.summary-section{margin-bottom:var(--space-5)}.summary-section h2{margin-bottom:var(--space-2);font-size:1.05rem}.summary-groups{gap:var(--space-2);grid-template-columns:1fr 1fr;font-size:.85rem;display:grid}@media (min-width:640px){.summary-groups{grid-template-columns:1fr 1fr 1fr}}.summary-group{background:var(--color-bg-raised);border-radius:var(--radius-sm);padding:var(--space-2)}.summary-group strong{margin-bottom:var(--space-1);display:block}.summary-group ol{padding-left:1.2rem}.chip-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{background:var(--color-bg-raised);border:1px solid var(--color-border);padding:var(--space-1) var(--space-3);border-radius:999px;font-size:.9rem}.actions{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.actions-top{margin-top:var(--space-3);margin-bottom:var(--space-2)}.ranking-table{border-collapse:collapse;width:100%}.ranking-table th,.ranking-table td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--color-border)}.ranking-table.podium tr:first-child td{font-weight:700}