.pk{gap:var(--sp-2);-webkit-user-select:none;user-select:none;display:grid}.pk-hud{align-items:center;gap:var(--sp-2) var(--sp-4);flex-wrap:wrap;display:flex}.pk-stat{line-height:1.1;display:grid}.pk-stat small{font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--c-text-3);font-weight:700}.pk-stat b{font-family:var(--font-num);font-size:var(--fs-xl);font-variant-numeric:tabular-nums;font-weight:650}.pk-tools{gap:var(--sp-2);margin-left:auto;display:flex}.pk-tool{min-height:38px;padding:0 var(--sp-3);border:1px solid var(--c-border);border-radius:var(--radius-pill);background:var(--c-surface);font:inherit;font-size:var(--fs-sm);cursor:pointer;font-weight:650}.pk-tool:disabled{opacity:.45}.pk-tool--hint{background:#fff7e2;border-color:#ffd98a}.pk-msg{min-height:1.5em;line-height:1.5;font-size:var(--fs-sm);color:var(--c-text-2);margin:0;font-weight:600}.pk-wrap{--cell:50px;border-radius:var(--radius-lg);background:radial-gradient(circle at 12% 18%,#ffe29638,#0000 32%),radial-gradient(circle at 88% 82%,#ffe29629,#0000 30%),linear-gradient(160deg,#4a4f63,#2b2f3d);justify-items:center;padding:14px;display:grid;position:relative}.pk-lot{--cell:50px;width:calc(var(--cell) * 6);height:calc(var(--cell) * 6);background-color:#3a3f4c;background-image:linear-gradient(#ffffff6b 2px,#0000 2px),linear-gradient(90deg,#ffffff6b 2px,#0000 2px),radial-gradient(#ffffff12 1px,#0000 1.5px),radial-gradient(#0000002e 1px,#0000 1.5px);background-size:var(--cell) var(--cell), var(--cell) var(--cell), 7px 7px, 11px 11px;touch-action:none;background-position:-1px -1px,-1px -1px,0 0,3px 5px;border-radius:10px;position:relative;box-shadow:inset 0 0 0 3px #e9e4c9,0 6px 18px #00000059}.pk-gate{top:calc(14px + var(--cell) * 2);left:calc(50% + var(--cell) * 3 - 3px);width:6px;height:var(--cell);pointer-events:none;position:absolute}.pk-gate:after{content:"";filter:blur(1px);background:linear-gradient(90deg,#4ade80d9,#4ade8000);border-radius:0 50% 50% 0;width:14px;height:92%;position:absolute;top:4%;left:3px}.pk-gate:before{content:"";background:#f4f4f4;border-radius:50%;width:10px;height:10px;position:absolute;top:-5px;left:-2px;box-shadow:0 0 0 2px #333}.pk-gate i{transform-origin:50% 0;transition:transform .45s var(--ease-bounce);background:repeating-linear-gradient(#ef4444 0 8px,#fff 8px 16px);border-radius:3px;position:absolute;inset:0;box-shadow:0 0 6px #0006}.pk-wrap.is-open .pk-gate i{transform:rotate(-85deg)}.pk-car{--len:2;--color:#3e9be0;background:linear-gradient(180deg, #ffffff4d, transparent 45%), var(--color);cursor:grab;touch-action:none;transition:transform .14s var(--ease);-webkit-tap-highlight-color:transparent;border:0;border-radius:10px;padding:0;position:absolute;top:0;left:0;box-shadow:inset 0 -3px #0000002e,0 4px 8px #00000073}.pk-car.is-h{width:calc(var(--cell) * var(--len) - 6px);height:calc(var(--cell) - 6px);margin:3px}.pk-car.is-v{width:calc(var(--cell) - 6px);height:calc(var(--cell) * var(--len) - 6px);margin:3px}.pk-car:after{content:"";background:#ffffff73;border-radius:6px;position:absolute;inset:22%}.pk-car:before{content:"";pointer-events:none;border-radius:6px;position:absolute;inset:4px}.pk-car.is-h:before{background:linear-gradient(90deg,#ffb3a8 0 5px,#0000 5px) 4px 0/100% 6px no-repeat,linear-gradient(90deg,#ffb3a8 0 5px,#0000 5px) left 4px bottom 0/100% 6px no-repeat,linear-gradient(270deg,#fff6c4 0 5px,#0000 5px) right 4px top 0/100% 6px no-repeat,linear-gradient(270deg,#fff6c4 0 5px,#0000 5px) right 4px bottom 0/100% 6px no-repeat}.pk-car.is-v:before{background:linear-gradient(#fff6c4 0 5px,#0000 5px) 0 4px/6px 100% no-repeat,linear-gradient(#fff6c4 0 5px,#0000 5px) right 0 top 4px/6px 100% no-repeat,linear-gradient(0deg,#ffb3a8 0 5px,#0000 5px) left 0 bottom 4px/6px 100% no-repeat,linear-gradient(0deg,#ffb3a8 0 5px,#0000 5px) right 0 bottom 4px/6px 100% no-repeat}.pk-car.is-drag{cursor:grabbing;z-index:2;transition:none}.pk-car:focus-visible{outline-offset:2px;outline:3px solid #ffd76a}.pk-car--red{z-index:1;box-shadow:inset 0 0 0 3px #fff,inset 0 -4px #0000002e,0 0 14px #e5484da6}.pk-car--red:after{content:"➜︎";color:#fff;font-size:calc(var(--cell) * .5);text-shadow:0 1px 2px #0000004d;background:0 0;border-radius:0;place-items:center;font-weight:700;line-height:1;display:grid;inset:0}.pk-car.is-hint{outline-offset:2px;outline:4px solid #ffc93c}.pk-car.is-blocked{animation:.32s ease-out pk-blocked}@keyframes pk-blocked{0%{outline-offset:0;outline:3px solid #ff5c5cf2}to{outline-offset:5px;outline:3px solid #ff5c5c00}}.pk-car.is-exit{transition:transform .6s var(--ease);transform:translate(calc(var(--cell) * 8), calc(var(--cell) * 2))!important}[data-reduce-motion] .pk-car,[data-reduce-motion] .pk-gate i{transition:none}