.walls{--cream:#f4f3ee;--ink:#0b0b0b;--red:#e8472b;--line:#dcdbd4;--line-dark:#262626;--body:var(--texto);margin:56px 0 0}.anim{--fg:var(--cream);--box:#1b1b1b;--boxs:#333;--mute:#9a9a94;border:1px solid var(--line-dark);background:#111;border-radius:18px;margin:48px 0 0;padding:18px}.anim.light{--fg:var(--ink);--box:#fff;--boxs:#dcdbd4;--mute:#8c8c86;border-color:var(--line);background:#fff}.anim svg{width:100%;height:auto}.anim .cap{font:600 12px/1.5 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin:14px 6px 0}.anim .cap b{color:var(--red)}.walls .ground{stroke:var(--boxs);stroke-width:2px}.walls .box{fill:var(--box);stroke:var(--boxs)}.walls .lab{font:600 11px var(--body);letter-spacing:.2em;fill:var(--mute)}.walls .amt{font:400 24px var(--display);fill:var(--fg)}.walls .signt{font:600 12px var(--body);letter-spacing:.14em;fill:var(--ink)}.walls .stampt{font:400 16px var(--display);fill:var(--red);letter-spacing:.06em}.walls .stk{stroke:var(--fg);stroke-width:3px;fill:none;stroke-linecap:round}.walls .bubt{font:400 20px var(--display);fill:var(--ink)}.walls .coint{font:700 6px var(--body);fill:var(--ink)}.walls .say{font:500 14px var(--body);fill:var(--ink)}.walls .flagt{font:400 15px var(--display);fill:var(--ink)}.walls .okt{font:400 15px var(--display);fill:var(--red);letter-spacing:.1em}.walls .okc{font:400 30px var(--display);fill:var(--red)}.walls .lvl{font:600 12px var(--body);letter-spacing:.14em;fill:var(--mute);opacity:0;transition:opacity .3s,fill .3s}.walls .lvl.on{opacity:1}.walls .lvl.ok{fill:var(--red)}.walls .arm{transition:transform .3s}.walls .student.shrug .al{transform:rotate(80deg)}.walls .student.shrug .ar{transform:rotate(-80deg)}.walls .sign rect{transition:fill .25s}.walls .sign.warn rect{fill:var(--red)}.walls .brick{opacity:0;transition:transform .42s cubic-bezier(.22,1.5,.45,1),opacity .12s;transform:translateY(-240px)}.walls .brick.laid{opacity:1;transform:translateY(0)}.walls .bl{fill:#6f6f69}.walls .br{fill:var(--red)}.walls .flag{transition:transform .55s cubic-bezier(.3,1.4,.5,1)}.walls .flag.up .flagp{animation:.55s ease-in-out infinite alternate wave}@keyframes wave{to{transform:skewY(7deg)scaleX(.9)}}.walls{grid-template-columns:1fr 1fr;gap:18px;display:grid}.walls .anim{margin:0}.cssanim *{animation-play-state:paused!important}@media (width<=1000px){.walls{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.walls *{transition:none!important;animation:none!important}}