*,:before,:after{box-sizing:border-box}.site-header{top:env(safe-area-inset-top,0px);z-index:20;border-bottom:var(--ss-outline-component) solid var(--ss-color-border-strong);background:var(--ss-color-bg-surface);position:sticky}.site-header__inner{max-width:calc(var(--ss-width-page) + var(--ss-space-section) * 4);padding:var(--ss-space-gap) var(--ss-space-page-gutter);align-items:center;gap:var(--ss-space-gap) var(--ss-space-gap-loose);flex-wrap:wrap;margin:0 auto;display:flex}.site-name{font:var(--ss-type-title);color:var(--ss-color-text-primary);text-decoration:none}.site-nav{gap:var(--ss-space-gap-tight) clamp(16px, 2.2vw, 28px);flex-wrap:wrap;flex:1;display:flex}.site-nav a{min-height:var(--ss-space-target-min);color:var(--ss-color-text-primary);font:var(--ss-type-label);align-items:center;text-decoration:none;display:inline-flex}.site-nav a[aria-current=page]{color:var(--ss-color-text-brand);text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:var(--ss-outline-component)}.site-nav a:focus-visible,.site-name:focus-visible,.text-link:focus-visible{outline:var(--ss-outline-focus) solid var(--ss-color-focus-ring);outline-offset:var(--ss-outline-focus-offset)}.site-settings{gap:var(--ss-space-gap);flex:none;margin-inline-start:auto;display:flex}.site-settings label{font:var(--ss-type-caption);color:var(--ss-color-text-muted);gap:2px;display:grid}.site-settings .select{width:auto;min-height:36px;padding:0 32px 0 var(--ss-space-control-y);font:var(--ss-type-body-small);background-position:right 10px center}main{min-height:60vh}.text-link{color:var(--ss-color-text-brand);font-weight:700}.claims{gap:var(--ss-space-gap-loose);margin-top:var(--ss-space-gap-loose);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));display:grid}.claims a,.index a{text-decoration:none}.claims strong{margin-bottom:var(--ss-space-gap-tight);font:var(--ss-type-label);display:block}.claims span{font:var(--ss-type-body-small);color:var(--ss-color-text-muted)}.panel{gap:var(--ss-space-gap-loose);padding:var(--ss-space-card);border:var(--ss-outline-component) solid var(--ss-color-border-strong);border-radius:var(--ss-radius-card);background:var(--ss-color-bg-surface);display:grid}.stack{gap:var(--ss-space-gap);max-width:360px;display:grid}.group-title{margin:var(--ss-space-section) 0 var(--ss-space-gap);font:var(--ss-type-title)}.index{gap:var(--ss-space-gap-loose);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.index strong{font:var(--ss-type-label);display:block}.index span{font:var(--ss-type-body-small);color:var(--ss-color-text-muted)}.spec .notes,.spec .scroll{margin-bottom:var(--ss-space-gap-loose)}.spec td{white-space:normal;vertical-align:top;min-width:130px}.spec h3{margin:var(--ss-space-gap-loose) 0 var(--ss-space-gap);font:var(--ss-type-label)}.swatches{gap:var(--ss-space-gap-loose);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.swatch{min-width:0;font:var(--ss-type-caption);overflow-wrap:anywhere;gap:2px;display:grid}.swatch i{height:48px;margin-bottom:var(--ss-space-gap-tight);border:var(--ss-outline-component) solid var(--ss-color-border-strong);border-radius:var(--ss-radius-inner)}.swatch span{color:var(--ss-color-text-muted);font-weight:400}.roles{gap:var(--ss-space-gap);display:grid}.role{align-items:center;gap:var(--ss-space-gap-loose);padding:var(--ss-space-control-y) var(--ss-space-control-x);border:var(--ss-outline-component) solid var(--ss-color-border-strong);border-radius:var(--ss-radius-control);background:var(--ss-color-bg-raised);grid-template-columns:minmax(0,1fr) auto;display:grid}.role strong{font:var(--ss-type-label)}.role span{font:var(--ss-type-body-small);color:var(--ss-color-text-muted);display:block}.role__stage{align-items:center;gap:var(--ss-space-gap);display:flex}.role__dot{border:var(--ss-outline-component) solid var(--ss-color-border-strong);background:var(--ss-color-accent-fill);border-radius:50%;width:32px;height:32px}.role__dot[data-playing=true]{animation:site-role var(--role-duration) var(--role-easing) both}@keyframes site-role{0%{opacity:.25;transform:translateY(var(--role-distance)) scale(var(--role-scale))}to{opacity:1;transform:translateY(0)scale(1)}}.specimens{gap:var(--ss-space-gap-loose);display:grid}.specimens div{overflow-wrap:anywhere;min-width:0}.specimens span{font:var(--ss-type-caption);color:var(--ss-color-text-muted);display:block}.compare{gap:var(--ss-space-gap-loose);margin-top:var(--ss-space-gap-loose);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;display:grid}.compare__name{font:var(--ss-type-title);display:block}.compare__stage{align-content:center;min-height:190px;display:grid}.site-footer{max-width:var(--ss-width-page);padding:var(--ss-space-section) var(--ss-space-page-gutter);color:var(--ss-color-text-muted);font:var(--ss-type-body-small);margin:0 auto}.ss-icon-grid{gap:var(--ss-space-gap);grid-template-columns:repeat(auto-fill,minmax(96px,1fr));display:grid}.ss-icon-tile{justify-items:center;gap:var(--ss-space-gap-tight);padding-block:var(--ss-space-card);min-height:var(--ss-space-target-min);border:var(--ss-outline-divider) solid var(--ss-color-border);border-radius:var(--ss-radius-control);background:var(--ss-color-bg-surface);color:var(--ss-color-text-primary);font:inherit;cursor:pointer;font-size:13px;display:grid}.ss-icon-tile:hover{background:var(--ss-color-bg-hover)}.ss-icon-tile:focus-visible{outline:var(--ss-outline-focus) solid var(--ss-color-focus-ring);outline-offset:var(--ss-outline-focus-offset)}.ss-icon-tile span{color:var(--ss-color-text-muted);font:var(--ss-type-code);font-size:12px}.ym{align-items:center;gap:var(--ss-space-gap-loose) clamp(24px, 5vw, 64px);margin-block:var(--ss-space-section) 0;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));display:grid}.ym--stacked{grid-template-columns:minmax(0,1fr)}.ym__words{gap:var(--ss-space-gap);max-width:52ch;display:grid}.ym__words p,.ym__title{margin:0}.ym__links{gap:var(--ss-space-gap-loose);flex-wrap:wrap;font-weight:700;display:flex}.ym__links a,.ym__character a{color:var(--ss-color-text-brand)}.ym__stage{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:clamp(12px,2vw,28px);display:flex}.ym__character figcaption{max-width:180px}.ym__character{justify-items:center;gap:var(--ss-space-gap-tight);text-align:center;margin:0;display:grid;position:relative}.ym__character img,.ym__character svg{z-index:1;-webkit-user-select:none;user-select:none;display:block;position:relative}.ym__floor{background:radial-gradient(closest-side, color-mix(in srgb, var(--ss-color-text-primary) 22%, transparent), transparent);border-radius:50%;width:70%;height:16px;margin-top:-20px}.ym__character figcaption{font:var(--ss-type-body-small);gap:2px;display:grid}.ym__character figcaption span{color:var(--ss-color-text-muted)}.sh *{transform-box:view-box}.sh-breathe{transform-origin:190px 300px;animation:3.2s ease-in-out infinite sh-breathe}.sh-lift{animation:3.2s ease-in-out infinite sh-lift}.sh-claws{transform-origin:250px 300px;animation:3.2s ease-in-out -.2s infinite sh-lift}.sh-pupil{animation:5.3s linear infinite sh-blink}.sh-eye--right .sh-pupil{animation-delay:40ms}@keyframes sh-breathe{50%{transform:scale(calc(1 + .012 * var(--ss-motion-energy,1)), calc(1 + .03 * var(--ss-motion-energy,1)))}}@keyframes sh-lift{50%{transform:translateY(calc(-5px * var(--ss-motion-energy,1)))}}@keyframes sh-blink{0%,44%,47%,88%,90.5%,93%,95.5%,to{transform:scaleY(1)}45.5%,89.2%,94.2%{transform:scaleY(calc(1 - .9 * min(1, var(--ss-motion-energy,1) * 100)))}}.ym__character img,.ym__character svg{transform-origin:50% 100%}.ym__character:hover img,.ym__character:hover svg{animation:ym-hop calc(var(--ss-motion-celebration-duration,.5s) * 1.6) var(--ss-motion-celebration-easing,ease-out)}@keyframes ym-hop{0%,to{transform:none}20%{transform:scale(calc(1 + .06 * var(--ss-motion-energy,1)), calc(1 - .08 * var(--ss-motion-energy,1)))}50%{transform:translateY(calc(-26px * var(--ss-motion-energy,1))) scale(calc(1 - .03 * var(--ss-motion-energy,1)), calc(1 + .05 * var(--ss-motion-energy,1)))}80%{transform:scale(calc(1 + .04 * var(--ss-motion-energy,1)), calc(1 - .05 * var(--ss-motion-energy,1)))}}.dl{gap:var(--ss-space-gap-loose);max-width:420px;margin-block:var(--ss-space-gap-loose);padding:var(--ss-space-card);border:var(--ss-outline-component) solid var(--ss-color-border-strong);border-radius:var(--ss-radius-card);background:var(--ss-color-bg-surface);display:grid}.dl--done{gap:var(--ss-space-gap-tight)}.dl__note{color:var(--ss-color-text-muted);font:var(--ss-type-body-small);margin:0}.dl__trap{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.site-nav a{transition:color var(--ss-motion-feedback-duration) ease, transform var(--ss-motion-feedback-spring-duration,.2s) var(--ss-motion-feedback-spring,ease-out);position:relative}.site-nav a:after{content:"";height:var(--ss-outline-component);background:var(--ss-color-text-brand);transform-origin:0;transition:transform var(--ss-motion-state-change-spring-duration,.3s) var(--ss-motion-state-change-spring,ease-out);border-radius:2px;position:absolute;bottom:8px;left:0;right:0;transform:scaleX(0)}.site-nav a:hover,.site-nav a:focus-visible{color:var(--ss-color-text-brand);transform:translateX(calc(2px * var(--ss-motion-energy,1)))}.site-nav a:hover:after,.site-nav a:focus-visible:after{transform:scaleX(1)}.site-nav a[aria-current=page]{text-decoration:none}.site-nav a[aria-current=page]:after{transform:scaleX(1)}.site-menu{display:contents}.site-menu-button{display:none}@media (max-width:760px){.site-header__inner{padding-block:var(--ss-space-gap-tight);flex-wrap:nowrap;justify-content:space-between}.site-menu-button{align-items:center;gap:var(--ss-space-gap);min-height:var(--ss-space-target-min);padding:0 var(--ss-space-control-y);border:var(--ss-outline-component) solid var(--ss-color-border-strong);border-radius:var(--ss-radius-pill);background:var(--ss-color-bg-raised);color:var(--ss-color-text-primary);font:var(--ss-type-label);cursor:pointer;display:inline-flex}.site-menu-button:focus-visible{outline:var(--ss-outline-focus) solid var(--ss-color-focus-ring);outline-offset:var(--ss-outline-focus-offset)}.site-menu-button svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;width:20px;height:20px;overflow:visible}.site-menu-button path{transform-box:view-box;transform-origin:12px 12px;transition:transform var(--ss-motion-state-change-spring-duration,.3s) var(--ss-motion-state-change-spring,ease), opacity var(--ss-motion-state-change-duration,.2s) ease}.site-menu-button svg[data-open] .site-menu-button__top{transform:translateY(5px)rotate(45deg)}.site-menu-button svg[data-open] .site-menu-button__mid{opacity:0}.site-menu-button svg[data-open] .site-menu-button__bot{transform:translateY(-5px)rotate(-45deg)}.site-menu{gap:var(--ss-space-gap-loose);padding:var(--ss-space-card) var(--ss-space-page-gutter) var(--ss-space-section);border-bottom:var(--ss-outline-component) solid var(--ss-color-border-strong);background:var(--ss-color-bg-surface);visibility:hidden;opacity:0;transform:translateY(calc(var(--ss-motion-enter-distance) * -1));transition:opacity var(--ss-motion-exit-duration,.15s) ease, transform var(--ss-motion-exit-duration,.15s) ease, visibility 0s linear var(--ss-motion-exit-duration,.15s);display:grid;position:absolute;top:100%;left:0;right:0}.site-menu[data-open]{visibility:visible;opacity:1;transition:opacity var(--ss-motion-enter-duration,.25s) ease, transform var(--ss-motion-enter-spring-duration,.3s) var(--ss-motion-enter-spring,ease), visibility 0s;transform:none}.site-menu .site-nav{gap:0;display:grid}.site-menu .site-nav a{min-height:52px;font:var(--ss-type-title);border-bottom:var(--ss-outline-divider) solid var(--ss-color-border-subtle)}.site-menu .site-nav a:after{width:40px;bottom:10px;right:auto}.site-menu .site-settings{margin-inline-start:0}.site-menu .site-settings label{flex:1}.site-menu .site-settings .select{width:100%;min-height:var(--ss-space-target-min)}}
