*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{color-scheme:dark;--charcoal-900: #12161c;--charcoal-800: #1a1f26;--charcoal-700: #232a33;--charcoal-600: #2f3844;--line: #38424f;--ivory: #f5f1e6;--ivory-dim: #a8a698;--teal: #21c7b8;--teal-deep: #0f7d75;--orange: #ff6b2c;--orange-soft: #ff9c66;--page: var(--charcoal-900);--surface: var(--charcoal-800);--card: var(--charcoal-700);--card-raised: var(--charcoal-600);--ink: var(--ivory);--ink-dim: var(--ivory-dim);--radius: 18px;--radius-lg: 26px;--tap: 56px;--gutter: clamp(1rem, 3vw, 2.5rem);--font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-condensed: "Arial Narrow", "Roboto Condensed", "Helvetica Neue", "Segoe UI", system-ui, sans-serif;font-family:var(--font-body);font-size:17px}@media(prefers-color-scheme:light){:root{color-scheme:light;--page: #efeadd;--surface: #f9f6ee;--card: #ffffff;--card-raised: #f2ede1;--line: #d8d1c0;--ink: #1a1f26;--ink-dim: #6b6759;--teal-deep: #0c6a63}}body{min-height:100dvh;background:var(--page);color:var(--ink);-webkit-tap-highlight-color:transparent}.shell{width:100%;max-width:720px;margin-inline:auto;padding:var(--gutter);padding-bottom:calc(var(--gutter) * 2);display:flex;flex-direction:column;gap:clamp(1.25rem,2.5vw,2rem)}.shell--wide{max-width:1440px}.page{max-width:60ch;margin-inline:auto;padding:var(--gutter);display:flex;flex-direction:column;gap:1rem}.masthead__eyebrow,.bracket-head__eyebrow,.round__name,.stage__title,.finals__eyebrow,.editor__eyebrow,.matchup__label,.segmented__label{font-family:var(--font-condensed);font-stretch:75%;text-transform:uppercase;letter-spacing:.12em}.masthead{display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem}.masthead__eyebrow{color:var(--teal);font-size:1.05rem;font-weight:700}.masthead__title{font-size:clamp(2.1rem,6vw,3.1rem);line-height:1.05;letter-spacing:-.02em}.masthead__lede{color:var(--ink-dim);max-width:46ch}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(1.1rem,2.5vw,1.75rem);display:flex;flex-direction:column;gap:1rem}.panel__title{font-size:1.15rem;letter-spacing:.01em}.panel__hint{color:var(--ink-dim);font-size:.95rem}.field{display:flex;flex-direction:column;gap:.5rem}.field__label{color:var(--ink-dim);font-size:.95rem}.field__input{width:100%;min-height:var(--tap);padding:.75rem 1rem;background:var(--card);color:var(--ink);border:2px solid var(--line);border-radius:14px;font-size:1.05rem}.field__input--large{font-size:1.35rem;font-weight:600}.field__input::placeholder{color:var(--ink-dim);opacity:.75}.field__input:focus-visible{outline:none;border-color:var(--teal)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--tap);padding:.75rem 1.4rem;border:2px solid transparent;border-radius:999px;background:var(--card);color:var(--ink);font-size:1.02rem;font-weight:650;text-decoration:none;cursor:pointer;transition:transform .12s ease,background-color .12s ease,border-color .12s ease}.button:active{transform:scale(.98)}.button:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.button--primary{background:var(--orange);color:#17120e}.button--tall{min-height:68px;font-size:1.2rem}.button--ghost{background:transparent;border-color:var(--line);color:var(--ink)}.button--reset{background:transparent;border-color:var(--orange);color:var(--orange)}.button--wide{width:100%}.button--icon{width:var(--tap);min-width:var(--tap);padding:0;font-size:1.1rem;color:var(--ink-dim)}.button--win{background:var(--card-raised);border-color:var(--line);width:100%}.button--win.is-active{background:var(--orange);border-color:var(--orange);color:#17120e}.button:disabled{opacity:.45;cursor:not-allowed}.segmented{display:grid;gap:.75rem}@media(min-width:620px){.segmented{grid-template-columns:1fr 1fr}}.segmented__option{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;min-height:84px;padding:1rem 1.15rem;background:var(--card);border:2px solid var(--line);border-radius:var(--radius);color:var(--ink);text-align:left;cursor:pointer}.segmented__option.is-active{border-color:var(--teal);background:color-mix(in srgb,var(--teal) 14%,var(--card))}.segmented__label{font-size:1.1rem;font-weight:700}.segmented__note{color:var(--ink-dim);font-size:.92rem}.segmented__option:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.roster{list-style:none;padding:0;display:flex;flex-direction:column;gap:.7rem}.roster__row{display:grid;grid-template-columns:2.25rem 1fr var(--tap);align-items:center;gap:.6rem}.roster__seed{font-family:var(--font-condensed);font-stretch:75%;color:var(--teal);font-size:1.1rem;font-weight:700;text-align:center}.summary{display:flex;flex-wrap:wrap;gap:.35rem 1.5rem;padding:1rem 1.25rem;border:1px dashed var(--line);border-radius:var(--radius);color:var(--ink-dim)}.summary__line strong{color:var(--ink);font-size:1.15rem}.summary__line--hint{color:var(--orange-soft)}.bracket-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem}.bracket-head__text{display:flex;flex-direction:column;gap:.3rem}.bracket-head__eyebrow{color:var(--teal);font-size:.98rem;font-weight:700}.bracket-head__title{font-size:clamp(1.9rem,5vw,2.8rem);line-height:1.05;letter-spacing:-.02em}.bracket-head__progress{color:var(--ink-dim)}.bracket-head__actions{display:flex;gap:.75rem}.champion-banner{display:flex;align-items:center;gap:.9rem;padding:1.1rem 1.4rem;border:2px solid var(--orange);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--orange) 12%,var(--surface));font-size:1.2rem}.champion-banner__glyph{color:var(--orange);font-size:1.6rem}.stage{display:flex;flex-direction:column;gap:1rem}.stage__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem 1rem}.stage__title{font-size:1.3rem;font-weight:700;color:var(--ink)}.stage__note{color:var(--ink-dim);font-size:.95rem}.rounds{display:flex;align-items:stretch;gap:clamp(1.5rem,3vw,3rem);overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:.75rem;padding-inline-end:.5rem;-webkit-overflow-scrolling:touch}.round{display:flex;flex-direction:column;gap:.9rem;flex:0 0 auto;width:clamp(260px,30vw,320px);scroll-snap-align:start}.round__name{color:var(--teal);font-size:1.05rem;font-weight:700;padding-bottom:.5rem;border-bottom:2px solid var(--line)}.round__matches{flex:1;display:flex;flex-direction:column;justify-content:space-around;gap:1.1rem}.matchup{position:relative;display:flex;flex-direction:column;gap:.7rem;width:100%;padding:1.1rem 1.15rem;background:var(--card);border:2px solid var(--line);border-radius:var(--radius);color:var(--ink);text-align:left;font:inherit;cursor:default}button.matchup{cursor:pointer;transition:transform .12s ease,border-color .12s ease}button.matchup:active{transform:scale(.99)}button.matchup:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.matchup.is-ready{border-color:color-mix(in srgb,var(--teal) 55%,var(--line))}.matchup.has-winner{border-color:color-mix(in srgb,var(--orange) 45%,var(--line))}.matchup.is-empty,.matchup.is-pending{background:transparent;border-style:dashed}.matchup__label{color:var(--ink-dim);font-size:.88rem;font-weight:700}.matchup__slots{display:flex;flex-direction:column;gap:.5rem}.matchup__slot{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.75rem;min-height:52px;padding:.45rem .75rem;background:var(--card-raised);border-left:4px solid transparent;border-radius:10px}.matchup__name{font-size:1.22rem;font-weight:650;line-height:1.2;overflow-wrap:anywhere}.matchup__score{font-family:var(--font-condensed);font-stretch:75%;font-size:1.5rem;font-weight:700;color:var(--ink-dim);min-width:1.5ch;text-align:right}.matchup__slot--winner{border-left-color:var(--orange);background:color-mix(in srgb,var(--orange) 16%,var(--card-raised))}.matchup__slot--winner .matchup__score{color:var(--orange)}.matchup__slot--empty,.matchup__slot--waiting{background:transparent;border:1px dashed var(--line);border-left:4px solid transparent}.matchup__slot--empty .matchup__name,.matchup__slot--waiting .matchup__name{color:var(--ink-dim);font-size:1rem;font-weight:500}.matchup__note{color:var(--ink-dim);font-size:.88rem}.matchup.has-winner .matchup__note{color:var(--orange-soft)}.matchup--column:after{content:"";position:absolute;top:50%;right:calc(-.5*clamp(1.5rem,3vw,3rem) - 2px);width:calc(clamp(1.5rem,3vw,3rem)/2);height:3px;background:var(--line);border-radius:2px}.matchup--column.has-winner:after{background:var(--orange)}.round:last-child .matchup--column:after{display:none}.finals{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:clamp(1.5rem,4vw,2.75rem) var(--gutter);border:2px solid color-mix(in srgb,var(--orange) 60%,var(--line));border-radius:var(--radius-lg);background:radial-gradient(120% 140% at 50% 0%,color-mix(in srgb,var(--orange) 14%,transparent),transparent 70%),var(--surface)}.finals__eyebrow{color:var(--orange);font-size:1rem;font-weight:700}.finals__title{font-size:clamp(2rem,6vw,3.2rem);line-height:1;letter-spacing:-.02em;text-align:center}.finals__caption{color:var(--ink-dim);text-align:center}.matchup--finals{max-width:560px;margin-top:.75rem;padding:1.35rem 1.5rem;background:var(--card);border-color:color-mix(in srgb,var(--orange) 35%,var(--line));border-radius:var(--radius-lg)}.matchup--finals .matchup__name{font-size:1.5rem;font-weight:700}.matchup--finals .matchup__score{font-size:1.9rem}.matchup--finals .matchup__slot{min-height:68px}.editor-scrim{position:fixed;inset:0;z-index:10;display:flex;align-items:flex-end;justify-content:center;padding:0;background:#06080ba6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(min-width:700px){.editor-scrim{align-items:center;padding:var(--gutter)}}.editor{width:100%;max-width:560px;max-height:92dvh;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem;padding:clamp(1.25rem,3vw,2rem);background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-lg) var(--radius-lg) 0 0}@media(min-width:700px){.editor{border-radius:var(--radius-lg)}}.editor--narrow{max-width:460px}.editor__head{display:flex;flex-direction:column;gap:.25rem}.editor__eyebrow{color:var(--teal);font-size:.95rem;font-weight:700}.editor__title{font-size:1.6rem;letter-spacing:-.01em}.editor__rows,.editor__stack{display:flex;flex-direction:column;gap:1rem}.editor__row{display:flex;flex-direction:column;gap:.85rem;padding:1.1rem;background:var(--card);border:2px solid var(--line);border-radius:var(--radius)}.editor__row--winner{border-color:var(--orange)}.editor__player{font-size:1.35rem;font-weight:700;overflow-wrap:anywhere}.editor__score{display:flex;align-items:center;gap:.75rem}.stepper{width:var(--tap);height:var(--tap);flex:0 0 auto;border:2px solid var(--line);border-radius:999px;background:var(--card-raised);color:var(--ink);font-size:1.6rem;line-height:1;cursor:pointer}.stepper:active{background:var(--teal-deep)}.stepper:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.editor__input{flex:1;min-width:0;min-height:var(--tap);padding:.5rem;background:var(--surface);color:var(--ink);border:2px solid var(--line);border-radius:14px;font-family:var(--font-condensed);font-stretch:75%;font-size:1.9rem;font-weight:700;text-align:center;appearance:textfield}.editor__input::-webkit-outer-spin-button,.editor__input::-webkit-inner-spin-button{appearance:none;margin:0}.editor__input:focus-visible{outline:none;border-color:var(--teal)}.editor__foot{display:flex;flex-wrap:wrap;gap:.75rem}.editor__foot .button{flex:1;min-width:140px}@media(prefers-reduced-motion:reduce){*{transition:none!important}}