:root{--ink:#0a0e1a;--ink2:#0f1525;--surface:#141b2e;--surface2:#1a2236;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.14);--txt:#eef1f8;--muted:#8a94ab;--faint:#5c647a;--green:#1fd17a;--greenglow:rgba(31,209,122,.18);--amber:#ffb02e;--amberglow:rgba(255,176,46,.16);--out:#3a4258;--m1:#ff2d8e;--m2:#7b5cff;--m3:#18d6c9}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(1200px 600px at 15% -10%,rgba(123,92,255,.16),transparent 55%),radial-gradient(1000px 600px at 95% 0%,rgba(24,214,201,.12),transparent 50%),var(--ink);color:var(--txt);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.45;padding-bottom:60px}.wrap{max-width:1240px;margin:0 auto;padding:0 18px}header{padding:42px 0 26px;position:relative}.brand{display:flex;align-items:center;gap:18px}.logo{width:74px;height:74px;border-radius:18px;flex:none;object-fit:cover;box-shadow:0 0 0 2px #ffffff1a,0 10px 30px #7b5cff59;image-rendering:auto}@media (max-width:560px){.logo{width:58px;height:58px;border-radius:14px}}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--m1),var(--m3));box-shadow:0 0 12px var(--m1)}h1{font-family:Anton,sans-serif;font-weight:400;line-height:.92;font-size:clamp(32px,6.4vw,68px);letter-spacing:.5px;text-transform:uppercase;margin-top:10px}h1 .grad{background:linear-gradient(100deg,var(--m1) 5%,var(--m2) 48%,var(--m3) 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.sub{color:var(--muted);max-width:620px;margin-top:14px;font-size:15px}.controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}button.ctl{font-family:Inter;font-weight:700;font-size:13.5px;cursor:pointer;border:1px solid var(--line2);background:var(--surface2);color:var(--txt);padding:11px 16px;border-radius:11px;transition:.16s;display:inline-flex;align-items:center;gap:8px}button.ctl:hover{border-color:var(--m2);transform:translateY(-1px)}button.ctl.primary{background:linear-gradient(100deg,var(--m1),var(--m2));border-color:transparent}button.ctl.primary:hover{filter:brightness(1.08)}.sec-head{display:flex;align-items:baseline;gap:14px;margin:46px 0 18px;flex-wrap:wrap}.sec-head h2{font-family:Anton;font-weight:400;font-size:26px;text-transform:uppercase;letter-spacing:.5px}.sec-head .hint{color:var(--faint);font-size:13px}.groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.group{background:linear-gradient(180deg,var(--surface),var(--ink2));border:1px solid var(--line);border-radius:16px;padding:13px 13px 9px;overflow:hidden}.group-top{display:flex;align-items:center;gap:9px;margin-bottom:10px;padding:0 3px}.gletter{font-family:Anton;font-size:18px;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#ffffff0d;border:1px solid var(--line)}.gtitle{font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.lineup{list-style:none;display:flex;flex-direction:column;gap:6px}.team{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:11px;background:var(--surface2);border:1px solid var(--line);cursor:grab;transition:background .15s,border-color .15s,transform .05s;position:relative;user-select:none}.team:active{cursor:grabbing}.team .pos{font-family:Anton;font-size:13px;width:18px;text-align:center;color:var(--faint);flex:none}.team .flag{width:30px;height:21px;border-radius:4px;object-fit:cover;flex:none;box-shadow:0 0 0 1px #00000059 inset;background:#222}.team .flag-fb{width:30px;height:21px;border-radius:4px;flex:none;display:none;align-items:center;justify-content:center;font-size:8px;font-weight:800;color:#cfd6e6;background:#2a3147;letter-spacing:.04em}.team .name{font-size:14px;font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team .tag{font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:3px 7px;border-radius:20px;flex:none;opacity:0}.team[data-st=q]{border-color:#1fd17a66;background:linear-gradient(90deg,var(--greenglow),var(--surface2))}.team[data-st=q] .pos{color:var(--green)}.team[data-st=q] .tag{opacity:1;color:var(--green);background:#1fd17a1f}.team[data-st=t]{border-color:#ffb02e66;background:linear-gradient(90deg,var(--amberglow),var(--surface2))}.team[data-st=t] .pos{color:var(--amber)}.team[data-st=t] .tag{opacity:1;color:var(--amber);background:#ffb02e1f}.team[data-st=o]{opacity:.5}.team[data-st=o] .pos{color:var(--out)}.team[data-st=u]{border-style:dashed;border-color:var(--line2);background:var(--surface2)}.team[data-st=u] .pos{color:var(--faint)}.team[data-st=u] .tag{opacity:0}.group.undecided .gletter{color:var(--faint)}.group.undecided .gtitle:after{content:" · a definir";color:var(--faint);font-weight:600}.thirds-empty{grid-column:1/-1;color:var(--faint);font-size:13px;padding:6px 2px}.sortable-ghost{opacity:.35}.sortable-chosen{transform:scale(1.015)}.sortable-drag{box-shadow:0 14px 34px #00000080}.thirds-card{background:linear-gradient(180deg,var(--surface),var(--ink2));border:1px solid var(--line);border-radius:16px;padding:16px}.thirds-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.third{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:11px;background:var(--surface2);border:1px solid var(--line);cursor:grab;user-select:none;transition:.15s}.third .rk{font-family:Anton;font-size:13px;width:20px;text-align:center;color:var(--faint)}.third .flag{width:28px;height:20px;border-radius:4px;object-fit:cover;flex:none;background:#222}.third .flag-fb{width:28px;height:20px;border-radius:4px;flex:none;display:none;align-items:center;justify-content:center;font-size:8px;font-weight:800;color:#cfd6e6;background:#2a3147}.third .name{font-size:13.5px;font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.third .grp{font-size:10px;font-weight:800;color:var(--faint)}.third.in{border-color:#1fd17a66}.third.in .rk{color:var(--green)}.third.out{opacity:.45}.cutline{grid-column:1/-1;display:flex;align-items:center;gap:12px;margin:6px 0;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.cutline:before,.cutline:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(31,209,122,.5),transparent)}.bracket-scroll{padding-bottom:14px}.bracket{display:flex;flex-direction:column;gap:26px;padding-top:4px}.round{display:block}.ties{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.round>.ties>.tie{flex:1 1 178px;max-width:230px}.round-label{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;text-align:center;display:flex;align-items:center;gap:12px;justify-content:center}.round-label:before,.round-label:after{content:"";height:1px;flex:1;max-width:140px;background:linear-gradient(90deg,transparent,var(--line2),transparent)}.tie{background:var(--surface);border:1px solid var(--line);border-radius:11px;overflow:hidden}.tie-label{display:flex;justify-content:center;gap:6px;white-space:nowrap;font-size:9.5px;font-weight:800;letter-spacing:.04em;color:var(--faint);padding:3px 9px;background:#ffffff08;border-bottom:1px solid var(--line)}.slot.empty .nm{font-weight:700;font-size:11px;color:var(--faint);letter-spacing:.02em}.slot{display:flex;align-items:center;gap:8px;padding:7px 9px;cursor:pointer;transition:.13s;border-left:3px solid transparent}.slot+.slot{border-top:1px solid var(--line)}.slot:hover{background:var(--surface2)}.slot .flag{width:24px;height:17px;border-radius:3px;object-fit:cover;flex:none;background:#222}.slot .flag-fb{width:24px;height:17px;border-radius:3px;flex:none;display:none;align-items:center;justify-content:center;font-size:7px;font-weight:800;color:#cfd6e6;background:#2a3147}.slot .nm{font-size:12.5px;font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot.empty{cursor:default;color:var(--faint)}.slot.empty .nm{font-weight:500}.slot.empty:hover{background:transparent}.slot.win{border-left-color:var(--green);background:linear-gradient(90deg,var(--greenglow),transparent)}.slot.win .nm{color:var(--green)}.slot.lose{opacity:.4}.slot .mlabel{font-size:9px;font-weight:800;color:var(--faint);flex:none}.ph{width:24px;height:17px;border-radius:3px;background:#222a3d;flex:none}.champ{margin-top:18px;border-radius:16px;padding:20px 22px;text-align:center;background:linear-gradient(110deg,#ff2d8e29,#18d6c929);border:1px solid var(--line2);display:none}.champ.show{display:block;animation:pop .4s ease}@keyframes pop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.champ .lbl{font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.champ .who{font-family:Anton;font-size:34px;text-transform:uppercase;margin-top:6px;display:inline-flex;align-items:center;gap:14px}.champ .who img{width:46px;height:32px;border-radius:5px;object-fit:cover}footer{margin-top:40px;color:var(--faint);font-size:12px;text-align:center;line-height:1.6}footer a{color:var(--muted)}@media (max-width:560px){header{padding:30px 0 18px}.controls{gap:8px}button.ctl{flex:1;justify-content:center}}