@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg:#f6f2e8;--bg-alt:#fdf9f1;--panel:#fff;--text:#10212b;--muted:#546974;--line:#d7dedf;--line-strong:#8fa3ac;--accent:#b85024;--accent-soft:#ffe2d0;--qual:#ddf3e7;--best-third:#e7f1fb;--warning:#a2321b;--shadow:0 12px 26px #132c361f;--radius:14px}@keyframes panelRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes matchCardPop{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(85% 65% at 0 0,#fff1de 0,#0000 42%),radial-gradient(75% 75% at 100% 100%,#dff0e8 0,#0000 44%),linear-gradient(135deg,#f4efe2 0%,#eef5ef 100%);margin:0;font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif}#root{min-height:100vh}.app-shell{flex-direction:column;gap:1rem;max-width:1500px;margin:0 auto;padding:1.2rem;display:flex}.app-header,.panel,.knockout{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.app-header{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.15rem;display:flex}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:700}h1,h2,h3{margin:0}h1{margin-top:.2rem;font-size:clamp(1.45rem,2.9vw,2.2rem);line-height:1.08}h2{margin-bottom:.75rem;font-size:1.25rem}h3{font-size:1rem}.subtitle{color:var(--muted);margin:.45rem 0 0}.subtitle--muted{font-size:.9rem}.seo-panel,.faq-panel{gap:1rem;display:grid}.seo-copy{gap:.55rem;max-width:80rem;display:grid}.seo-copy p,.faq-item p{color:var(--muted);margin:0;line-height:1.6}.feature-grid,.faq-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.feature-card,.faq-item{border:1px solid var(--line);background:linear-gradient(#fff,#faf7f0);border-radius:12px;padding:.85rem}.feature-card h3,.faq-item h3{margin-bottom:.4rem}.feature-card p{color:var(--muted);margin:0;line-height:1.55}.panel,.knockout{padding:1rem}.groups-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.95rem;display:grid}.group-card{border:1px solid var(--line);background:linear-gradient(145deg,#fffffffa,#fcf8eff0),radial-gradient(circle at 100% 0,#ffcba62e,#0000 45%);border-radius:12px;padding:.78rem;animation:.42s both panelRise}.match-list{gap:.58rem;margin:.5rem 0 .8rem;display:grid}.match-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:.58rem}.group-card .match-card{background:linear-gradient(#fffdf8 0,#fff 100%),radial-gradient(circle at 100% 0,#ffccb224,#0000 48%);border-color:#d9d9cf;transition:transform .22s,box-shadow .22s,border-color .22s;animation:.48s both matchCardPop;box-shadow:0 6px 14px #18262e14}.group-card .match-card:hover{border-color:#d49b7f;transform:translateY(-2px);box-shadow:0 12px 24px #18262e1f}.group-card .match-list .match-card:first-child{animation-delay:40ms}.group-card .match-list .match-card:nth-child(2){animation-delay:90ms}.group-card .match-list .match-card:nth-child(3){animation-delay:.14s}.group-card .match-list .match-card:nth-child(4){animation-delay:.19s}.group-card .match-list .match-card:nth-child(5){animation-delay:.24s}.group-card .match-list .match-card:nth-child(6){animation-delay:.29s}.match-card__header{color:var(--muted);justify-content:space-between;gap:.5rem;margin-bottom:.45rem;font-size:.79rem;display:flex}.match-card__meta{color:#5f7681;margin:-.1rem 0 .45rem;font-size:.75rem;line-height:1.2}.match-card__body{gap:.44rem;display:grid}.match-card__team{grid-template-columns:1fr 4rem;align-items:center;gap:.5rem;display:grid}.score-input{border:1px solid var(--line-strong);text-align:center;background:#fff;border-radius:9px;width:100%;padding:.34rem .44rem;font-family:inherit;font-weight:700;transition:transform .16s,box-shadow .16s}.score-input:focus{outline-offset:1px;border-color:#da7d4d;outline:2px solid #ffc9ad;transform:scale(1.04);box-shadow:0 0 0 4px #da7d4d29}.team-badge{text-align:center;justify-items:center;gap:.14rem;min-width:0;display:inline-grid}.team-badge__flag{font-size:1.1rem;line-height:1}.team-badge--group{gap:.2rem}.team-badge--group .team-badge__flag{font-size:1.95rem}.team-badge--group .team-badge__name{font-size:.88rem;font-weight:700}.team-badge--group .team-badge__code{font-size:.68rem}.team-badge--compact .team-badge__flag{font-size:1.05rem;animation:none}.team-badge--compact .team-badge__name{font-size:.78rem;font-weight:600}.team-badge--compact .team-badge__code{font-size:.64rem}.team-badge__name{width:100%;font-size:.84rem;font-weight:600;line-height:1.05}.team-badge__code{color:#6f7f87;letter-spacing:.06em;text-transform:uppercase;font-size:.7rem}.team-badge--strong .team-badge__name{color:#14303c;font-weight:700}.group-table-wrap{overflow-x:auto}.group-table{border-collapse:collapse;width:100%;font-size:.82rem}.group-table th,.group-table td{border-bottom:1px solid var(--line);text-align:center;padding:.46rem}.group-table td:nth-child(2),.group-table th:nth-child(2){text-align:left}.row-qualified{background:var(--qual)}.row-best-third{background:var(--best-third)}.group-table__legend{color:var(--muted);margin:.55rem 0 0;font-size:.8rem}.qualification-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.qualification-summary p{border:1px solid var(--line);background:linear-gradient(#fff,#faf8f2);border-radius:11px;margin:0;padding:.72rem}.knockout__warning,.match-card__warning{color:var(--warning);margin:.45rem 0 0;font-size:.8rem}.knockout-tree{grid-template-columns:minmax(560px,1fr) minmax(300px,360px) minmax(560px,1fr);align-items:stretch;gap:.8rem;display:grid}.knockout-tree__side{gap:.55rem;display:grid}.knockout-tree__side--left,.knockout-tree__side--right{grid-template-columns:repeat(4,minmax(120px,1fr))}.knockout-tree__column{align-content:center;gap:.45rem;display:grid;position:relative}.knockout-tree__column:before{content:"";background:linear-gradient(#0000 0%,#d5dfe3 10% 90%,#0000 100%);width:2px;position:absolute;top:.35rem;bottom:.35rem;left:-.35rem}.knockout-tree__column:first-child:before,.knockout-tree__side--right .knockout-tree__column:last-child:before{display:none}.knockout-tree__center{align-content:center;gap:.8rem;display:grid}.match-card--tree{background:linear-gradient(#fff 0,#f7fbfd 100%)}.match-card--tree .match-card__team{grid-template-columns:1fr 3.2rem}.match-card--r32{border-left:4px solid #d6a144}.match-card--r16{border-left:4px solid #5a8cc1}.match-card--qf{border-left:4px solid #4f9d7c}.match-card--sf{border-left:4px solid #9a6eb0}.match-card--final{background:linear-gradient(140deg,#fff7ef 0,#fff 85%);border:2px solid #d55f2b;box-shadow:0 12px 24px #d55f2b2e}.match-card--third{border:2px dashed #7ea2b1}.reset-button{color:#823619;cursor:pointer;background:linear-gradient(#fff7ef,#ffe9d8);border:1px solid #db8256;border-radius:11px;padding:.58rem .9rem;font-family:inherit;font-weight:700}.reset-button:hover{border-color:#c95f2c}.pending-team{color:var(--muted);font-style:italic}@media (width<=1400px){.knockout-tree{grid-template-columns:1fr}.knockout-tree__side--left,.knockout-tree__side--right{grid-template-columns:repeat(4,minmax(160px,1fr))}.knockout-tree__center{grid-template-columns:repeat(2,minmax(240px,1fr));align-items:start}}@media (width<=1100px){.groups-grid,.qualification-summary,.feature-grid,.faq-grid{grid-template-columns:1fr}.knockout-tree__side--left,.knockout-tree__side--right{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.app-shell{padding:.78rem}.app-header{flex-direction:column;align-items:stretch}.knockout-tree__side--left,.knockout-tree__side--right,.knockout-tree__center{grid-template-columns:1fr}.match-card__team{grid-template-columns:1fr 3.15rem}}