.duel-page.svelte-3bd3u1{width:100%;max-width:1100px;min-height:100vh;margin:0 auto;padding:3rem 1rem 4rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.top.svelte-3bd3u1{align-self:flex-start;font-size:.875rem}.top.svelte-3bd3u1 a:where(.svelte-3bd3u1){opacity:.6}.top.svelte-3bd3u1 a:where(.svelte-3bd3u1):hover,.leaderboard-link.svelte-3bd3u1:hover{opacity:1}h1.svelte-3bd3u1{font-family:var(--font-title);font-size:clamp(1.5rem,4vw,2.5rem);color:var(--heading);text-align:center}.arena.svelte-3bd3u1{display:grid;grid-template-columns:minmax(0,1fr);--max-h: clamp(120px, calc((100dvh - 280px)/2) , 420px);align-items:center;gap:.75rem;width:100%;transition:opacity .2s}.arena.pending.svelte-3bd3u1{opacity:.5}.side.svelte-3bd3u1{container-type:inline-size;display:flex;justify-content:center;min-width:0}.arena.svelte-3bd3u1 button:where(.svelte-3bd3u1){display:flex;align-items:center;justify-content:center;padding:.5rem;border:1px solid color-mix(in srgb,var(--text) 15%,transparent);border-radius:.5rem;background:color-mix(in srgb,var(--text) 3%,transparent);cursor:pointer;transition:transform .2s,border-color .2s}.arena.svelte-3bd3u1 button:where(.svelte-3bd3u1):focus-visible{transform:scale(1.02) rotate(-.5deg);border-color:var(--accent)}@media(hover:hover){.arena.svelte-3bd3u1 button:where(.svelte-3bd3u1):hover:not(:disabled){transform:scale(1.02) rotate(-.5deg);border-color:var(--accent)}.arena.svelte-3bd3u1 .skip:where(.svelte-3bd3u1):hover:not(:disabled){transform:none;opacity:1}}.arena.svelte-3bd3u1 button:where(.svelte-3bd3u1):disabled{cursor:wait}.arena.svelte-3bd3u1 img:where(.svelte-3bd3u1){display:block;width:min(100cqi - 1rem - 2px,calc(var(--max-h) * var(--ar)),calc(var(--natural-w) * 2));height:auto;aspect-ratio:var(--ar)}.arena.svelte-3bd3u1 .skip:where(.svelte-3bd3u1){grid-column:1 / -1;justify-self:center;padding:.35rem .9rem;font-size:.8rem;opacity:.7}.arena.svelte-3bd3u1 .skip:where(.svelte-3bd3u1):focus-visible{transform:none;opacity:1}.vs.svelte-3bd3u1{text-align:center;font-family:var(--font-title);font-style:italic;opacity:.5}@media(min-width:640px){.arena.svelte-3bd3u1{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);--max-h: clamp(100px, calc(100dvh - 300px) , 600px);gap:1.5rem}}.hint.svelte-3bd3u1{font-size:.75rem;opacity:.5}@media(hover:none){.keys.svelte-3bd3u1{display:none}}.result.svelte-3bd3u1{min-height:2.5rem;display:flex;align-items:center;gap:.4rem;font-size:.9rem}.leaderboard-link.svelte-3bd3u1{font-size:.875rem;opacity:.6}.resting.svelte-3bd3u1{margin-top:4rem;opacity:.7}