:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.copa-page{--bg:#0a1330;--card:#14224d;--soft:#1c2f63;--banner:#1f3d85;--line:#2c4480;--accent:#4da3ff;--text:#f2f6ff;--dim:#93a7d9;--green:#1fcc72;--amber:#f2b441;--red:#ff4458;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg);color:var(--text);min-height:100vh;font-family:Open Sans,system-ui,-apple-system,sans-serif}.copa{max-width:760px;margin:0 auto;padding:0 0 5rem}.copa-header{text-align:center;background:linear-gradient(160deg, #122657 0%, var(--bg) 75%);padding:1.5rem 1rem 1rem}.copa-header .back{color:var(--dim);margin-bottom:.4rem;font-size:.8rem;text-decoration:none;display:inline-block}.copa h1,.copa h2{color:var(--text)}.copa-header h1{letter-spacing:-.5px;margin:.2rem 0;font-size:2rem;font-weight:900}.copa-header .rules{color:var(--dim);margin:.3rem 0 0;font-size:.82rem}.tabs{flex-wrap:wrap;justify-content:center;gap:.4rem;padding:.9rem .75rem 0;display:flex}.tabs button{border:1.5px solid var(--line);color:var(--dim);cursor:pointer;background:0 0;border-radius:10px;flex:auto;padding:.5rem .7rem;font-size:.82rem;font-weight:800}.tabs button.on{background:var(--accent);border-color:var(--accent);color:#06122e}.copa>:not(.copa-header):not(.tabs){margin-left:.75rem;margin-right:.75rem}.copa .bracket-wrap{margin-left:0;margin-right:0}.podium{justify-content:center;align-items:flex-end;gap:.5rem;margin:1.5rem 0 .5rem;padding:0 .25rem;display:flex}.pod-spot{flex-direction:column;flex:1 1 0;align-items:center;min-width:0;max-width:130px;display:flex}.pod-av{letter-spacing:.5px;width:56px;height:56px;color:var(--text);background:radial-gradient(circle at 50% 35%, var(--soft), var(--card));border:2px solid var(--line);border-radius:50%;justify-content:center;align-items:center;font-size:1.05rem;font-weight:800;display:flex}.pod-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:.35rem 0 .45rem;font-size:.78rem;font-weight:700;overflow:hidden}.pod-ped{border:1px solid var(--line);background:linear-gradient(180deg, var(--soft) 0%, var(--card) 100%);border-bottom:none;border-radius:10px 10px 0 0;flex-direction:column;justify-content:flex-start;align-items:center;gap:.15rem;width:100%;padding:.55rem 0;display:flex;box-shadow:inset 0 3px #4da3ff99}.pod-rank{color:var(--dim);font-size:1.7rem;font-weight:900;line-height:1}.pod-pts{color:var(--accent);font-size:.82rem;font-weight:800}.pod-1 .pod-av{border-color:var(--accent);width:74px;height:74px;font-size:1.35rem;box-shadow:0 0 18px #4da3ff73}.pod-1 .pod-ped{height:104px;box-shadow:inset 0 4px 0 var(--accent)}.pod-1 .pod-rank{color:var(--accent);font-size:2.1rem}.pod-2 .pod-ped{height:78px}.pod-3 .pod-ped{height:62px}.board{border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:12px;width:100%;margin-top:1rem;overflow:hidden}.board th,.board td{text-align:center;border-bottom:1px solid var(--line);padding:.6rem;font-size:.9rem}.board th{background:var(--banner);color:#fff;text-transform:uppercase;letter-spacing:.5px;font-size:.72rem}.board th:nth-child(2),.board td:nth-child(2){text-align:left}.board .pts{color:var(--accent);font-size:1.05rem;font-weight:800}.lb-name{font-weight:700}.lb-sub{color:var(--dim);margin-top:1px;font-size:.68rem}.board tbody tr:first-child{background:#4da3ff1a}.novato{color:var(--green);vertical-align:middle;background:#1fcc722e;border-radius:999px;margin-left:.4rem;padding:0 .35rem;font-size:.66rem;font-weight:800;display:inline-block}.stages section{margin-bottom:1.5rem}.stages h2{border-bottom:2px solid var(--accent);padding-bottom:.25rem;font-size:1.05rem}.match{border:1px solid var(--line);background:var(--card);border-radius:10px;margin:.5rem 0;overflow:hidden}.match-head{cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:0;grid-template-columns:1fr auto auto;align-items:center;gap:.75rem;padding:.7rem .9rem;font-size:.92rem;display:grid}.match-head .teams em{color:var(--dim);font-style:normal}.match-head .score{color:var(--accent);font-weight:800}.match-head .count{color:var(--dim);font-size:.78rem}.bets{background:var(--soft);margin:0;padding:.25rem .9rem .75rem;list-style:none}.bets li{grid-template-columns:1fr auto 3rem;gap:.5rem;padding:.25rem 0;font-size:.86rem;display:grid}.bets li .pts{text-align:right;color:var(--green);font-weight:700}.mybets{margin-top:1rem}.mybets .who{color:var(--dim);margin-bottom:1rem;font-size:.9rem;font-weight:700;display:block}.mybets select,.mybets input{border:1.5px solid var(--line);background:var(--bg);color:var(--text);border-radius:8px;padding:.5rem .6rem;font-size:1rem}.mybets .who select{width:100%;margin-top:.4rem}.join-new{border:1px dashed var(--line);background:var(--card);border-radius:10px;flex-direction:column;gap:.45rem;margin-bottom:1.25rem;padding:.85rem;display:flex}.join-or{color:var(--dim);font-size:.84rem}.join-row{flex-wrap:wrap;gap:.5rem;display:flex}.join-row input{flex:2;min-width:130px}.join-row input.join-base{flex:0 0 6rem;min-width:0}.join-row button{background:var(--accent);color:#06122e;cursor:pointer;white-space:nowrap;border:0;border-radius:8px;padding:.4rem 1rem;font-size:.9rem;font-weight:800}.join-row button:disabled{opacity:.5;cursor:default}.join-hint{color:var(--dim);font-size:.72rem}.pick-match{border:1px solid var(--line);background:var(--card);border-radius:10px;margin:.5rem 0;overflow:hidden}.pick-when{color:var(--accent);border-bottom:1px solid var(--line);background:var(--soft);padding:6px 10px;font-size:.72rem;font-weight:800}.pick-sides{display:flex}.pick-side{flex:1;min-width:0;padding:8px}.pick-side+.pick-side{border-left:1px solid var(--line)}.pick-team{align-items:center;gap:5px;margin-bottom:6px;font-size:.84rem;font-weight:800;display:flex}.pick-team-r{justify-content:flex-end}.pick-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pick-btns{gap:3px;display:flex}.pick-btn{border:1.5px solid var(--line);background:var(--soft);min-width:0;color:var(--text);cursor:pointer;border-radius:7px;flex:1;padding:7px 2px;font-size:.78rem;font-weight:700}.pick-btn:disabled{opacity:.45;cursor:default}.pick-btn.on{background:var(--accent);border-color:var(--accent);color:#06122e;font-weight:900}.res-note{color:var(--dim);background:var(--card);border:1px solid var(--line);border-radius:10px;margin:1rem 0;padding:.7rem .85rem;font-size:.82rem}.res-section{margin-bottom:1.25rem}.res-section h2{border-bottom:2px solid var(--accent);padding-bottom:.2rem;font-size:1rem}.res-match{border:1px solid var(--line);background:var(--card);border-radius:10px;margin:.5rem 0;overflow:hidden}.res-when{color:var(--accent);background:var(--soft);border-bottom:1px solid var(--line);padding:6px 10px;font-size:.72rem;font-weight:800}.res-scores{grid-template-columns:1fr 3rem auto 3rem 1fr;align-items:center;gap:.4rem;padding:.6rem .7rem;display:grid}.res-team{align-items:center;gap:5px;min-width:0;font-size:.82rem;font-weight:700;display:flex}.res-team-r{justify-content:flex-end}.res-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.res-input{text-align:center;border:1.5px solid var(--line);background:var(--bg);width:3rem;color:var(--text);border-radius:8px;padding:.35rem 0;font-size:1rem}.res-x{color:var(--dim);text-align:center}.res-adv{flex-wrap:wrap;align-items:center;gap:.5rem;padding:0 .7rem .6rem;display:flex}.res-adv-q{color:var(--dim);font-size:.74rem}.res-adv-btns{gap:.4rem;display:flex}.res-adv-btns button{border:1.5px solid var(--line);background:var(--soft);color:var(--text);cursor:pointer;border-radius:7px;padding:.3rem .7rem;font-size:.78rem;font-weight:700}.res-adv-btns button.on{background:var(--green);border-color:var(--green);color:#06281a}.res-tbd{color:var(--dim);padding:.7rem;font-size:.78rem}.save-bar{margin-top:1rem;position:sticky;bottom:12px}.save-bar button{background:var(--accent);color:#06122e;cursor:pointer;border:0;border-radius:12px;width:100%;padding:.85rem;font-size:1rem;font-weight:900;box-shadow:0 6px 20px #00000073}.save-bar button:disabled{opacity:.6}.live-chip{color:var(--red);letter-spacing:.04em;text-transform:uppercase;vertical-align:middle;white-space:nowrap;background:#ff445826;border:1px solid #ff445880;border-radius:999px;align-items:center;gap:4px;padding:1px 6px;font-size:.6rem;font-weight:800;display:inline-flex}.live-dot{background:var(--red);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite live-pulse}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.muted{color:var(--dim);text-align:center;padding:1.5rem 0}.error{color:var(--red)}.msg{color:var(--green);font-size:.9rem}.bracket-wrap{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;--bline:#2c4480;--cw:28px;--hh:28px;--yshift:14px;--match-h:112px;padding:0 .75rem 1rem;overflow-x:auto}.bracket-hint{text-align:center;color:var(--dim);margin:.5rem 0 .25rem;font-size:.75rem;display:none}.bracket{height:calc(8 * var(--match-h) + var(--hh));align-items:stretch;min-width:1500px;display:flex}.half{flex:1;display:flex}.bround{flex-direction:column;flex:1;min-width:168px;display:flex}.rhead{height:var(--hh);letter-spacing:.04em;text-transform:uppercase;color:var(--dim);justify-content:center;align-items:center;font-size:.68rem;font-weight:700;display:flex}.bslot{flex:1;align-items:center;padding:4px 6px;display:flex}.bbox{border:1px solid var(--bline);background:var(--soft);border-radius:8px;width:100%;font-size:.8rem;overflow:hidden}.bwhen{color:var(--dim);background:var(--card);border-bottom:1px solid var(--bline);justify-content:space-between;padding:2px 6px;font-size:.62rem;display:flex}.bwhen .mno{color:var(--accent);font-weight:700}.brow{color:var(--text);grid-template-columns:1.2rem 1fr 1rem;align-items:center;gap:.3rem;padding:3px 6px;display:grid}.brow+.brow{border-top:1px solid var(--bline)}.brow .flag{font-size:1rem;line-height:1}.brow .bname{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.brow .bscore{text-align:right;font-variant-numeric:tabular-nums;color:var(--dim)}.brow.win{background:#1fcc7229}.brow.win .bname{color:var(--green);font-weight:800}.brow.win .bscore{color:var(--green);font-weight:700}.brow.tbd .bname{color:var(--dim);font-style:italic}.conn{padding-top:var(--hh);width:var(--cw);flex-direction:column;flex:0 0 var(--cw);display:flex}.conn.r{transform:scaleX(-1)}.conn-slot{flex:1;position:relative}.conn-slot .bus{left:50%;top:calc(25% + var(--yshift));border-left:2px solid var(--bline);height:50%;position:absolute}.conn-slot .arm{border-top:2px solid var(--bline);width:50%;position:absolute}.conn-slot .arm-tl{left:0;top:calc(25% + var(--yshift))}.conn-slot .arm-bl{left:0;top:calc(75% + var(--yshift))}.conn-slot .arm-r{left:50%;top:calc(50% + var(--yshift))}.bcenter{min-width:180px;padding:var(--hh) 8px 0;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}.final-box{width:170px}.final-box .bbox{border-color:var(--accent);box-shadow:0 2px 10px #4da3ff40}.third{text-align:center;width:150px}.third-label{text-transform:uppercase;letter-spacing:.04em;color:var(--dim);margin-bottom:2px;font-size:.62rem}@media (width<=820px){.bracket-hint{display:block}.bracket-wrap{--match-h:104px}.bracket{min-width:1320px}.bround{min-width:144px}.bbox{font-size:.72rem}}