.body-bit .bit-sprite-sway{--bit-sway-angle:2.5deg;--bit-sway-slow:.8s;--bit-sway-fast:.47s;--bit-sway-delay:0s;transform-box:view-box}.body-bit .bit-sprite-sway:nth-of-type(2n){--bit-sway-delay:-.14s}.body-bit .bit-sprite-sway[data-bit-hair-sway=floor]{--bit-sway-angle:5deg;--bit-sway-slow:.95s}.body-bit .bit-sprite-sway[data-bit-hair-sway=straight]{--bit-sway-angle:4deg}.body-bit .bit-sprite-sway[data-bit-hair-flow=middle]{--bit-sway-angle:2.8deg;--bit-sway-delay:-.11s}.body-bit .bit-sprite-sway[data-bit-hair-flow=tip]{--bit-sway-angle:3.6deg;--bit-sway-delay:-.23s}.body-bit .bit-sprite-sway[data-bit-hair-sway=pony]{--bit-sway-angle:8deg}.body-bit .bit-sprite-sway[data-bit-hair-sway=long-strand]{--bit-sway-angle:5deg}.body-bit .bit-sprite-sway[data-bit-hair-sway=afro-small]{--bit-sway-angle:1.5deg}.body-bit .bit-sprite-sway[data-bit-hair-sway=afro-medium]{--bit-sway-angle:2.5deg}.body-bit .bit-sprite-sway[data-bit-hair-sway=afro-large]{--bit-sway-angle:3.5deg}.body-bit .bit-beard-length--long,.body-bit .bit-beard-length--long-scruffy,.body-bit .bit-beard-length--scruffy{--bit-sway-angle:4deg}.body-bit .bit-beard-length--wizard{--bit-sway-angle:7deg}:is(.own-seat-bit,.remote-seat-bit)[data-motion=walking] .body-bit .bit-sprite-sway,.body-bit[data-activity=beard-ponder] .bit-beard-length{animation:bit-length-sway var(--bit-sway-slow) steps(6, end) var(--bit-sway-delay) infinite}:is(.own-seat-bit,.remote-seat-bit)[data-running=true] .body-bit .bit-sprite-sway,.body-bit:is([data-activity=jog],[data-activity=skip]) .bit-sprite-sway{animation:bit-length-sway var(--bit-sway-fast) steps(5, end) var(--bit-sway-delay) infinite;--bit-sway-strength:1.55}:is(.own-seat-bit,.remote-seat-bit)[data-motion=stumbling] [data-bit-hair-sway=floor]{animation:.6s steps(5,end) both bit-floor-hair-catch}@keyframes bit-length-sway{0%,to{transform:rotate(calc(var(--bit-sway-rest,0deg) + var(--bit-sway-angle) * var(--bit-sway-strength,1) * -.7))}40%{transform:rotate(calc(var(--bit-sway-rest,0deg) + var(--bit-sway-angle) * var(--bit-sway-strength,1)))}73%{transform:rotate(calc(var(--bit-sway-rest,0deg) + var(--bit-sway-angle) * var(--bit-sway-strength,1) * -.28))}}@keyframes bit-floor-hair-catch{0%,to{transform:rotate(0)}42%{transform:rotate(-13deg)}76%{transform:rotate(5deg)}}@media (prefers-reduced-motion:no-preference){:is(.own-seat-bit,.remote-seat-bit) .body-bit [data-bit-hair-sway]{transition:transform .15s ease-out}.body-bit[data-profile=left]{--bit-wind-mirror:-1}:is(.own-seat-bit,.remote-seat-bit)[data-airflow=true] .body-bit [data-bit-hair-sway]{--bit-wind-angle:var(--bit-hair-wind);transform:rotate(calc(var(--bit-wind-angle) * var(--bit-wind-mirror,1)));transition:none;animation:none}:is(.own-seat-bit,.remote-seat-bit)[data-airflow=true] .body-bit [data-bit-hair-sway=short-strand]{--bit-wind-angle:var(--bit-hair-flex)}:is(.own-seat-bit,.remote-seat-bit)[data-airflow=true] .body-bit [data-bit-hair-sway=afro-small]{--bit-wind-angle:calc(var(--bit-hair-flex) * .2)}:is(.own-seat-bit,.remote-seat-bit)[data-airflow=true] .body-bit [data-bit-hair-sway=afro-medium]{--bit-wind-angle:calc(var(--bit-hair-flex) * .34)}:is(.own-seat-bit,.remote-seat-bit)[data-airflow=true] .body-bit [data-bit-hair-sway=afro-large]{--bit-wind-angle:calc(var(--bit-hair-flex) * .48)}:is(.own-seat-bit,.remote-seat-bit)[data-airflow=true] .body-bit [data-bit-hair-flow]{--bit-wind-angle:calc(var(--bit-hair-trail) * .56);--bit-sway-angle:calc(1deg + var(--bit-hair-wake) * 5deg);--bit-sway-rest:calc(var(--bit-wind-angle) * var(--bit-wind-mirror,1));animation:bit-length-sway .62s steps(12, end) var(--bit-sway-delay) infinite}:is(.own-seat-bit,.remote-seat-bit)[data-airflow=true] .body-bit [data-bit-hair-flow=middle]{--bit-wind-angle:calc(var(--bit-hair-trail) * .31);--bit-sway-angle:calc(2deg + var(--bit-hair-wake) * 9deg)}:is(.own-seat-bit,.remote-seat-bit)[data-airflow=true] .body-bit [data-bit-hair-flow=tip]{--bit-wind-angle:calc(var(--bit-hair-trail) * .13);--bit-sway-angle:calc(3deg + var(--bit-hair-wake) * 13deg)}}@media (prefers-reduced-motion:reduce){:is(.own-seat-bit,.remote-seat-bit) .body-bit .bit-sprite-sway,.body-bit[data-activity] .bit-sprite-sway{animation:none}}.bit-character-code{gap:8px;min-width:0;display:grid}.bit-character-code label{gap:6px;min-width:0;font-size:13px;display:grid}.bit-character-code textarea{box-sizing:border-box;resize:vertical;color:#fff0cb;overflow-wrap:anywhere;background:#0b3025;border:2px solid #80ae8b;width:100%;min-width:0;padding:8px;font:16px monospace}.bit-character-code p{margin:0;font-size:12px}.bit-character-code [aria-invalid=true]{border-color:#ffcf62}@media (prefers-reduced-motion:no-preference){.bit-active[data-activity=beard-ponder] .bit-hand-right{animation:4.8s ease-in-out bit-ponder-arm;animation-delay:var(--bit-activity-delay,0s)}.bit-active[data-activity=beard-ponder] .bit-forearm-right{animation:4.8s ease-in-out bit-ponder-forearm;animation-delay:var(--bit-activity-delay,0s)}.bit-active[data-activity=beard-ponder] .bit-head{animation:4.8s ease-in-out bit-ponder-head;animation-delay:var(--bit-activity-delay,0s)}}@keyframes bit-ponder-arm{0%,86%,to{transform:rotate(0)}20%,43%,63%{transform:rotate(30deg)}33%,53%,75%{transform:rotate(22deg)}}@keyframes bit-ponder-forearm{0%,86%,to{transform:rotate(0)}20%,43%,63%{transform:rotate(132deg)}33%,53%,75%{transform:rotate(94deg)}}@keyframes bit-ponder-head{0%,88%,to{transform:rotate(0)}23%,77%{transform:rotate(-6deg)}48%{transform:rotate(-10deg)}}:is(.own-seat-bit,.remote-seat-bit)[data-motion=stumbling] .body-bit[data-profile] .bit-body{transform-origin:20px 0;transform:scaleX(.68)}:is(.own-seat-bit,.remote-seat-bit)[data-motion=stumbling] .body-bit[data-profile] .bit-head{transform-origin:20px 20px;transform:rotate(var(--bit-head,0deg)) scaleX(1.47)}