.jam{color:#233e36;width:min(100%,500px);margin:0 auto;font-size:15px}.jam-stats{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;padding:10px 0 12px;display:flex}.jam-stats strong{font-size:1.2em}.jam-yard{aspect-ratio:1;box-sizing:content-box;touch-action:none;-webkit-user-select:none;user-select:none;background-color:#9cc27a;background-image:linear-gradient(#ffffff26 1px,#0000 1px),linear-gradient(90deg,#ffffff26 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:16.6667% 16.6667%;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:8px solid #6b4a2b;border-radius:14px;width:min(100% - 16px,100dvh - 250px);min-width:min(100% - 16px,280px);margin:0 auto;position:relative;box-shadow:0 12px 26px #2c3d2430}.jam-gate{background:repeating-linear-gradient(#f3d27a 0 6px,#9cc27a 6px 12px);width:8px;height:16.6667%;position:absolute;right:-8px}.jam-gate:after{content:"";border:7px solid #0000;border-left-color:#d83a2c;position:absolute;top:50%;left:8px;translate:0 -50%}.jam-piece{cursor:grab;touch-action:none;box-sizing:border-box;background:0 0;border:0;padding:4px;transition:left .14s,top .14s;position:absolute}.jam-piece.is-dragging{cursor:grabbing;z-index:2;transition:none}.jam-piece[aria-disabled=true]{cursor:default}.jam-face{box-sizing:border-box;border-radius:8px;place-items:center;width:100%;height:100%;display:grid;box-shadow:0 3px #0000002e}.jam-piece.is-crate .jam-face{background:var(--piece);background-image:linear-gradient(45deg,#0000 46%,#6e452199 47% 53%,#0000 54%),linear-gradient(#fff2,#0000);border:3px solid #6e4521}.jam-piece.is-upright.is-crate .jam-face{background-image:linear-gradient(-45deg,#0000 46%,#6e452199 47% 53%,#0000 54%),linear-gradient(#fff2,#0000)}.jam-piece.is-log .jam-face{background:var(--piece);background-image:repeating-linear-gradient(90deg,#0000 0 14px,#3e26122e 14px 17px);border:3px solid #4b2f17;border-radius:999px}.jam-piece.is-upright.is-log .jam-face{background-image:repeating-linear-gradient(0deg,#0000 0 14px,#3e26122e 14px 17px)}.jam-piece.is-barrow .jam-face{background:#fbe9d8;border:3px solid #b03024}.jam-barrow{width:92%;height:auto}.jam-piece:focus-visible{outline:none}.jam-piece:focus-visible .jam-face,.jam-piece.is-selected .jam-face{outline-offset:1px;outline:3px solid #de861b}.jam-piece.is-hint .jam-face{box-shadow:0 0 0 3px #ffe17a,0 0 14px 4px #ffd34d}.jam-ghost{box-sizing:border-box;pointer-events:none;background:#fff6c833;border:3px dashed #fff6c8;border-radius:10px;position:absolute}.jam-yard.is-won .is-barrow{opacity:0;transition:transform .7s ease-in .15s,opacity .4s .5s;transform:translate(160%);left:83.3333%!important}.jam-actions{flex-wrap:wrap;gap:8px;margin:14px 0 8px;display:flex}.jam-actions button{color:#244a38;cursor:pointer;touch-action:manipulation;background:#edf2e6;border:1px solid #9bab99;border-radius:8px;min-height:44px;padding:8px 14px;font:600 15px system-ui,sans-serif}.jam-actions button:disabled{opacity:.55;cursor:default}.jam-actions button:focus-visible{outline-offset:2px;outline:3px solid #de861b}.jam-status{min-height:3em;line-height:1.5}@media (prefers-reduced-motion:reduce){.jam-piece,.jam-yard.is-won .is-barrow{transition:none}}