@layer theme,base;@layer components{.stance-pin{padding-block:var(--sec);position:relative;overflow:hidden}.stance-line{padding-inline:var(--pad-x);flex-direction:column;align-items:flex-start;gap:.15em;font-size:clamp(2.1rem,8.6vw,4rem);line-height:1.14;display:flex}.sp-roll{aspect-ratio:1;inline-size:.74em;display:inline-block}.stance-cap{max-inline-size:calc(34ch + 2 * var(--pad-x));color:var(--muted);margin-block-start:2.5rem}.stance-shapes{pointer-events:none;position:absolute;inset:0}.stance-shapes .fly{inset-block-start:0;will-change:transform;position:absolute;left:0}@media not (min-width:56rem){.stance-line{display:block}.sp-a,.sp-b{display:inline}.sp-roll{vertical-align:-.06em;margin-inline:.1em;display:inline-block}}@media (min-width:56rem){html.motion .stance[data-fx] .stance-pin{align-content:center;block-size:100svh;padding-block:0;display:grid}html.motion .stance[data-fx] .stance-line{white-space:nowrap;inline-size:max-content;font-size:var(--text-giant);flex-direction:row;align-items:center;gap:.32em;padding-inline:0;line-height:1}html.motion .stance[data-fx] .stance-cap{opacity:0;position:absolute;inset-block-end:clamp(2rem,9vh,6rem);inset-inline-start:0}}}@layer utilities;