.family-strip{display:grid;gap:var(--space-3);padding-block:var(--space-5);border-block:1.5px solid var(--line)}.family-strip__title{margin:0;color:var(--ink-muted);font:700 var(--step--1) / 1.3 var(--font-body);letter-spacing:0.06em;text-transform:uppercase}.family-strip__all{border-color:var(--brand);background:var(--brand);color:var(--brand-ink)}.family-strip__all:hover{background:var(--brand-hover)}.family-intro{font-size:var(--step-1);line-height:1.55}.family-intro p:last-child,.family-jump{margin-bottom:0}.family-group{scroll-margin-top:var(--space-4)}.family-group__intro{max-width:var(--measure);color:var(--ink-muted)}.family-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:var(--space-3);margin:0;padding:0;list-style:none}.family-card{position:relative;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:var(--card-border);border-radius:var(--radius);background:var(--card-bg);box-shadow:var(--card-shadow);transition:transform 0.15s var(--ease),border-color 0.15s}.family-card:hover,.family-card:focus-within{border-color:var(--brand);transform:translateY(-2px)}.family-card__title{margin:0;font-size:var(--step-0);line-height:1.25}.family-card__title a{color:var(--link);text-decoration:none}.family-card__title a::after{content:"";position:absolute;inset:0;border-radius:inherit}.family-card__title a:focus-visible{outline:none}.family-card__title a:focus-visible::after{outline:3px solid var(--ring);outline-offset:2px}.family-card__text{margin:0;color:var(--ink-muted);font-size:var(--step--1);line-height:1.45}.family-card__preview{margin:auto 0 0;padding:var(--space-2) var(--space-3);border-left:3px solid var(--accent);border-radius:var(--radius-sm);background:var(--surface);font-size:var(--step--1);font-weight:650;line-height:1.4}html[data-card="outlined"] .family-card__preview,html[data-card="lifted"] .family-card__preview{background:var(--surface-2)}.family-card__eg{display:block;color:var(--ink-muted);font-size:0.85em;font-weight:700;letter-spacing:0.06em;text-transform:uppercase}@media print{.family-strip{display:none}}.tool + .result-links,.tool + .daily-pick,.tool + .engage-row{margin-top:var(--space-4)}.result-links + .daily-pick,.result-links + .engage-row,.daily-pick + .engage-row{margin-top:var(--space-3)}.result-links{display:flex;flex-direction:column;justify-content:center;min-height:calc(var(--tap) * 2);margin-bottom:0;padding-inline-start:var(--space-3);border-inline-start:3px solid var(--brand);font-size:var(--step--1)}.result-links[data-rows="1"]{min-height:var(--tap)}.result-links__lead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.result-links__list{display:flex;flex-direction:column;min-width:0}.result-links a{display:block;overflow:hidden;min-width:0;color:var(--link);font-weight:650;line-height:var(--tap);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.result-links a::before{content:"\2192\00a0";color:var(--ink-muted)}.result-links a:hover{text-decoration:underline}.result-links:has(.result-links__list:empty){border-color:transparent}.result-links:has(.result-links__list:empty) .result-links__lead{visibility:hidden}@media (min-width:48rem){.result-links,.result-links[data-rows]{flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--space-4);min-height:var(--tap)}.result-links__lead{position:static;flex:none;width:auto;height:auto;clip-path:none;color:var(--ink-muted);font-weight:700;letter-spacing:0.06em;text-transform:uppercase}.result-links__list{flex:1 1 auto;flex-direction:row;gap:var(--space-5)}.result-links a{flex:0 1 auto}}.daily-pick{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label streak" "text text";align-items:center;gap:var(--space-1) var(--space-3);margin-bottom:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--surface-2)}.daily-pick + .card-grid{margin-top:var(--space-3)}.daily-pick__label{grid-area:label;overflow:hidden;color:var(--ink-muted);font-size:var(--step--1);font-weight:700;letter-spacing:0.06em;line-height:1.5rem;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.daily-pick__streak{grid-area:streak;padding-inline:var(--space-2);border-radius:var(--radius-pill);background:var(--brand-soft);color:var(--link);font-size:var(--step--1);font-weight:700;line-height:1.5rem;white-space:nowrap}.daily-pick__text{display:-webkit-box;grid-area:text;overflow:hidden;min-height:2.7em;font-weight:700;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.daily-pick__text a{color:var(--link)}.daily-pick__label,.daily-pick__text{visibility:hidden;animation:engage-reveal 0s 2.5s forwards}.daily-pick[data-ready] .daily-pick__label,.daily-pick[data-ready] .daily-pick__text{visibility:visible;animation:none}@keyframes engage-reveal{to{visibility:visible}}@media (min-width:48rem){.daily-pick{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"label text streak";gap:var(--space-4)}.daily-pick__text{display:block;min-height:0;line-height:1.5rem;text-overflow:ellipsis;white-space:nowrap}}.engage-row{display:grid;gap:var(--space-4)}.next-up-slot{min-width:0}.next-up{position:relative;display:grid;gap:var(--space-2);box-sizing:border-box;height:10.75rem;padding:var(--space-3) var(--space-4);border:var(--card-border);border-radius:var(--radius);background:var(--card-bg);grid-template-rows:1.5rem auto;align-content:start}.next-up__title{margin:0;color:var(--ink-muted);font-size:var(--step--1);font-weight:700;letter-spacing:0.06em;line-height:1.5rem;text-transform:uppercase}.next-up__close{position:absolute;top:0;inset-inline-end:0;width:var(--tap);height:var(--tap);padding:0;border:0;border-radius:var(--radius-pill);background:none;color:var(--ink-muted);font:inherit;font-size:var(--step-1);line-height:1;cursor:pointer}.next-up__close:hover,.next-up__undo:hover{color:var(--ink)}.next-up__list{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.next-up__link{display:grid;align-content:center;box-sizing:border-box;height:3.25rem;padding-inline:var(--space-3);border-radius:var(--radius-sm);background:var(--surface-2);color:inherit;text-decoration:none}.next-up__link b,.next-up__link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.next-up__link b{color:var(--link);font-size:var(--step--1);line-height:1.35}.next-up__link span{color:var(--ink-muted);font-size:var(--step--1);line-height:1.35}.next-up__link:hover{background:var(--brand-soft)}.next-up__gone{margin:0;color:var(--ink-muted);font-size:var(--step--1)}.next-up__undo{min-height:var(--tap);padding:0 var(--space-2);border:0;background:none;color:var(--link);font:inherit;font-weight:650;text-decoration:underline;cursor:pointer}.next-up[data-dismissed]{border-color:transparent;background:none;box-shadow:none}@media (min-width:48rem){.engage-row--card{grid-template-columns:minmax(0,1fr) minmax(16rem,22rem);align-items:start;gap:var(--space-5)}.engage-row--card .next-up-slot{min-height:10.75rem}}@media (prefers-reduced-motion:no-preference){.next-up:not([hidden]){animation:engage-fade 0.25s var(--ease)}@keyframes engage-fade{from{opacity:0}}}.link-card__preview{display:-webkit-box;overflow:hidden;margin:var(--space-3) 0 0;padding-top:var(--space-2);border-top:1px dashed var(--line);color:var(--ink);font-size:var(--step--1);line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.link-card__preview-label{margin-inline-end:var(--space-1);color:var(--ink-muted);font-size:0.85em;font-weight:700;letter-spacing:0.06em;text-transform:uppercase}.recent-strip{position:relative;display:flex;align-items:center;gap:var(--space-3);overflow-x:auto;height:3.5rem;overscroll-behavior-x:contain;scrollbar-width:none}.recent-strip::-webkit-scrollbar{display:none}.recent-strip:focus{outline:none}.recent-strip__label,.recent-strip__hint{margin:0;color:var(--ink-muted);font-size:var(--step--1)}.recent-strip__label{flex:none;font-weight:700;letter-spacing:0.06em;text-transform:uppercase}.recent-strip__hint{line-height:1.35}.recent-strip__chips{flex:none;flex-wrap:nowrap}.recent-strip__chips .chip{white-space:nowrap}.chip--all{border-color:var(--brand);color:var(--link)}.recent-strip__clear{flex:none;min-height:var(--tap);padding:0 var(--space-2);border:0;background:none;color:var(--ink-muted);font:inherit;font-size:var(--step--1);text-decoration:underline;cursor:pointer}.recent-strip__clear:hover{color:var(--ink)}html[data-play] .site-header,html[data-play] .breadcrumb,html[data-play] .page-head,html[data-play] .result-links,html[data-play] .daily-pick,html[data-play] .engage-row{display:none}@media print{.result-links,.daily-pick,.engage-row,.recent-strip{display:none !important}}:root{--brand:#0b1512;--brand-ink:#ffffff;--accent:#f5420a;--surface:#f4f6f2;--surface-2:#e7ebe4;--ink:#0b1512;--ink-muted:#45524b;--line:#cdd5cb;--link:#0a6640;--accent-ink:#14161a;--brand-hover:#0a1311;--accent-hover:#f6511e;--radius:4px;--font-display:Inter,Roboto,"Helvetica Neue","Arial Nova","Nimbus Sans",Arial,sans-serif;--font-body:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--display-weight:900}@media screen and (prefers-color-scheme:dark){:root{--brand:#1b2a24;--brand-ink:#ffffff;--accent:#ff5a1f;--surface:#0a110e;--surface-2:#131d19;--ink:#eef3ee;--ink-muted:#a3b2a9;--line:#26332d;--link:#56e0a0;--accent-ink:#14161a;--brand-hover:#192721;--accent-hover:#ff6731}}html[data-header] .logo__mark--svg{min-width:0;width:2.25rem;padding:0;border-radius:0;background:none;color:inherit;flex:none}.logo__mark--svg > svg{display:block;width:100%;height:100%;overflow:visible}.logo--mark-right{flex-direction:row-reverse}@media print{.logo__mark--svg > svg{print-color-adjust:exact;-webkit-print-color-adjust:exact}}.logo__text{text-transform:uppercase;letter-spacing:0.05em;font-weight:900}:root{--pn:var(--brand);--pn-ink:var(--brand-ink);--stripes:none;--rail:linear-gradient(90deg,var(--accent) 0 38%,var(--pn-line,var(--line)) 0);--wheel-mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='1 0 62 62'><mask id='m'><circle cx='32' cy='38' r='23' fill='%23fff'/><path d='M7 38h50M19.5 16.35l25 43.3M44.5 16.35l-25 43.3' stroke='%23000' stroke-width='4'/><circle cx='32' cy='38' r='6'/><path d='M18 12h28L32 36z'/><path d='M17 4h30L32 30z' fill='%23fff'/></mask><rect x='1' width='62' height='62' mask='url(%23m)'/></svg>");--i-football:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path transform='rotate(-30 12 12)' fill-rule='evenodd' d='M1 12C6.5 3.4 17.5 3.4 23 12C17.5 20.6 6.5 20.6 1 12zM7 9h2v2h2V9h2v2h2V9h2v6h-2v-2h-2v2h-2v-2H9v2H7z'/></svg>");--i-basketball:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><mask id='m'><circle cx='12' cy='12' r='10.5' fill='%23fff'/><path d='M1 12h22M12 1v22M4.6 4.2c4.2 4.4 4.2 11.2 0 15.6M19.4 4.2c-4.2 4.4-4.2 11.2 0 15.6' fill='none' stroke='%23000' stroke-width='2'/></mask><rect width='24' height='24' mask='url(%23m)'/></svg>");--i-plate:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><mask id='m'><path d='M3 2h18v11l-9 9-9-9z' fill='%23fff'/><path d='M7 6h10v5.4l-5 5-5-5z' fill='none' stroke='%23000' stroke-width='2'/></mask><rect width='24' height='24' mask='url(%23m)'/></svg>");--i-board:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M1.6 2.5h5.8L4.5 7.5zM9 2.5h13v5H9zM2 9.5h5v5H2zM9 9.5h13v5H9zM2 16.5h5v5H2zM9 16.5h13v5H9z'/></svg>");--i-bracket:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M1 2.5H11V5.25H18V10.5H23V13.5H18V18.75H11V21.5H1V18.5H8V16H1V13H11V15.75H15V8.25H11V11H1V8H8V5.5H1z'/></svg>");--i-pennant:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><mask id='m'><path d='M3 1h3.5v22H3zM8.5 3L23 8.75 8.5 14.5z' fill='%23fff'/><path d='M12.5 3v12' fill='none' stroke='%23000' stroke-width='2'/></mask><rect width='24' height='24' mask='url(%23m)'/></svg>");--i-player:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><mask id='m'><path d='M12 1l5 2.9v5.7l-5 2.9-5-2.9V3.9z' fill='%23fff'/><path d='M2.5 23l2.6-9h13.8l2.6 9z' fill='%23fff'/><path d='M8.5 13h7L12 19.06z'/></mask><rect width='24' height='24' mask='url(%23m)'/></svg>");--i-die:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M2 2h20v20H2zM6 6h3.5v3.5H6zM14.5 6H18v3.5h-3.5zM10.25 10.25h3.5v3.5h-3.5zM6 14.5h3.5V18H6zM14.5 14.5H18V18h-3.5z'/></svg>");--i-empty:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'><mask id='m'><circle cx='80' cy='92' r='60' fill='%23fff'/><path d='M80 92L42 26.2h76z'/><path d='M20 92h120M50 40.04l60 103.92M110 40.04L50 143.96' fill='none' stroke='%23000' stroke-width='8'/><circle cx='80' cy='92' r='15'/></mask><rect width='160' height='160' mask='url(%23m)'/><path d='M58 6h44L80 44.1z'/></svg>");--cat:var(--wheel-mask);--tri:polygon(0 0,100% 0,50% 100%);--radius:0px;--radius-pill:0px;--measure:58ch;--font-display:"Helvetica Neue",Bahnschrift,sans-serif-condensed,"Arial Narrow","Nimbus Sans Narrow",sans-serif;scrollbar-color:var(--ink) var(--surface-2);caret-color:var(--accent);accent-color:var(--accent)} @supports (color:color-mix(in srgb,red,blue)){:root{--pn-2:color-mix(in srgb,var(--brand-ink) 9%,var(--brand));--pn-3:color-mix(in srgb,var(--brand-ink) 17%,var(--brand));--pn-muted:color-mix(in srgb,var(--brand-ink) 72%,var(--brand));--pn-line:color-mix(in srgb,var(--brand-ink) 24%,var(--brand));--pn-line-strong:color-mix(in srgb,var(--brand-ink) 50%,var(--brand));--pn-ok:color-mix(in srgb,var(--ok) 40%,var(--brand-ink));--pn-warn:color-mix(in srgb,var(--warn) 40%,var(--brand-ink));--pn-bad:color-mix(in srgb,var(--bad) 40%,var(--brand-ink));--ledge:color-mix(in srgb,var(--accent) 50%,#000);--turf:var(--link);--stripes:repeating-linear-gradient(100deg,#0000 0 4.5rem,color-mix(in srgb,var(--brand-ink) 4%,#0000) 0 9rem)}@media (prefers-color-scheme:dark){:root{--turf:#0f7a4d}html[data-site] .tool{box-shadow:0 0 0 1px var(--pn-line),0 2rem 3rem -2rem #000}}@media screen{html[data-site] .tool{--surface:var(--pn-2);--surface-2:var(--pn-3);--ink:var(--pn-ink);--ink-muted:var(--pn-muted);--line:var(--pn-line);--line-strong:var(--pn-line-strong);--brand:var(--pn-ink);--brand-ink:var(--pn);--brand-soft:var(--pn-3);--link:var(--pn-ink);--ring:var(--pn-ink);--ok:var(--pn-ok);--warn:var(--pn-warn);--bad:var(--pn-bad);--ok-soft:var(--pn-3);--warn-soft:var(--pn-3);--bad-soft:var(--pn-3);--card-bg:var(--pn-2);background:var(--rail) top/100% 5px no-repeat,var(--stripes),var(--pn);color:var(--ink);scrollbar-color:var(--pn-line-strong) var(--pn-2)}.result-card{background:linear-gradient(var(--accent) 0 0) 0 100%/100% 4px no-repeat var(--surface)}.result-card__label{color:color-mix(in srgb,var(--accent) 60%,var(--pn-ink))}.wheel__segs path{stroke:var(--pn-ink)}.wheel :is([data-tone="1"],[data-tone="3"]){--wheel-fill:var(--turf)}.wheel [data-tone="2"]{--wheel-fill:var(--pn);--wheel-ink:var(--pn-ink)}.wheel__segs :is([data-tone="1"],[data-tone="3"]){fill:var(--turf)}.wheel__segs [data-tone="2"]{fill:var(--pn)}.wheel__labels [data-tone="2"]{fill:var(--pn-ink)}.wheel__win-line{stroke:var(--accent)}.wheel__pointer{top:.25rem;width:2rem;fill:var(--accent);stroke:var(--pn);stroke-width:3;stroke-linejoin:miter;paint-order:stroke;transform-origin:50% 8%}.wheel__stage{border-radius:50%/51% 51% 49% 49%;box-shadow:0 1.75rem 2.5rem -1.5rem #000}.wheel__stage::before{content:"";position:absolute;inset:var(--space-2) 0 0;border-radius:50%;box-shadow:inset 0 0 0 2px var(--pn-line-strong)}.is-spinning .wheel__result>*{opacity:0}.wheel__result{position:relative}.is-spinning .wheel__result{opacity:1;background-size:30% 4px}.is-spinning .wheel__result::before{content:"Spinning";position:absolute;inset:0;display:grid;place-content:center;color:var(--pn-muted);font-size:var(--step-2);font-weight:var(--display-weight);letter-spacing:.16em}}} body{overflow-x:clip;font-variant-numeric:tabular-nums} h1,h2,h3,caption,.logo,.btn-primary,.result-card__text,.result-card__label,.result__text,.site-nav a,.count,.try-next__label,.groups__name,.wheel__labels,.toast,.wheel__result::before,main::after{font-family:var(--font-display);font-stretch:condensed;text-transform:uppercase;letter-spacing:.06em} h1,h2,.result-card__text{letter-spacing:0} h1{line-height:1} h3,.wheel__labels{letter-spacing:.02em} .logo{letter-spacing:.03em} .dataset-group h3{border-bottom:2px solid var(--ink)} .tagline,.lede{max-width:46ch} ::selection{background:var(--link);color:var(--surface)} main>section>h2,.prose h2{padding-top:var(--space-3);border-top:2px solid var(--ink)} .featured h2::before,.prose>h2:first-child::before{content:"";display:inline-block;width:.6em;height:.52em;margin-right:.4em;background:var(--accent);clip-path:var(--tri);vertical-align:.08em} @media (min-width:80rem){.featured h2::before,.prose>h2:first-child::before{margin-left:-1em}} .category-block h2 a::before,.meta a[href*="/category/"]::before,.chip[href*="/category/"]::before,.result-links a::before,.recent-strip__hint::before,.page--hub .page-head::before{content:"";display:inline-block;flex:none;width:1.25em;height:1.25em;margin-right:.4em;background:currentColor;-webkit-mask:var(--cat) center/contain no-repeat;vertical-align:-.24em} :is(:root:has(link[href$="/football/"]),[href$="/football/"]){--cat:var(--i-football)} :is(:root:has(link[href$="/basketball/"]),[href$="/basketball/"]){--cat:var(--i-basketball)} :is(:root:has(link[href$="/baseball-hockey-soccer/"]),[href$="/baseball-hockey-soccer/"]){--cat:var(--i-plate)} :is(:root:has(link[href$="/draft-tools/"]),[href$="/draft-tools/"]){--cat:var(--i-board)} :is(:root:has(link[href$="/brackets-and-schedules/"]),[href$="/brackets-and-schedules/"]){--cat:var(--i-bracket)} :is(:root:has(link[href$="/more-sports/"]),[href$="/more-sports/"]){--cat:var(--i-pennant)} :is(:root:has(link[href$="/character-design/"]),[href$="/character-design/"]){--cat:var(--i-player)} :is(:root:has(link[href$="/numbers-and-random/"]),[href$="/numbers-and-random/"]){--cat:var(--i-die)} [href$="/party-and-decision-wheels/"]{--cat:var(--wheel-mask)} .result-links a::before{--cat:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M2 10.25h10.34V6L22.73 12l-10.39 6v-4.25H2z'/></svg>");background:var(--accent)} @supports selector(:has(a)){.icon:has([d^="M12 1"],[d^="M9.5"],[d^="M7 8"],[d^="M4.5 6"],[d^="M4.5 1"],[d^="M12 2"],[d^="M6.5"],[d^="M20"]){fill:none;stroke:none;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat}.icon:has([d^="M12 1"]){--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M12 1l5 8.66h-3.25V16h-3.5V9.66H7zM3 12h3.5v7.5h11V12H21v11H3z'/></svg>")}.icon:has([d^="M9.5"]){--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M8 1h14v16h-3.5V4.5H8zM2 7h14v12l-4 4H2z'/></svg>")}.icon:has([d^="M7 8"]){--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M6 1h12v5H6zM1 8h22v11h-4v-5H5v5H1zM17 10.5h3v2h-3zM7.5 16h9v7h-9z'/></svg>")}.icon:has([d^="M4.5 6"]){--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M9 1h6v2.5h6V7H3V3.5h6zM5 9h14l-1.2 14H6.2zM9 11.5h2v9H9zM13 11.5h2v9h-2z'/></svg>")}.icon:has([d^="M4.5 1"]){--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M2 12.8l3-3 4.5 4.5L19 4.8l3 3L9.5 20.3z'/></svg>")}.icon:has([d^="M20"]){--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M6.5 2l4.5 7.79H8V17H5V9.79H2zM17.5 22L13 14.21h3V7h3v7.21h3z'/></svg>")}.icon:has([d^="M12 2"]){--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><clipPath id='c'><path id='p' clip-rule='evenodd' d='M12 22L2 12V6.5L6.5 2h2L12 5.5 15.5 2h2L22 6.5V12z'/></clipPath><use href='%23p' clip-path='url(%23c)' fill='none' stroke='%23000' stroke-width='5'/></svg>")}[aria-pressed=true]>.icon:has([d^="M12 2"]){--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M12 22L2 12V6.5L6.5 2h2L12 5.5 15.5 2h2L22 6.5V12z'/></svg>")}.icon:has([d^="M6.5"]){--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><clipPath id='c'><path id='p' clip-rule='evenodd' d='M6.5 10V5l3-3h5l3 3v5H20v12H4V10zM9.5 10h5V6.2L13.3 5h-2.6L9.5 6.2zM11 14h2v4.5h-2z'/></clipPath><use href='%23p' clip-path='url(%23c)' fill='none' stroke='%23000' stroke-width='5'/></svg>")}[aria-pressed=true]>.icon:has([d^="M6.5"]){--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M6.5 10V5l3-3h5l3 3v5H20v12H4V10zM9.5 10h5V6.2L13.3 5h-2.6L9.5 6.2zM11 14h2v4.5h-2z'/></svg>")}} html[data-header=bar] .site-header{background:var(--rail) bottom/100% 4px no-repeat,var(--stripes),var(--brand)} .logo__mark [fill^="#0"]{fill:var(--brand)} .logo__mark [stroke]{stroke:var(--brand)} html[data-header=bar] .site-nav a[aria-current]{background:none;box-shadow:inset 0 -3px var(--accent)} .site-nav a:focus-visible{outline-offset:-3px} @media (max-width:40rem){.site-nav ul{padding-right:2.5rem;-webkit-mask:linear-gradient(90deg,#000 calc(100% - 3rem),#0000)}.page--tool{padding-top:var(--space-2)}.page--tool:has(.wheel){padding-top:var(--space-4)}.page--tool .breadcrumb,.page--tool .meta li:nth-last-child(-n+2){display:none}.page--tool .meta__category{display:block}.page--tool .meta li:nth-last-child(3)::after{content:none}.page--tool .meta{flex-wrap:nowrap;white-space:nowrap}.meta li+li{overflow:hidden;text-overflow:ellipsis}.page--tool .breadcrumb+*{margin-top:0}.tool-status{font-size:.78rem;text-wrap:balance}.roundrobin__only{white-space:nowrap}.page--tool h1{font-size:1.6rem}.page--tool .tagline{margin-bottom:var(--space-2);font-size:1rem;line-height:1.35}.page-head+.tool{margin-top:var(--space-2)}} @container (max-width:45.99rem){.wheel__side{display:contents}.wheel__controls{order:-2}.wheel__result{order:-1}} .btn-primary,.btn-primary:hover{background:linear-gradient(135deg,#0000 .6rem,var(--accent) 0) 0 0/51% 100% no-repeat border-box,linear-gradient(315deg,#0000 .6rem,var(--accent) 0) 100% 0/51% 100% no-repeat border-box;color:var(--accent-ink);filter:drop-shadow(0 4px 0 var(--ledge))} @media (hover:hover){.btn-primary:hover{filter:drop-shadow(0 4px 0 var(--ledge)) brightness(1.08)}.segmented .pill:hover{border-color:var(--brand)}} .btn,.pill{-webkit-tap-highlight-color:#0000} .btn:active,.pill:active{transform:translateY(1px)} .bracket .btn-lg,.roundrobin .btn-lg,.draft__go{padding:0} .btn-primary:active{transform:translateY(3px);filter:drop-shadow(0 1px 0 var(--ledge))} .btn-primary.btn-lg{font-size:var(--step-2)} .wheel__stage:active .wheel__disc{scale:.985} .chip:hover,.chip:focus-visible{border-color:var(--ink);box-shadow:inset 4px 0 var(--accent)} .icon{stroke-linecap:butt;stroke-linejoin:miter} .toast{background:var(--rail) top/100% 3px no-repeat,var(--pn);box-shadow:0 0 0 1px var(--pn-line,#0000),var(--shadow-2);color:var(--pn-ink)} .roundrobin__round caption,.groups__name{background:var(--brand);color:var(--brand-ink)} .hero{--link:var(--pn-ink);--ring:var(--pn-ink);--surface:var(--pn);position:relative;isolation:isolate;padding-bottom:var(--space-7);color:var(--pn-ink)} .hero::before,.hero::after{content:"";position:absolute;z-index:-1} .hero::before{inset:calc(var(--space-5)*-1) calc(50% - 50vw) 0;background:var(--stripes),var(--pn);clip-path:polygon(0 0,100% 0,100% calc(100% - 2.2rem),0 100%)} .hero .lede{color:var(--pn-muted)} .hero h1{margin-bottom:var(--space-4)} @media (max-width:40rem){.hero .lede{font-size:1rem}.hero .lede p+p{display:none}} .recent-strip__hint{display:flex;align-items:center;align-self:stretch;margin-block:var(--space-1);padding-inline:var(--space-3);border:1.5px dashed var(--line-strong)} .recent-strip__hint::before{width:1.5rem;height:1.5rem;margin-right:var(--space-3)} .page--saved .recent-strip{display:none} .page--home>section{margin-top:var(--space-7)} .category-block>p{max-width:var(--measure);color:var(--ink-muted)} .category-block h2 a{text-decoration:none} .category-block h2 a:hover{color:var(--link)} .category-block h2 a::before{color:var(--ink)} @media (min-width:64rem){.page--home .category-block{display:grid;grid-template:auto auto 1fr/17rem 1fr;gap:0 var(--space-7);margin-top:var(--space-6);padding-top:var(--space-4);border-top:2px solid var(--ink)}.page--home .category-block h2{padding:0;border:0;font-size:var(--step-2)}.page--home .category-block h2 a{display:inline-block}.page--home .category-block h2 a::before{display:block;width:2.75rem;height:2.75rem;margin:0 0 var(--space-3)}.page--home .category-block>p{font-size:var(--step--1)}.page--home .category-block .link-list{grid-area:1/2/span 3}} @media (min-width:80rem){.hero::after{top:50%;right:-2rem;width:34rem;aspect-ratio:1;translate:0 -50%;background:conic-gradient(from -30deg at 50% 61.3%,var(--accent) 0 60deg,var(--pn-ink) 0);-webkit-mask:var(--wheel-mask) center/contain no-repeat}} .link-card{background:var(--card-bg);box-shadow:inset 0 3px var(--ink)} .link-card:hover,.link-card:focus-visible{box-shadow:inset 0 5px var(--accent)} .link-card:active{transform:none} .link-card__title{color:var(--ink);font-size:var(--step-1);line-height:1.05} .link-card__text{max-width:var(--measure)} .link-list{row-gap:var(--space-3);line-height:1.3} :is(.featured,.related) .card-grid{display:flex;flex-wrap:wrap} :is(.featured,.related) .card-grid>li{flex:1 1 16rem} @media (min-width:38rem){.featured .card-grid>:first-child:nth-last-child(odd){flex:2 1 32.75rem}.featured .card-grid>:first-child:nth-last-child(odd) .link-card__title{font-size:var(--step-3)}.featured .card-grid>:first-child:nth-last-child(odd) .link-card__text{font-size:var(--step-0)}} .page--hub h1{font-size:var(--step-5)} .page--hub .page-head,.page--404 .page-head,.page--saved .page-head{display:flow-root;margin-bottom:var(--space-4);padding-bottom:var(--space-5);background:var(--rail) bottom/100% 5px no-repeat} .page--hub .page-head::before{float:right;width:clamp(2.75rem,9vw,7rem);height:auto;aspect-ratio:1;margin:0 0 0 var(--space-4)} .page--hub .card-grid{grid-template-columns:1fr} .page--hub .link-card{padding:var(--space-5)} @media (min-width:44rem) and (max-width:65.99rem){.page--hub .card-grid{grid-template-columns:1fr 1fr}.page--hub .card-grid>:last-child:nth-child(odd){grid-column:1/-1}} @media (min-width:66rem){.page--hub .card-grid{grid-template-columns:1fr 1fr 1fr}.page--hub .card-grid>:last-child:nth-child(3n+1){grid-column:1/-1}.page--hub .card-grid>:last-child:nth-child(3n+2){grid-column:span 2}} @media (max-width:40rem){.page--hub .tagline{clear:right;font-size:var(--step-0)}} .page--404 .page-head::before,[data-saved-empty]::before{content:"";display:block;width:6rem;aspect-ratio:1;margin-bottom:var(--space-4);background:linear-gradient(var(--accent) 0 0) 50% 4.9%/27.5% 23.9% no-repeat,var(--ink);-webkit-mask:var(--i-empty) center/contain no-repeat} .page--404>*,.page--saved>.page-head,.page--saved>.related{max-width:none} [data-saved-empty]{padding:var(--space-5);color:var(--ink);font-size:var(--step-0)} @media (min-width:40rem){.page--404 .page-head::before{float:left;width:10rem;margin:0 var(--space-6) 0 0}.page--404 h1{padding-top:var(--space-5)}[data-saved-empty]{display:flex;align-items:center;gap:var(--space-5)}[data-saved-empty]::before{flex:none;margin:0}} .count{background:var(--ink);color:var(--surface)} .tips li::before{top:.5em;height:.606em;border-radius:0;clip-path:var(--tri)} .faq{gap:0} .faq details{border:0;border-top:1px solid var(--line-strong);background:none} .faq summary{justify-content:flex-start;padding-inline:0} .faq summary::after,.faq details[open]>summary::after{content:"";order:-1;width:.7rem;height:.606rem;background:var(--accent);clip-path:var(--tri);rotate:-90deg} .faq details[open]>summary::after{rotate:0deg} .faq details>:not(summary){padding-inline:calc(.7rem + var(--space-3)) 0} .dataset-list .e{color:#0000;text-shadow:0 0 0 var(--ink-muted)} .site-footer{border-top:0;background:var(--rail) top/100% 4px no-repeat,var(--surface-2)} @media (prefers-reduced-motion:no-preference){.pill,.wheel__disc,.faq summary::after{transition:.15s var(--ease);transition-property:background,border-color,color,scale,rotate}.is-spinning .wheel__result{animation:wot-sweep .9s linear infinite}.is-spinning .wheel__result::before{animation:wot-breathe .9s ease-in-out infinite alternate}.hero::after{animation:wot-art .9s var(--ease) both}.wheel:not(.is-spinning):has(.is-new) .wheel__pointer{animation:wot-kick .5s ease-out}.wheel__result:has(.is-new){animation:wot-rail .5s var(--ease)}.result-card__text.is-new{animation:wot-name .42s var(--ease) .06s both}} @keyframes wot-sweep{0%{background-position:-43% 100%}to{background-position:143% 100%}} @keyframes wot-breathe{0%{opacity:.55}} @keyframes wot-art{0%{opacity:0;translate:4rem -50%}} @keyframes wot-kick{30%{rotate:-10deg}65%{rotate:4deg}} @keyframes wot-rail{0%{background-size:0 4px}} @keyframes wot-name{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateX(-.4em) skewX(-8deg)}to{clip-path:inset(0 -5%)}} @media print{.hero{color:inherit}.hero::before,.hero::after,.page-head::before,[data-saved-empty]::before{display:none}html:not([data-print]) .print-only[class$=title]:not(.bracket__print-title,.slots__print-title){display:none}.wheel__main{display:block}main::after{content:"wheelofteams.com";display:block;margin-top:8mm;padding-top:2mm;border-top:.5mm solid;font-size:9pt;font-weight:700}}