.hero.svelte-1czchs4{padding-block:var(--s-6) var(--s-12)}@media(min-width:900px){.hero.svelte-1czchs4{padding-block:var(--s-6) var(--s-16)}}.hero.svelte-1czchs4 h1:where(.svelte-1czchs4){margin-top:var(--s-6);font-size:clamp(2.125rem,3.6vw + 1rem,3.25rem);letter-spacing:-.032em}.hero.svelte-1czchs4 .lead:where(.svelte-1czchs4){margin-top:var(--s-4);max-width:62ch}.duels.svelte-1czchs4{display:grid;gap:var(--s-4)}.duel.svelte-1czchs4{display:block;position:relative;padding:var(--s-6) var(--s-14) var(--s-6) var(--s-6);background:var(--color-surface);border:1px solid var(--border);color:inherit;transition:border-color var(--t-base) var(--ease),background-color var(--t-base) var(--ease)}.duel.svelte-1czchs4:before{content:"";position:absolute;left:-1px;top:-1px;bottom:-1px;width:3px;background:var(--brand-500);transform:scaleY(0);transform-origin:top;transition:transform var(--t-base) var(--ease)}.duel-names.svelte-1czchs4{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35em;font-size:clamp(1.375rem,2.2vw + .7rem,2rem);font-weight:660;letter-spacing:-.028em;line-height:1.1}.duel-side.svelte-1czchs4{color:var(--text)}.duel-side--b.svelte-1czchs4{color:var(--text-soft)}.duel-vs.svelte-1czchs4{font-size:.5em;font-weight:620;letter-spacing:var(--tracking-brand);text-transform:uppercase;color:var(--brand-600);transform:translateY(-.15em)}.duel-desc.svelte-1czchs4{display:block;margin-top:var(--s-3);max-width:74ch;font-size:var(--fs-sm);color:var(--text-muted);line-height:1.55}.duel-go.svelte-1czchs4{position:absolute;right:var(--s-6);top:var(--s-6);color:var(--c-400);transition:transform var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.duel.svelte-1czchs4:active .duel-go:where(.svelte-1czchs4){transform:translate(4px)}@media(hover:hover)and (pointer:fine){.duel.svelte-1czchs4:hover{border-color:var(--brand-200);background:var(--brand-50)}.duel.svelte-1czchs4:hover:before{transform:scaleY(1)}.duel.svelte-1czchs4:hover .duel-go:where(.svelte-1czchs4){color:var(--brand-600);transform:translate(3px)}.duel.svelte-1czchs4:hover .duel-side--b:where(.svelte-1czchs4){color:var(--text)}}.note.svelte-1czchs4{margin-top:var(--s-8);font-size:var(--fs-sm);color:var(--text-soft);max-width:70ch;line-height:1.6}