*,*: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{--base: #f0f0f7;--surface: #ffffff;--ink: #101a3a;--ink-soft: #5a6588;--line: #dcdfee;--aqua: #12b5c9;--azure: #2f7bf6;--deep: #1a2f8f;--coral: #ff6f61;--gradient: linear-gradient(135deg, var(--aqua) 0%, var(--azure) 55%, var(--deep) 100%);--gradient-hot: linear-gradient(135deg, var(--coral) 0%, #ff9a3d 100%);--team: var(--azure);--radius: 20px;--radius-lg: 28px;--gap: 1.25rem;--shadow: 0 12px 30px -18px rgba(16, 26, 58, .55);--font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-round: ui-rounded, "SF Pro Rounded", "Hiragino Maru Gothic ProN", "Varela Round", "Trebuchet MS", var(--font-body);font-family:var(--font-body);color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--base: #0d1020;--surface: #171b2f;--ink: #eef1fb;--ink-soft: #9aa4c6;--line: #2a3050;--shadow: 0 12px 30px -18px rgba(0, 0, 0, .9)}}body{min-height:100dvh;background:var(--base);color:var(--ink);-webkit-tap-highlight-color:transparent}.shell{min-height:100dvh}ul,ol{list-style:none;padding:0}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.page{max-width:42rem;margin-inline:auto;padding:2rem 1.25rem calc(6.5rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--gap)}.hero{padding:.5rem 0 .25rem}.hero--compact{padding-bottom:0}.hero__eyebrow{font-family:var(--font-round);font-weight:700;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__title{font-family:var(--font-round);font-weight:800;font-size:clamp(2rem,8vw,2.75rem);line-height:1.05;letter-spacing:-.03em;margin-top:.35rem}.hero__sub{margin-top:.6rem;color:var(--ink-soft);font-size:1.03rem;line-height:1.5;max-width:34ch}.muted{color:var(--ink-soft);line-height:1.5}.footnote{color:var(--ink-soft);font-size:.9rem;line-height:1.55;text-align:center;padding:.25rem .5rem}.linkish{font-family:var(--font-round);font-weight:700;font-size:.95rem;color:var(--azure);text-decoration:none;padding:.4rem;margin:-.4rem}.card{background:var(--surface);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.9rem}.card__head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.card__head h2{font-family:var(--font-round);font-weight:800;font-size:1.15rem;letter-spacing:-.01em}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.stat{background:var(--surface);border-radius:var(--radius);padding:1rem .5rem;text-align:center;text-decoration:none;color:inherit;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.15rem;min-height:88px;justify-content:center}.stat__value{font-family:var(--font-round);font-weight:800;font-size:2rem;line-height:1;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.stat__label{color:var(--ink-soft);font-size:.85rem}.shuffle{position:relative;border:none;cursor:pointer;border-radius:var(--radius-lg);background:var(--gradient);color:#fff;padding:2rem 1.5rem;min-height:168px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;box-shadow:0 20px 40px -20px #2f7bf6e6;transition:transform .14s ease,box-shadow .14s ease}.shuffle:active{transform:scale(.975)}.shuffle:disabled{background:var(--line);color:var(--ink-soft);box-shadow:none;cursor:not-allowed}.shuffle__die{font-size:2.25rem;line-height:1}.shuffle__word{font-family:var(--font-round);font-weight:800;font-size:2.4rem;letter-spacing:-.02em}.shuffle__hint{font-size:.95rem;opacity:.85}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{background:color-mix(in srgb,var(--azure) 12%,transparent);color:var(--ink);border-radius:999px;padding:.5rem .9rem;font-size:.92rem;font-weight:600}.chip--team{background:color-mix(in srgb,var(--team) 18%,transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--team) 45%,transparent)}.chip--lock{background:color-mix(in srgb,var(--coral) 14%,transparent)}.page--results{position:relative}.teams{display:flex;flex-direction:column;gap:var(--gap);list-style:none}.team{background:var(--surface);border-radius:var(--radius-lg);padding:1.35rem 1.25rem;box-shadow:var(--shadow);border-top:6px solid var(--team);display:flex;flex-direction:column;gap:1rem;animation:team-in .42s cubic-bezier(.2,.9,.3,1.2) both}.teams>.team:nth-child(2){animation-delay:80ms}.teams>.team:nth-child(3){animation-delay:.16s}.teams>.team:nth-child(4){animation-delay:.24s}.teams>.team:nth-child(n+5){animation-delay:.32s}@keyframes team-in{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}.team__name{font-family:var(--font-round);font-weight:800;font-size:1.5rem;letter-spacing:-.02em;color:var(--team)}.team__meta{margin-top:.2rem;color:var(--ink-soft);font-size:.9rem}.team__empty{font-size:.95rem}.team__list{display:flex;flex-direction:column;gap:.6rem;list-style:none}.player__main{width:100%;min-height:56px;text-align:left;border:none;cursor:pointer;background:color-mix(in srgb,var(--team) 9%,transparent);border-radius:16px;padding:.7rem 1rem;display:flex;flex-direction:column;gap:.15rem;color:inherit;transition:background .14s ease}.player__main:active{background:color-mix(in srgb,var(--team) 20%,transparent)}.player__name{font-family:var(--font-round);font-weight:700;font-size:1.1rem}.player__note{color:var(--ink-soft);font-size:.85rem}.player__move{padding:.85rem .25rem .25rem;display:flex;flex-direction:column;gap:.6rem}.player__moveLabel{color:var(--ink-soft);font-size:.85rem}.player__moveTeams{display:flex;flex-wrap:wrap;gap:.5rem}.actions{display:flex;flex-direction:column;gap:.7rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:52px;padding:.8rem 1.3rem;border:none;border-radius:999px;cursor:pointer;font-family:var(--font-round);font-weight:700;font-size:1.02rem;text-decoration:none;background:var(--surface);color:var(--ink);box-shadow:var(--shadow);transition:transform .12s ease,opacity .12s ease}.button:active{transform:scale(.98)}.button:disabled{opacity:.55;cursor:not-allowed}.button--primary{background:var(--gradient);color:#fff;box-shadow:0 14px 28px -16px #2f7bf6f2}.button--ghost{background:transparent;box-shadow:none;color:var(--ink-soft)}.button--tiny{min-height:44px;padding:.5rem 1rem;font-size:.92rem;box-shadow:none;background:color-mix(in srgb,var(--team) 16%,transparent);color:var(--ink)}.button--tiny.button--primary{background:var(--gradient);color:#fff}.button--tiny.button--ghost{background:transparent;box-shadow:inset 0 0 0 1.5px var(--line)}.iconButton{flex:none;width:44px;height:44px;border:none;border-radius:999px;background:transparent;color:var(--ink-soft);font-size:1rem;cursor:pointer}.iconButton:active{background:color-mix(in srgb,var(--coral) 18%,transparent)}.iconButton:disabled{opacity:.35;cursor:not-allowed}.input,.select{min-height:48px;width:100%;border-radius:14px;border:1.5px solid var(--line);background:var(--base);color:var(--ink);padding:.6rem .8rem;font:inherit;font-size:1rem}.input--flush{background:transparent;border-color:transparent;padding-inline:.4rem}.input--flush:focus{border-color:var(--azure);background:var(--base)}.input--name{font-family:var(--font-round);font-weight:700;font-size:1.1rem}.input--tag{font-size:.92rem;color:var(--ink-soft)}.toggle{min-height:48px;padding:.5rem 1rem;border:1.5px solid var(--line);border-radius:999px;background:transparent;color:var(--ink-soft);font-family:var(--font-round);font-weight:700;font-size:.92rem;cursor:pointer;align-self:end}.toggle--on{border-color:transparent;background:var(--gradient);color:#fff}.switch{flex:none;width:60px;height:34px;border:none;border-radius:999px;background:var(--line);cursor:pointer;padding:3px;display:flex;transition:background .16s ease}.switch--on{background:var(--gradient)}.switch__knob{width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #101a3a59;transition:transform .16s cubic-bezier(.2,.9,.3,1.3)}.switch--on .switch__knob{transform:translate(26px)}.editList,.memberList,.ruleList,.pairList,.historyList,.historyTeams{list-style:none;display:flex;flex-direction:column;gap:.7rem}.editRow{display:flex;align-items:center;gap:.5rem}.editRow__swatch{flex:none;width:14px;height:34px;border-radius:999px;background:var(--team)}.addRow{display:flex;gap:.6rem}.memberCard{border:1.5px solid var(--line);border-radius:var(--radius);padding:.8rem .8rem 1rem;display:flex;flex-direction:column;gap:.4rem}.memberCard--out{opacity:.62}.memberCard__top{display:flex;align-items:center;gap:.4rem}.memberCard__controls{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.4rem}.memberCard__controls .toggle{grid-column:1 / -1}.field{display:flex;flex-direction:column;gap:.3rem;min-width:0}.field label{font-size:.78rem;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em}.ruleRow{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0}.ruleRow__title{font-family:var(--font-round);font-weight:700;font-size:1.05rem}.ruleRow__blurb{margin-top:.2rem;color:var(--ink-soft);font-size:.9rem;line-height:1.45}.pairRow{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:color-mix(in srgb,var(--azure) 9%,transparent);border-radius:14px;padding:.35rem .4rem .35rem .9rem}.pairRow__text{font-weight:600}.pairRow__amp{color:var(--azure);font-weight:800;padding-inline:.2rem}.pairPicker{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.pairPicker .button{grid-column:1 / -1}.historyEntry__date{font-family:var(--font-round);font-weight:800;font-size:1.05rem}.historyTeam{border-left:4px solid var(--team);padding-left:.8rem}.historyTeam__name{font-family:var(--font-round);font-weight:700;color:var(--team)}.historyTeam__members{color:var(--ink-soft);font-size:.92rem;line-height:1.5}.burst{position:absolute;top:4.5rem;left:50%;width:1px;height:1px;pointer-events:none;z-index:2}.burst__spark{position:absolute;inset:0;width:9px;height:9px;margin:-4.5px;border-radius:999px;background:var(--gradient-hot);opacity:0;animation:spark .9s cubic-bezier(.15,.85,.3,1) var(--delay) both}.burst__spark:nth-child(2n){background:var(--gradient)}@keyframes spark{0%{opacity:0;transform:rotate(var(--angle)) translateY(0) scale(.4)}25%{opacity:.85}to{opacity:0;transform:rotate(var(--angle)) translateY(-120px) scale(1)}}.tabbar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(.75rem + env(safe-area-inset-bottom));width:min(26rem,calc(100% - 1.5rem));display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem;padding:.4rem;border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 34px -14px #101a3a8c;z-index:5}.tabbar__tab{min-height:56px;border-radius:999px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;text-decoration:none;color:var(--ink-soft);font-family:var(--font-round);font-weight:700;font-size:.75rem}.tabbar__icon{font-size:1.15rem;line-height:1}.tabbar__tab.active{background:var(--gradient);color:#fff}:where(a,button,input,select,[role=switch]):focus-visible{outline:3px solid var(--azure);outline-offset:2px}@media(prefers-reduced-motion:reduce){.burst{display:none}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}