.ff{--ff-paddock:var(--surface-2);--ff-paddock-plain:var(--bg);gap:clamp(2rem,5vw,3.5rem);display:grid}@media (prefers-color-scheme:dark){.ff{--ff-paddock:color-mix(in srgb, var(--fg) 30%, var(--surface-2));--ff-paddock-plain:var(--ff-paddock)}}.ff>.game-stats{margin:0}.ff h2{font-size:clamp(1.5rem,3vw,2rem)}.ff h3{margin:1.25rem 0 .5rem;font-size:1.125rem}.ff h4{margin:1.25rem 0 .25rem;font-size:1rem}.ff ul,.ff ol{margin:0;padding:0;list-style:none}.ff p{margin:0}.ff-note,.ff-head p{color:var(--muted);font-size:.9375rem}.ff-head{flex-wrap:wrap;align-items:baseline;gap:.25rem 1rem;margin-bottom:1rem;display:flex}.ff-head .ff-small{align-self:center;margin-left:auto}.ff-small{min-height:40px;padding:.4rem 1rem;font-size:.9375rem}.ff-small[aria-pressed=true]{background:var(--surface-2);border-color:var(--fg)}.ff-link{min-height:32px;color:var(--accent);text-underline-offset:.15em;cursor:pointer;background:0 0;border:0;padding:.35rem 0;font-weight:600;text-decoration:underline}.ff-link:hover{color:var(--accent-hover)}.ff-art{background:var(--ff-paddock);border-radius:var(--radius-sm);padding:6% 6% 2%;line-height:0;display:block}.ff-art .horse-art{aspect-ratio:1000/774;width:100%;height:auto;display:block}.ff-foal .horse-art{transform-origin:50% 100%;transform:scale(.72)}.ff-tag{border:1px solid var(--line-strong);color:var(--muted);white-space:nowrap;border-radius:999px;padding:.05rem .5rem;font-size:.75rem;font-weight:600;line-height:1.5;display:inline-block}.ff-tag-new{border-color:var(--accent);color:var(--accent)}.ff-breeding{align-items:start;gap:clamp(1.5rem,3vw,2.5rem);display:grid}@media (width>=60rem){.ff-breeding{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}.ff-choose h3:first-of-type{margin-top:1rem}.ff-outcome h3:first-of-type{margin-top:1.5rem}.ff-picker{grid-template-columns:repeat(auto-fill,minmax(6.25rem,1fr));gap:.5rem;display:grid}.ff-chip{text-align:left;color:var(--fg);background:var(--bg);border-radius:var(--radius-sm);cursor:pointer;border:2px solid #0000;align-content:start;gap:.15rem;padding:.4rem .4rem .5rem;display:grid;position:relative}.ff-chip:hover:not(:disabled){border-color:var(--line-strong)}.ff-chip[aria-pressed=true]{border-color:var(--accent)}.ff-chip[aria-pressed=true] .ff-chip-name:after{content:" ✓";color:var(--accent)}.ff-chip:disabled{cursor:default}.ff-chip:disabled .ff-art{opacity:.55}.ff-chip .ff-art{border-radius:9px;margin-bottom:.2rem}.ff-chip-name{overflow-wrap:anywhere;font-weight:700;line-height:1.2}.ff-chip-coat{color:var(--muted);font-size:.8125rem;line-height:1.25}.ff-chip .ff-tag{background:var(--bg);position:absolute;top:.6rem;right:.6rem}.ff-notice{border-radius:var(--radius-sm);background:var(--bg);margin-top:.75rem;padding:.6rem .9rem;font-size:.9375rem}.ff-pair{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:.5rem;display:grid}.ff-cross{font:700 1.5rem/1 var(--font-display);color:var(--muted);padding-top:clamp(2.5rem,9vw,4.5rem)}.ff-slot .ff-art{background:var(--ff-paddock-plain)}.ff-slot-mare .horse-art{transform:scaleX(-1)}.ff-slot.is-empty{aspect-ratio:5/4;border:2px dashed var(--line-strong);border-radius:var(--radius-sm);color:var(--muted);text-align:center;place-items:center;padding:.5rem;display:grid}.ff-slot-name{font:700 1.25rem/1.2 var(--font-display);margin-top:.5rem}.ff-slot-name span{font:400 .875rem/1.2 var(--font-body);color:var(--muted)}.ff-slot-coat{font-size:.9375rem}.ff-genes{color:var(--muted);margin-top:.4rem;font-size:.8125rem;line-height:1.45}.ff-genes b{min-width:3.2em;color:var(--fg);font-variant-numeric:tabular-nums;display:inline-block}.ff-headline{font-weight:600}.ff-odds{gap:.55rem;margin-top:.75rem;display:grid}.ff-odds li{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.2rem .75rem;display:grid}.ff-odds-name{flex-wrap:wrap;align-items:baseline;gap:.15rem .5rem;display:flex}.ff-odds-pct{font-variant-numeric:tabular-nums;font-weight:700}.ff-bar{background:var(--surface-2);border-radius:999px;grid-column:1/-1;height:.5rem;overflow:hidden}.ff-bar span{background:var(--accent);border-radius:999px;height:100%;display:block}.ff-why{gap:.4rem;font-size:.9375rem;display:grid}.ff-why li{padding-left:1rem;position:relative}.ff-why li:before{content:"";background:var(--accent);border-radius:50%;width:.4rem;height:.4rem;position:absolute;top:.65em;left:0}.ff-why+.ff-note{margin-top:.75rem}.ff-go{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:1.25rem;display:flex}.ff-go p{color:var(--muted);flex:14rem;font-size:.9375rem}.ff-go .btn[aria-disabled=true]{background:var(--surface-2);color:var(--muted);cursor:not-allowed}.ff-result{border-radius:var(--radius);background:var(--bg);grid-template-columns:minmax(6rem,10rem) minmax(0,1fr);align-items:center;gap:1rem;margin-top:1.25rem;padding:.9rem;display:grid}.ff-result[hidden]{display:none}.ff-result h3{margin:0 0 .25rem;font-size:1.25rem}.ff-result p{color:var(--muted);font-size:.9375rem}.ff-news{gap:.25rem;margin-top:.5rem;font-size:.9375rem;display:grid}@media (width<=30rem){.ff-result{grid-template-columns:1fr}.ff-result>.ff-art{max-width:11rem}}.ff-cards{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.75rem;display:grid}.ff-card{border-radius:var(--radius);background:var(--surface);align-content:start;gap:.1rem;padding:.6rem;display:grid}.ff-card .ff-art{margin-bottom:.4rem}.ff .ff-card h3{margin:0;font-size:1.125rem}.ff-card-coat{font-size:.9375rem;line-height:1.35}.ff-card-born{color:var(--muted);font-size:.8125rem;line-height:1.35}.ff-card .ff-link{justify-self:start;margin-top:.15rem;font-size:.875rem}.ff-undo{border-radius:var(--radius-sm);background:var(--surface);margin-bottom:1rem;padding:.4rem 1rem}.ff-undo[hidden]{display:none}.ff-tiles{grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.75rem;display:grid}.ff-tile{align-content:start;gap:.1rem;display:grid}.ff-tile-name{margin-top:.3rem;font-weight:700;line-height:1.25}.ff-tile-date{color:var(--muted);font-size:.8125rem;line-height:1.3}.ff-tile.is-unknown .ff-tile-name{color:var(--muted);font-weight:600}.ff-tile.is-unknown .horse-art{color:var(--line-strong)}.ff-tile.is-unknown .horse-art *{fill:currentColor}.ff-details{margin-top:1.25rem}.ff-details summary{cursor:pointer;padding:.35rem 0;font-weight:600}.ff-all{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.25rem 1.5rem;margin-top:.5rem;font-size:.9375rem;display:grid}.ff-all span{color:var(--muted);font-size:.8125rem}.ff-goals{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.6rem;display:grid}.ff-goals li{border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);grid-template-columns:auto 1fr;align-items:start;gap:.75rem;padding:.75rem .9rem;font-size:.9375rem;line-height:1.4;display:grid}.ff-goals strong{color:var(--fg)}.ff-check{border:2px solid var(--line-strong);border-radius:50%;place-items:center;width:1.5rem;height:1.5rem;margin-top:.1rem;font-size:.875rem;font-weight:700;line-height:1;display:grid}.ff-goals .is-done .ff-check{background:var(--button);border-color:var(--button);color:var(--button-fg)}.ff-goals+.ff-note{margin-top:.75rem}.ff-how>ul{max-width:var(--measure);gap:.4rem;margin-top:.75rem;display:grid}.ff-how>ul li{padding-left:1rem;position:relative}.ff-how>ul li:before{content:"";background:var(--line-strong);border-radius:50%;width:.4rem;height:.4rem;position:absolute;top:.7em;left:0}.ff-legend{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.75rem 1.5rem;margin:0 0 1rem;display:grid}.ff-legend dt{font-weight:700}.ff-legend dt span{color:var(--muted);margin-left:.25rem;font-size:.875rem;font-weight:400}.ff-legend dd{color:var(--muted);margin:0;font-size:.9375rem}.ff-how .ff-note{max-width:var(--measure)}#ff-reset{margin-top:.75rem}@media (prefers-reduced-motion:no-preference){.ff-result:not([hidden]){animation:.35s ease-out ff-arrive}.ff-chip,.ff-bar span{transition:border-color .15s,width .25s}@keyframes ff-arrive{0%{opacity:0;transform:translateY(.5rem)}}}