@layer reset{button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}}@layer foundations,system,product;@layer pages{.battle-side-explanations{gap:var(--space-2);margin-block-end:var(--space-6);display:grid}}@layer brandstudy;html[data-tropic-ui=product]{--paper:var(--canvas);--muted-ink:var(--secondary);--rule:var(--line);--display:var(--font-family);--font-serif:var(--font-family);--font-sans:var(--font-family);--background:var(--canvas);--foreground:var(--ink);--card:var(--surface-raised);--card-foreground:var(--ink);--popover:var(--surface-raised);--popover-foreground:var(--ink);--primary:var(--action);--primary-foreground:var(--on-action);--secondary-foreground:var(--ink);--muted-foreground:var(--muted);--accent:var(--surface);--accent-foreground:var(--ink);--destructive:var(--status-danger);--border:var(--line);--input:var(--line);--ring:var(--focus);--radius:var(--radius-control);--camp-a:var(--hood);--camp-b:var(--coin);--citrus:var(--selected)}