@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Manrope:wght@400;500;600;700&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}:root{--bg-deep:#06140f;--bg:#0a1f17;--bg-raised:#0f2a1f;--bg-panel:#0e2a1eb8;--line:#d4af3738;--line-soft:#ffffff14;--gold:#d4af37;--gold-bright:#f0d060;--cream:#f3efe4;--muted:#f3efe49e;--green:#1f7a4c;--green-bright:#2f9e66;--qualify:#2f9e662e;--pot-a:#d4af37;--pot-b:#5eb8ff;--pot-c:#7dd3a0;--pot-d:#c4a484;--radius:14px;--font-display:"Archivo Black", Impact, sans-serif;--font-body:"Manrope", system-ui, sans-serif;color:var(--cream);background:var(--bg-deep);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg-deep);min-height:100vh}button{font:inherit;cursor:pointer}.app{min-height:100vh;position:relative;overflow-x:hidden}.app__glow{pointer-events:none;z-index:0;background:radial-gradient(at 50% 0,#d4af372e,#0000 55%),radial-gradient(at 20% 20%,#1f7a4c59,#0000 45%);height:55vh;position:fixed;inset:-20% -10% auto}.app__pitch{pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 75%);mask-image:radial-gradient(#000 30%,#0000 75%)}.topbar,.app__main{z-index:1;position:relative}.topbar{border-bottom:1px solid var(--line-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#06140f8c;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.topbar__brand{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.55rem;font-size:1.05rem;display:flex}.topbar__mark{color:var(--gold)}.topbar__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.app__main{width:min(1280px,100% - 2rem);margin:0 auto;padding:2rem 0 4rem}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.18em;margin:0 0 .4rem;font-size:.72rem;font-weight:700}.brand{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;background:linear-gradient(180deg, var(--gold-bright), var(--gold) 55%, #8a6b1a);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(3.5rem,12vw,7rem);line-height:.92;animation:.9s both brand-in}.lead,.stage__sub{color:var(--muted);max-width:36rem;line-height:1.55}.btn{letter-spacing:.02em;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.8rem 1.35rem;font-weight:700;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--primary{background:linear-gradient(180deg, var(--gold-bright), var(--gold));color:#1a1405;box-shadow:0 10px 30px #d4af3738}.btn--ghost{border-color:var(--line);color:var(--cream);background:0 0}.btn--ghost:hover{border-color:var(--gold);background:#d4af3714}.btn--sm{padding:.45rem .85rem;font-size:.85rem}.phase-nav{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.phase-nav__arrow{border:1px solid var(--line);width:1.55rem;height:1.55rem;color:var(--cream);cursor:pointer;background:0 0;border-radius:999px;place-items:center;padding:0;font-size:1.1rem;line-height:1;display:inline-grid}.phase-nav__arrow:hover:not(:disabled){border-color:var(--gold);color:var(--gold-bright)}.phase-nav__arrow:disabled{opacity:.3;cursor:not-allowed}.phase-nav__item{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:.3rem .55rem;font-family:inherit;font-size:.72rem;font-weight:600}.phase-nav__item:disabled{opacity:.35;cursor:not-allowed}.phase-nav__item:not(:disabled):hover{border-color:var(--line);color:var(--cream)}.phase-nav__item.is-done{color:var(--green-bright)}.phase-nav__item.is-live:not(.is-active){border-color:#2f9e6673}.phase-nav__item.is-active{color:var(--gold-bright);border-color:var(--line);background:#d4af371a}.draw-screen{gap:2.5rem;animation:.7s both rise;display:grid}.draw-screen__intro{max-width:40rem}.draw-screen__intro .btn{margin-top:0}.draw-screen__cta{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}.pots-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.pot-panel{background:var(--bg-panel);border:1px solid var(--line-soft);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem;animation:.7s both rise}.pot-panel:first-child{animation-delay:50ms}.pot-panel:nth-child(2){animation-delay:.12s}.pot-panel:nth-child(3){animation-delay:.19s}.pot-panel:nth-child(4){animation-delay:.26s}.pot-panel header{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.85rem;padding-bottom:.65rem;display:flex}.pot-panel h2{font-family:var(--font-display);letter-spacing:.04em;margin:0;font-size:1.15rem}.pot-panel header span{color:var(--muted);font-size:.75rem}.pot-panel--A h2{color:var(--pot-a)}.pot-panel--B h2{color:var(--pot-b)}.pot-panel--C h2{color:var(--pot-c)}.pot-panel--D h2{color:var(--pot-d)}.pot-panel ul{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.team-badge{align-items:center;gap:.45rem;min-width:0;display:inline-flex}.team-badge__flag{flex-shrink:0;font-size:1.45em;line-height:1}.team-badge--sm .team-badge__flag{font-size:1.25em}.team-badge--lg .team-badge__flag{font-size:2em}.team-badge__flag-img{object-fit:cover;border-radius:3px;flex-shrink:0;display:block;box-shadow:0 1px 3px #00000059}.team-badge__name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.team-badge--sm{font-size:.88rem}.team-badge--md{font-size:.95rem}.team-badge--lg{font-size:1.2rem}.team-badge--muted{opacity:.55}.pot-chip{letter-spacing:.04em;text-transform:uppercase;border:1px solid;border-radius:999px;padding:.15rem .4rem;font-size:.65rem;font-weight:700}.pot-chip--A{color:var(--pot-a)}.pot-chip--B{color:var(--pot-b)}.pot-chip--C{color:var(--pot-c)}.pot-chip--D{color:var(--pot-d)}.stage{animation:.55s both rise}.stage__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.stage__header h2{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;margin:0;font-size:clamp(1.8rem,4vw,2.6rem)}.stage__sub{margin:.45rem 0 0}.groups-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.groups-grid--12{grid-template-columns:repeat(3,minmax(0,1fr))}.group-card{background:var(--bg-panel);border:1px solid var(--line-soft);border-radius:var(--radius);padding:1rem 1rem .75rem;animation:.55s both rise}.group-card h3{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--gold-bright);margin:0}.group-card__pots{gap:.35rem;margin:.55rem 0 .85rem;display:flex}.pot-dot{border:1px solid;border-radius:50%;place-items:center;width:1.35rem;height:1.35rem;font-size:.68rem;font-weight:800;display:grid}.pot-dot--A{color:var(--pot-a)}.pot-dot--B{color:var(--pot-b)}.pot-dot--C{color:var(--pot-c)}.pot-dot--D{color:var(--pot-d)}.standings{border-collapse:collapse;width:100%;margin-bottom:.75rem;font-size:.82rem}.standings th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line-soft);padding:.35rem .25rem;font-weight:600}.standings td{border-bottom:1px solid #ffffff0a;padding:.4rem .25rem}.standings th:not(:first-child),.standings td:not(:first-child){text-align:center;width:2.1rem}.standings__qualify{background:var(--qualify)}.standings__third{background:#d4af371a}.standings__pts{color:var(--gold-bright);font-weight:800}.group-card__matches{gap:.35rem;padding-top:.35rem;display:grid}.match-row{border:1px solid var(--line-soft);background:#06140f59;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.75rem .9rem;display:grid}.match-row--editing{grid-template-columns:1fr}.match-row__actions{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.match-icon-btn{border:1px solid var(--line);width:1.7rem;height:1.7rem;color:var(--gold-bright);font-family:var(--font-display);letter-spacing:0;cursor:pointer;background:#06140fa6;border-radius:7px;place-items:center;padding:0;font-size:.72rem;font-weight:700;line-height:1;transition:background .15s,border-color .15s,transform .15s;display:inline-grid}.match-icon-btn span{font-size:.85rem;line-height:1}.match-icon-btn:hover{border-color:var(--gold);background:#d4af371f;transform:translateY(-1px)}.score-form{border-top:1px solid var(--line-soft);grid-column:1/-1;gap:.65rem;padding-top:.35rem;display:grid}.score-form__row{flex-wrap:wrap;justify-content:center;align-items:end;gap:.65rem;display:flex}.score-form__row label{color:var(--muted);text-align:center;gap:.3rem;font-size:.78rem;font-weight:700;display:grid}.score-form__row input{border:1px solid var(--line);width:3.4rem;color:var(--cream);font-family:var(--font-display);text-align:center;background:#06140fcc;border-radius:8px;padding:.45rem .35rem;font-size:1.15rem}.score-form__pens{color:var(--muted);align-items:center;font-size:.8rem}.score-form__error{text-align:center;color:#ff8f8f;margin:0;font-size:.82rem}.score-form__actions{justify-content:center;gap:.5rem;display:flex}.manual-draw{animation:.55s both rise}.manual-draw__actions{flex-wrap:wrap;gap:.55rem;display:flex}.manual-draw__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.manual-group{background:var(--bg-panel);border:1px solid var(--line-soft);border-radius:var(--radius);padding:.85rem}.manual-group h3{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--gold-bright);margin:0 0 .65rem;font-size:.95rem}.manual-group__slots{gap:.4rem;display:grid}.manual-slot{border:1px dashed var(--line-soft);width:100%;color:inherit;text-align:left;background:#06140f59;border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .55rem;display:flex}.manual-slot.is-filled{border-style:solid;border-color:var(--line)}.manual-slot__pot{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);flex-shrink:0;font-size:.68rem;font-weight:800}.manual-slot--A .manual-slot__pot{color:var(--pot-a)}.manual-slot--B .manual-slot__pot{color:var(--pot-b)}.manual-slot--C .manual-slot__pot{color:var(--pot-c)}.manual-slot--D .manual-slot__pot{color:var(--pot-d)}.manual-slot__empty{color:var(--muted);font-size:.82rem}.manual-slot__team{align-items:center;gap:.35rem;min-width:0;display:inline-flex}.manual-slot__clear{width:1.2rem;height:1.2rem;color:var(--muted);border-radius:50%;place-items:center;font-size:.95rem;line-height:1;display:inline-grid}.manual-slot__clear:hover{color:var(--cream);background:#ffffff14}.manual-draw__hint{color:var(--muted);margin:1rem 0 0;font-size:.85rem}.picker-overlay{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#030a07b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.picker{background:var(--bg-raised);border:1px solid var(--line);border-radius:16px;width:min(520px,100%);max-height:min(70vh,640px);padding:1rem;overflow:auto;box-shadow:0 24px 60px #00000073}.picker__header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.85rem;display:flex}.picker__header h3{font-family:var(--font-display);letter-spacing:.04em;margin:0}.picker__list{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.picker__item{border:1px solid var(--line-soft);width:100%;color:inherit;text-align:left;background:#06140f73;border-radius:10px;padding:.55rem .7rem}.picker__item:hover{border-color:var(--gold);background:#d4af3714}.picker__empty{color:var(--muted);text-align:center;margin:.5rem 0 0}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.install{position:relative}.install__hint{z-index:20;border:1px solid var(--line);background:var(--bg-raised);width:min(280px,70vw);color:var(--muted);border-radius:10px;margin:0;padding:.7rem .8rem;font-size:.78rem;line-height:1.4;position:absolute;top:calc(100% + .45rem);right:0;box-shadow:0 12px 28px #00000059}.install__hint strong{color:var(--gold-bright);font-weight:700}.match-row--compact{background:0 0;border-color:#0000 #0000 #ffffff0d;border-bottom-style:solid;border-bottom-width:1px;border-radius:0;grid-template-columns:minmax(0,1fr) auto;padding:.45rem .35rem .45rem .55rem}.match-row--compact .match-row__sides{min-width:0}.match-row--compact .team-badge__name{max-width:7.5rem}.match-row--played{opacity:.92}.match-row__label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;grid-column:1/-1;font-size:.72rem;font-weight:700}.match-row__sides{grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;min-width:0;display:grid}.match-row__team--away{text-align:right;justify-self:end}.match-row__team--away .team-badge{flex-direction:row-reverse}.match-row__score{min-width:3.2rem;font-family:var(--font-display);flex-direction:column;justify-content:center;align-items:center;gap:.12rem;font-size:1.05rem;line-height:1.1;display:flex}.match-row__score-main{align-items:center;gap:.25rem;display:inline-flex}.match-row__vs{font-family:var(--font-body);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700}.match-row__pens{white-space:nowrap;font-family:var(--font-body);color:var(--muted);letter-spacing:.01em;font-size:.62rem;font-weight:600;line-height:1.15;display:block}.tbd{color:var(--muted);font-size:.85rem;font-weight:600}.knockout-grid{gap:.75rem;display:grid}.knockout-grid--round32,.knockout-grid--round16,.knockout-grid--quarters{grid-template-columns:repeat(2,minmax(0,1fr))}.knockout-grid--semis,.knockout-grid--final{grid-template-columns:minmax(0,1fr);max-width:640px;margin-inline:auto}.champion{text-align:center;padding:3rem 1rem 2rem;animation:.9s both champion-in}.champion__flag{filter:drop-shadow(0 12px 28px #d4af3759);margin:1rem 0;font-size:clamp(4rem,14vw,7rem);line-height:1;animation:2.8s ease-in-out infinite float}.champion__flag-img{border-radius:8px;margin:1.25rem auto;animation:2.8s ease-in-out infinite float;display:block;box-shadow:0 12px 36px #d4af3759}.champion__name{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;color:var(--gold-bright);margin:0;font-size:clamp(2.5rem,8vw,4.5rem)}.champion__sub{color:var(--muted);margin:.4rem 0 1.5rem;font-size:1.1rem}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes brand-in{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes champion-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (width<=1100px){.groups-grid--12,.manual-draw__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.pots-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.groups-grid,.groups-grid--12,.manual-draw__grid,.knockout-grid--round32,.knockout-grid--round16,.knockout-grid--quarters{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:stretch}.topbar__actions{justify-content:flex-start}}@media (width<=560px){.pots-grid{grid-template-columns:1fr}.match-row__sides{text-align:center;grid-template-columns:1fr auto 1fr}.match-row__team--home,.match-row__team--away{text-align:center;justify-self:center}.match-row__team--away .team-badge{flex-direction:row}.match-row--compact .team-badge__name{max-width:5.5rem}.app__main{width:min(100% - 1.25rem,1180px)}}