.counters.svelte-ytktoy{--ux:#4c8fe8;--mine:#60a5fa;--theirs:#f472b6;--draw:#9aa3b5;--both:#ef4444;gap:1.25rem;max-width:980px;margin:0 auto;display:grid}.hero.svelte-ytktoy{border:1px solid var(--line);border-top:6px solid var(--ux);border-radius:var(--radius);background:var(--surface);align-items:center;gap:1.1rem;padding:1.25rem 1.4rem;display:flex}.kicker.svelte-ytktoy{color:color-mix(in srgb, var(--ux) 70%, var(--text));letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:800}h1.svelte-ytktoy{letter-spacing:-.02em;font-size:clamp(1.6rem,4vw,2.1rem)}.lead.svelte-ytktoy{color:var(--muted);margin:.3rem 0 0;line-height:1.5}.locked.svelte-ytktoy,.target.svelte-ytktoy,.results.svelte-ytktoy{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:1.2rem 1.3rem}.locked.svelte-ytktoy{gap:.75rem;display:grid}.locked.svelte-ytktoy p:where(.svelte-ytktoy){margin:0;line-height:1.6}.target.svelte-ytktoy{align-items:flex-start;gap:1.25rem;display:flex}.target-wheel.svelte-ytktoy{flex:none}.target-info.svelte-ytktoy{flex:1;gap:.7rem;min-width:0;display:grid}.target-title.svelte-ytktoy{align-items:center;gap:.5rem;display:flex}.target-title.svelte-ytktoy h2:where(.svelte-ytktoy),.target-info.svelte-ytktoy>h2:where(.svelte-ytktoy){font-size:1.5rem}.source.svelte-ytktoy{flex-wrap:wrap;align-items:center;gap:.4rem;margin:-.3rem 0 0;font-size:.85rem;display:flex}.switches.svelte-ytktoy{flex-wrap:wrap;gap:.5rem;display:flex}.turn.svelte-ytktoy{border:2px solid var(--line);background:var(--surface-2);border-radius:100px;flex-wrap:wrap;align-items:center;gap:.2rem;min-width:0;margin:0;padding:.25rem .35rem .25rem .75rem;display:inline-flex}.turn.svelte-ytktoy legend:where(.svelte-ytktoy){float:left;color:var(--muted);margin-right:.35rem;padding:0;font-size:.8rem;font-weight:800}.turn-option.svelte-ytktoy{color:var(--muted);letter-spacing:normal;text-transform:none;cursor:pointer;border-radius:100px;margin:0;padding:.2rem .6rem;font-size:.82rem;font-weight:700;display:inline-flex;position:relative}.duel-buttons.svelte-ytktoy{flex-wrap:wrap;gap:.5rem;display:inline-flex}.turn-option.svelte-ytktoy input:where(.svelte-ytktoy){opacity:0;cursor:pointer;position:absolute;inset:0}.turn-option.svelte-ytktoy:has(input:where(.svelte-ytktoy):checked){background:var(--ux);color:#fff}.turn-option.svelte-ytktoy:has(input:where(.svelte-ytktoy):focus-visible){outline:2px solid var(--ux);outline-offset:2px}.ability-note.svelte-ytktoy{font-size:.9rem}.ability-note.svelte-ytktoy summary:where(.svelte-ytktoy){cursor:pointer;flex-wrap:wrap;gap:.2rem .5rem;display:flex}.ability-note.svelte-ytktoy ul:where(.svelte-ytktoy){margin:.4rem 0 .3rem;padding-left:1.2rem;line-height:1.5}.small-left.svelte-ytktoy{margin:.2rem 0 0;font-size:.8rem}.switch.svelte-ytktoy{border:2px solid var(--line);background:var(--surface-2);letter-spacing:normal;text-transform:none;cursor:pointer;border-radius:100px;align-items:center;gap:.5rem;margin:0;padding:.4rem .8rem .4rem .45rem;font-size:.85rem;font-weight:700;display:inline-flex;position:relative}.switch.svelte-ytktoy:has(input:where(.svelte-ytktoy):checked){border-color:var(--ux)}.switch.svelte-ytktoy input:where(.svelte-ytktoy){opacity:0;width:1px;height:1px;position:absolute;top:0;left:0}.track.svelte-ytktoy{background:var(--switch-track);border-radius:999px;flex:none;width:38px;height:22px;transition:background .2s;position:relative}.thumb.svelte-ytktoy{background:var(--switch-thumb);border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px}.switch.svelte-ytktoy:has(input:where(.svelte-ytktoy):checked) .track:where(.svelte-ytktoy){background:var(--ux)}.switch.svelte-ytktoy:has(input:where(.svelte-ytktoy):checked) .thumb:where(.svelte-ytktoy){background:#fff;transform:translate(16px)}.switch.svelte-ytktoy input:where(.svelte-ytktoy):focus-visible+.track:where(.svelte-ytktoy){outline:2px solid var(--ux);outline-offset:2px}.results.svelte-ytktoy{gap:.9rem;transition:opacity .15s;display:grid}.results.busy.svelte-ytktoy{opacity:.55}.setup.svelte-ytktoy{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;padding:1.1rem 1.3rem;display:grid}.setup-side.svelte-ytktoy{align-content:start;gap:.6rem;min-width:0;display:grid}.setup.svelte-ytktoy h3:where(.svelte-ytktoy){text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.conditions.svelte-ytktoy{flex-wrap:wrap;gap:.3rem;display:flex}.conditions.svelte-ytktoy button:where(.svelte-ytktoy){border:1px solid var(--line);background:var(--surface-2);color:var(--muted);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:.25rem;padding:.25rem .6rem;font-size:.8rem;font-weight:700;display:inline-flex}.conditions.svelte-ytktoy button.on:where(.svelte-ytktoy){border-color:var(--ux);background:var(--ux);color:#fff}.switch.wait.svelte-ytktoy{justify-self:start}.setup-buttons.svelte-ytktoy{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.setup-buttons.svelte-ytktoy>*{min-width:0}.setup-buttons.svelte-ytktoy :is(.plate-btn,.fx-btn,.chain-btn){max-width:100%;overflow:hidden}.setup-buttons.svelte-ytktoy .plate-btn span,.setup-buttons.svelte-ytktoy .fx-btn .label,.setup-buttons.svelte-ytktoy .chain-btn strong{text-overflow:ellipsis;min-width:0;overflow:hidden}.chain-level.svelte-ytktoy{color:#fff;background:radial-gradient(circle,#08a77c,#056a4f 80%);border:2px solid #0afc9c;border-radius:999px;justify-content:space-between;align-items:center;height:46px;padding:0 .3rem;display:flex;box-shadow:0 4px #034a37}.chain-level.on.svelte-ytktoy{box-shadow:0 4px #034a37,0 0 12px #0afc9c8c}.chain-level.svelte-ytktoy button:where(.svelte-ytktoy){color:#fff;cursor:pointer;background:#00000040;border:0;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;padding:0;display:grid}.chain-level.svelte-ytktoy button:where(.svelte-ytktoy):disabled{opacity:.35;cursor:not-allowed}.chain-level.svelte-ytktoy svg:where(.svelte-ytktoy){fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;width:14px;height:14px}.chain-value.svelte-ytktoy{text-shadow:0 1px #0000004d;align-items:center;gap:.25rem;font-weight:900;display:inline-flex}.chain-value.svelte-ytktoy small:where(.svelte-ytktoy){opacity:.7;font-size:.75em}.setup.svelte-ytktoy .setup-note:where(.svelte-ytktoy){text-align:left;margin:0}.filters.svelte-ytktoy{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:.6rem .8rem}.filters.svelte-ytktoy summary:where(.svelte-ytktoy){cursor:pointer;align-items:center;gap:.45rem;font-weight:800;display:flex}.filter-count.svelte-ytktoy{background:var(--ux);color:#fff;border-radius:100px;padding:0 .45rem;font-size:.75rem}.filter-rows.svelte-ytktoy{gap:.55rem;margin-top:.65rem;display:grid}.filter-row.svelte-ytktoy{grid-template-columns:7rem minmax(0,1fr);align-items:baseline;gap:.6rem;display:grid}.filter-label.svelte-ytktoy{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:800}.filter-label.svelte-ytktoy small:where(.svelte-ytktoy){letter-spacing:0;text-transform:none;font-weight:600;display:block}.chips.svelte-ytktoy{flex-wrap:wrap;gap:.35rem;display:flex}.chip.svelte-ytktoy{border:1px solid var(--line);background:var(--surface);color:var(--muted);letter-spacing:normal;text-transform:none;cursor:pointer;border-radius:999px;align-items:center;gap:.3rem;margin:0;padding:.22rem .6rem;font-size:.82rem;font-weight:700;display:inline-flex;position:relative}.chip.svelte-ytktoy input:where(.svelte-ytktoy){opacity:0;width:1px;height:1px;position:absolute;top:0;left:0}.chip.svelte-ytktoy:has(input:where(.svelte-ytktoy):focus-visible){outline:2px solid var(--ux);outline-offset:2px}.chip.svelte-ytktoy:has(input:where(.svelte-ytktoy):checked){border-color:var(--ux);background:var(--ux);color:#fff}.chip.type.svelte-ytktoy{text-transform:capitalize}.chip.type.svelte-ytktoy:has(input:where(.svelte-ytktoy):checked){background:var(--t);color:#0d1016;border-color:#0000}.filters.svelte-ytktoy .filter-note:where(.svelte-ytktoy){text-align:left;margin:.6rem 0 0}.none.svelte-ytktoy{text-align:center;padding:1rem}.tabs.svelte-ytktoy{background:var(--surface-2);border-radius:100px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.tabs.svelte-ytktoy button:where(.svelte-ytktoy){color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:100px;padding:.55rem .5rem;font-weight:800}.tabs.svelte-ytktoy button[aria-selected=true]:where(.svelte-ytktoy){background:var(--ux);color:#fff}.legend.svelte-ytktoy{flex-wrap:wrap;gap:.4rem 1rem;margin:0;font-size:.8rem;display:flex}.legend.svelte-ytktoy span:where(.svelte-ytktoy){align-items:center;gap:.35rem;display:inline-flex}.legend.svelte-ytktoy i:where(.svelte-ytktoy){border-radius:3px;width:12px;height:12px}.mine.svelte-ytktoy{--c:var(--mine)}.draw.svelte-ytktoy{--c:var(--draw)}.both.svelte-ytktoy{--c:var(--both)}.theirs.svelte-ytktoy{--c:var(--theirs)}.legend.svelte-ytktoy i:where(.svelte-ytktoy),.bar.svelte-ytktoy i:where(.svelte-ytktoy){background:var(--c)}.legend.svelte-ytktoy i.striped:where(.svelte-ytktoy),.bar.svelte-ytktoy i.split:where(.svelte-ytktoy){--stripes:repeating-linear-gradient(135deg, color-mix(in srgb, var(--surface) 70%, transparent) 0 3px, transparent 3px 7px)}.legend.svelte-ytktoy i.striped:where(.svelte-ytktoy){background:var(--stripes) var(--draw)}.bar.svelte-ytktoy i.mine.split:where(.svelte-ytktoy){background:linear-gradient(to right, var(--c) var(--ko), transparent var(--ko)), var(--stripes) var(--c)}.bar.svelte-ytktoy i.theirs.split:where(.svelte-ytktoy){background:linear-gradient(to left, var(--c) var(--ko), transparent var(--ko)), var(--stripes) var(--c)}.rows.svelte-ytktoy{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.row.svelte-ytktoy{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;grid-template-columns:2rem minmax(0,1fr) minmax(150px,220px) 5.2rem auto;align-items:center;gap:.9rem;padding:.45rem .6rem;display:grid}.rank.svelte-ytktoy{color:var(--muted);text-align:center;font-weight:900}.who.svelte-ytktoy{min-width:0;color:var(--text);align-items:center;gap:.6rem;display:flex}.mini.svelte-ytktoy{flex:none;width:52px;height:52px;display:grid}.name.svelte-ytktoy{min-width:0;line-height:1.2;display:grid}.name.svelte-ytktoy strong:where(.svelte-ytktoy){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.who.svelte-ytktoy:hover strong:where(.svelte-ytktoy){text-decoration:underline}.row-badges.svelte-ytktoy{align-items:center;gap:.25rem;margin-top:.15rem;display:flex}.result.svelte-ytktoy{gap:.25rem;font-size:.75rem;display:grid}.bar.svelte-ytktoy{background:var(--line);border-radius:100px;height:10px;display:flex;overflow:hidden}.row.svelte-ytktoy .battle:where(.svelte-ytktoy){justify-content:flex-end;align-items:center;gap:.35rem;display:inline-flex}.chance.svelte-ytktoy{text-align:right;margin:0;line-height:1.1;display:grid}.chance.svelte-ytktoy strong:where(.svelte-ytktoy){color:color-mix(in srgb, var(--c) 75%, var(--text));font-size:1.3rem;font-weight:900}.chance.svelte-ytktoy small:where(.svelte-ytktoy){color:var(--muted);font-size:.7rem;font-weight:700}.more.svelte-ytktoy{justify-items:center;gap:.5rem;display:grid}.small.svelte-ytktoy{text-align:center;margin:0;font-size:.8rem}@media (width<=720px){.hero.svelte-ytktoy,.target.svelte-ytktoy{flex-direction:column;align-items:flex-start}.target-wheel.svelte-ytktoy{align-self:center}.filter-row.svelte-ytktoy{grid-template-columns:minmax(0,1fr);gap:.3rem}.setup.svelte-ytktoy{grid-template-columns:minmax(0,1fr);padding:1rem}.filter-label.svelte-ytktoy small:where(.svelte-ytktoy){margin-left:.3rem;display:inline}.row.svelte-ytktoy{grid-template-columns:1.4rem minmax(0,1fr) auto;grid-template-areas:"rank who chance""result result battle";gap:.4rem .6rem}.rank.svelte-ytktoy{grid-area:rank}.who.svelte-ytktoy{grid-area:who}.chance.svelte-ytktoy{grid-area:chance}.result.svelte-ytktoy{grid-area:result}.battle.svelte-ytktoy{grid-area:battle}.name.svelte-ytktoy strong:where(.svelte-ytktoy){white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}}@media (width<=560px){.setup-buttons.svelte-ytktoy{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-buttons.svelte-ytktoy>:last-child{grid-column:1/-1}}@media (width<=360px){.setup-buttons.svelte-ytktoy{grid-template-columns:minmax(0,1fr)}}@media (width<=420px){.row.svelte-ytktoy{grid-template-areas:"rank who who""result result result""chance chance battle"}.chance.svelte-ytktoy{text-align:left;align-items:baseline;gap:.35rem;display:flex}.tabs.svelte-ytktoy button:where(.svelte-ytktoy){font-size:.85rem}}
