.trap-art{--trap-wood:#c88a50;--trap-wood-light:#e8b47c;--trap-wood-dark:#8a5528;--trap-steel:#8d93a8;--trap-steel-dark:#4f5568;--trap-cheese:#ffd86b;--trap-cheese-edge:#d99a1e;--trap-cheese-ink:#6b3f05;--trap-bait-size:12px;flex:none;width:104px;height:56px;display:inline-block;position:relative}:root[data-theme=dark] .trap-art{--trap-wood:#b57b45;--trap-wood-light:#d29a63;--trap-wood-dark:#5f3916;--trap-steel:#b4bacd;--trap-steel-dark:#7b8197}.trap-art[data-size=xs]{--trap-bait-size:8px;width:64px;height:34px}.trap-art[data-size=lg]{--trap-bait-size:19px;width:180px;height:97px}.trap-art[data-size=xl]{--trap-bait-size:24px;width:230px;height:124px}.trap-art svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.trap-art .t-board{fill:var(--trap-wood);stroke:var(--trap-wood-dark);stroke-width:1.5px}.trap-art .t-board-top{fill:var(--trap-wood-light);opacity:.55}.trap-art .t-grain{fill:none;stroke:var(--trap-wood-dark);stroke-opacity:.28;stroke-width:1px}.trap-art .t-staple{fill:var(--trap-steel-dark)}.trap-art .t-coil{fill:none;stroke:var(--trap-steel);stroke-width:2.4px}.trap-art .t-plate{fill:var(--trap-steel);opacity:.55}.trap-art .t-bar{fill:none;stroke:var(--trap-steel);stroke-width:3.6px;stroke-linejoin:round;stroke-linecap:round}.trap-art .t-bar-shade{fill:none;stroke:var(--trap-steel-dark);stroke-width:3.6px;stroke-linejoin:round;stroke-linecap:round;opacity:.35;transform:translate(.8px,1.2px)}.trap-art .t-arm{transform-origin:50%;transition:transform .24s cubic-bezier(.3,1.55,.5,1)}.trap-art[data-snapped=true] .t-arm{transform:scaleX(-1)}.trap-art.t-twitch .t-arm{animation:.5s ease-in-out trap-twitch}.trap-art[data-snapped=true].t-twitch .t-arm{animation:none}.trap-art .t-bait{background:var(--trap-cheese);border:1.5px solid var(--trap-cheese-edge);color:var(--trap-cheese-ink);font-family:var(--font-sticker);font-weight:800;font-size:var(--trap-bait-size);white-space:nowrap;box-shadow:0 1px 0 var(--trap-cheese-edge);border-radius:5px;place-items:center;padding:0 3px;line-height:1;display:grid;position:absolute;inset:29% 3% 29% 54%;overflow:hidden;transform:rotate(-5deg)}.trap-art .t-bait[data-veiled=true]{background:repeating-linear-gradient(135deg, var(--color-ink-surface-2) 0 4px, var(--color-ink-border) 4px 8px);border-color:var(--color-ink-border-strong);color:var(--color-ink-muted);box-shadow:none}.trap-art .t-dust{background:var(--trap-wood-light);opacity:0;pointer-events:none;border-radius:50%;width:8px;height:8px;position:absolute}.trap-art .t-dust:first-of-type{top:4%;left:54%}.trap-art .t-dust:nth-of-type(2){top:40%;left:96%}.trap-art .t-dust:nth-of-type(3){top:86%;left:54%}.trap-art .t-dust:nth-of-type(4){top:-6%;left:74%}.trap-art[data-snapped=true] .t-dust{animation:.6s cubic-bezier(.2,.9,.3,1) both trap-puff}.trap-art[data-snapped=true] .t-dust:nth-of-type(2){animation-delay:30ms}.trap-art[data-snapped=true] .t-dust:nth-of-type(3){animation-delay:60ms}@keyframes trap-twitch{0%,to{transform:scaleX(1)}25%{transform:scaleX(.82)}55%{transform:scaleX(.97)}75%{transform:scaleX(.9)}}@keyframes trap-puff{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(2.6)translateY(-6px)}}.trap-hit{color:#6b3f05;background:#ffd86b;border-radius:5px;padding:0 3px;font-weight:700;box-shadow:0 0 0 2px #d99a1e}.trap-hit[data-bad=true]{background:var(--color-danger-500);color:#fff;box-shadow:0 0 0 2px var(--color-danger-500)}.trap-jolt{animation:.42s ease-in-out trap-jolt}@keyframes trap-jolt{0%,to{transform:translate(0)}20%{transform:translate(-7px)rotate(-.4deg)}40%{transform:translate(6px)rotate(.3deg)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}.trap-flash{animation:.8s ease-out both trap-flash;box-shadow:inset 0 0 0 5px #d99a1e,inset 0 0 80px #ffd86b73}.trap-flash[data-bad=true]{box-shadow:inset 0 0 0 5px var(--color-danger-500), inset 0 0 80px #dc4b4559}@keyframes trap-flash{0%{opacity:1}to{opacity:0}}.trap-card{transform-style:preserve-3d;transition:translate .3s;animation:.65s cubic-bezier(.2,.9,.3,1) both trap-flip}@keyframes trap-flip{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}.trap-card .trap-face,.trap-card .trap-back{backface-visibility:hidden}.trap-card .trap-back{transform:rotateY(180deg)}.trap-wood{background:repeating-linear-gradient(172deg,#0000 0 9px,#00000012 9px 10px),linear-gradient(#e8b47c,#c88a50)}@media (prefers-reduced-motion:reduce){.trap-art .t-arm,.trap-card{transition:none}.trap-card,.trap-art .t-dust,.trap-art.t-twitch .t-arm,.trap-jolt{animation:none}}