/* Each rule is scoped to the third world. Character paint is inherited from the canonical palettes. */
:root[data-animation-design="contour"] {
  --skin: #e0a33a; --light: #ffd98a; --dark: #9a6414; --outline: #4a2c06; --flesh: #fff3cf; --hair: #4f8f35; --hand: #8fcf5a;
  --skit-skin: #e0a33a; --skit-light: #ffd98a; --skit-dark: #9a6414; --skit-outline: #4a2c06; --skit-hair: #4f8f35;
}
:root[data-animation-design="contour"] [data-contour-art] { filter: none; }
:root[data-animation-design="contour"] .sg-line { stroke-width: 1.8; }
:root[data-animation-design="contour"] .sg-bulb { stroke: var(--outline); stroke-width: 1.8; }
:root[data-animation-design="contour"] .sg-stool-top { stroke: #4a2c06; stroke-width: 1; }
:root[data-animation-design="contour"] .sg-cushion { stroke: #182358; stroke-width: .9; }
:root[data-animation-design="contour"] .sg-veins path { stroke-width: .75; opacity: .7; }
:root[data-animation-design="contour"] .sg-eye-open { fill: var(--outline); }
:root[data-animation-design="contour"] :is(.sg-eye-happy,.sg-brow,.sg-smile) { stroke: var(--outline); stroke-width: 1.6; }
:root[data-animation-design="contour"] .sg-eye-shine { fill: var(--flesh); }
:root[data-animation-design="contour"] .sg-cheek { opacity: .95; }
:root[data-animation-design="contour"] .sg-hand { fill: var(--hand); stroke: var(--hair); }
:root[data-animation-design="contour"] .sg-foot { fill: var(--hair); stroke: var(--hair); }
:root[data-animation-design="contour"] :is(.ct-body,.ct-face,.ct-ear) { fill: #2b2b33; stroke: #181820; stroke-width: 1.2; }
:root[data-animation-design="contour"] .ct-chest { fill: #fff7e0; stroke: none; }
:root[data-animation-design="contour"] .ct-paw { fill: #2b2b33; stroke: #181820; stroke-width: .8; }
:root[data-animation-design="contour"] .ct-pupil { fill: #181820; }
:root[data-animation-design="contour"] .ct-plate { fill: #fff7e0; stroke: #2b2b33; stroke-width: 1.4; }
:root[data-animation-design="contour"] .ct-arrows { stroke: #2b2b33; stroke-width: 1.8; }
:root[data-animation-design="contour"] .ct-bubble :is(path,rect) { fill: #fff7e0; stroke: #2b2b33; stroke-width: 1; }
:root[data-animation-design="contour"] .ct-bubble text { fill: #2b2b33; font-size: 7px; }
:root[data-animation-design="contour"] .skit-bulb { fill: var(--skit-skin); stroke: var(--skit-outline); stroke-width: 1.9; stroke-linejoin: round; }
:root[data-animation-design="contour"] .skit-shine { fill: var(--skit-light); opacity: .9; }
:root[data-animation-design="contour"] .skit-vein { stroke: var(--skit-dark); stroke-width: 1; }
:root[data-animation-design="contour"] .skit-dome { stroke: var(--skit-outline); stroke-width: 2; }
:root[data-animation-design="contour"] .skit-stripe { opacity: .7; }
:root[data-animation-design="contour"] :is(.crew-monitor-case,.crew-screen,.crew-desk-top,.crew-keyboard,.crew-mouse,.crew-stool-seat,.crew-mic-ball,.crew-mic-handle,.crew-monitor-stand,.crew-monitor-foot) { stroke: var(--skit-outline); stroke-width: 1.9; stroke-linejoin: round; }
:root[data-animation-design="contour"] :is(.crew-desk-leg,.crew-stool-leg) { stroke: var(--skit-outline); }
:root[data-animation-design="contour"] .nima-say { background: none; border: 0; border-radius: 0; padding: 0; box-shadow: none; width: 156px; height: 52px; }
:root[data-animation-design="contour"] .nima-say::after { display: none; }
:root[data-animation-design="contour"] .nima-say svg { display: block; width: 100%; height: 100%; overflow: visible; }
:root[data-animation-design="contour"] .nima-say text { font: 700 12px "Comic Sans MS","Chalkboard SE",system-ui,sans-serif; fill: #2b2b33; }
:root[data-animation-design="contour"] .bug-wing { animation-duration: .3s; }
:root[data-animation-design="contour"] .logo-onion .contour-bulb { stroke-width: 1.8; }
:root[data-animation-design="contour"] .logo-onion g { transform-box: view-box; }
:root[data-animation-design="contour"] .clay-about-portrait { display: grid; place-items: center; }
:root[data-animation-design="contour"] .studio-piano-case { background: #7a4a2a; border: 3px solid #4a2c06; border-radius: 7px; box-shadow: none; }
:root[data-animation-design="contour"] .studio-piano-case::after { background: #4a2c06; }
:root[data-animation-design="contour"] .studio-piano-hand { background: var(--hand); border: 1px solid var(--hair); box-shadow: none; border-radius: 40%; }
:root[data-animation-design="contour"] .studio-piano-keys i { background: #fff7e0; }
:root[data-animation-design="contour"] .studio-piano-keys i::after { background: #2b2b33; }
:root[data-animation-design="contour"] .studio-piano.is-running .studio-pianist { animation-timing-function: cubic-bezier(.45,0,.55,1); }
:root[data-animation-design="contour"] .studio-piano.is-running .studio-piano-hand { animation: contour-piano-tap .5s ease-in-out infinite alternate; }
:root[data-animation-design="contour"] .studio-piano.is-running .studio-piano-hand-r { animation-delay: -.25s; }
:root[data-animation-design="contour"] .studio-morph-player { background: var(--skin); border: 2px solid var(--outline); border-radius: 12px; box-shadow: none; color: var(--outline); }
:root[data-animation-design="contour"] .studio-morph.is-shape-morph .studio-morph-player { background: none; border: 0; }
:root[data-animation-design="contour"] .studio-squeeze { border-width: 2px; }
:root[data-animation-design="contour"] .rank-badge:is(:hover,:focus-visible) .rank-icon { animation: contour-rank-pop .55s cubic-bezier(.34,1.56,.64,1); }
:root[data-animation-design="contour"] .signal i { border-radius: 2px; background: #e0f59a; }
@keyframes contour-piano-tap { to { transform: translate(12px,4px) rotate(5deg); } }
@keyframes contour-rank-pop { 35% { transform: scale(.93,1.07); } 70% { transform: scale(1.06,.95); } }
@media(prefers-reduced-motion:reduce) {
  :root[data-animation-design="contour"] :is(.sg-breath,.ct-tail,.ct-eyes,.bug-wing,.bug-fly,.bug-turn,.bug-svg,.hero-bug,.merch-astro,.rank-icon,.signal i,.live-dot,.latest-toggle::after,.logo-onion,.logo-volume,.logo-wave,.nima-body-all,.nima-leg,.nima-shadow,.nima-hair,.nima-torso,.nima-arms-shrug,.nima-cheek) { animation: none; }
  :root[data-animation-design="contour"] :is(.button,.show-card,.episode-card,.nav-slot-item,.nima-say,.parachute-button .pb-icon,.radio-version-tip) { transition: none; }
}
:root[data-animation-design="contour"] :is(.sg-shade,.sg-light) { display: none; }
:root[data-animation-design="contour"] .logo-speaker { fill: var(--skin); stroke: var(--outline); stroke-width: 2.4; }
:root[data-animation-design="contour"] :is(.logo-wave,.logo-mute) { stroke: var(--outline); }
:root[data-animation-design="contour"] :is(.xp-window,.vista-window) { background: #fff7e0; box-shadow: none; }
:root[data-animation-design="contour"] .xp-titlebar { background: #3055b4; }
:root[data-animation-design="contour"] .vista-titlebar { background: #c4a8ff; color: #22104a; }
:root[data-animation-design="contour"] .merch-space { background: #1d1846; }
:root[data-animation-design="contour"] .merch-space::before { display: none; }
:root[data-animation-design="contour"] .contour-stars { position: absolute; inset: 0; width: 100%; height: 100%; }
:root[data-animation-design="contour"] .merch-planet { filter: none; }
:root[data-animation-design="contour"] :is(.nav-slot-item,.nav-slot-item.is-active) { filter: none; }
:root[data-animation-design="contour"] dialog::backdrop { backdrop-filter: none; }
:root[data-animation-design="contour"] .live-hero { background-image: none; }
:root[data-animation-design="contour"] .vista-window { -webkit-backdrop-filter: none; backdrop-filter: none; }
:root[data-animation-design="contour"] .vista-window::before { display: none; }
:root[data-animation-design="contour"] .vista-client { background: #fff7e0; }
:root[data-animation-design="contour"] :is(.xp-button,.vista-button) { background: #fff3cf; box-shadow: none; }
:root[data-animation-design="contour"] :is(.xp-button,.vista-button):is(:hover,:active,[aria-pressed=true]) { background: #e0f59a; }
:root[data-animation-design="contour"] :is(.xp-close,.vista-close,.vista-close:hover) { background: #e3262d; box-shadow: none; }
:root[data-animation-design="contour"] .vista-slider input::-webkit-slider-thumb { background: #c4a8ff; box-shadow: none; }
:root[data-animation-design="contour"] .vista-slider input::-moz-range-thumb { background: #c4a8ff; box-shadow: none; }
:root[data-animation-design="contour"] .vista-slider input:hover::-webkit-slider-thumb { background: #e0f59a; }