.board-wrap:has(.pj){overflow:clip}.pj{--pad:clamp(8px, 2.4cqw, 14px);aspect-ratio:1;outline:none;width:100%;padding-top:14px}.pj .lot{height:100%;padding:var(--pad);border-radius:calc(var(--radius) * 1.1);border:max(var(--line-width), 3px) solid var(--board-line);background:#575c69;position:relative;box-shadow:inset 0 0 0 5px #666b79}.pj .bays{inset:var(--pad);pointer-events:none;background-image:linear-gradient(90deg,#ffffff38 2px,#0000 2px),linear-gradient(#ffffff12 2px,#0000 2px);background-size:calc(100% / var(--n)) calc(100% / var(--n));background-position:-1px -1px;border-radius:4px;position:absolute}.pj .grid{isolation:isolate;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;width:100%;height:100%;position:relative}.pj .car,.pj .prop{transform:translate(calc(var(--cx) * var(--cell) - var(--k) * var(--ax) * 1px), calc(var(--cy) * var(--cell) - var(--k) * var(--ay) * 1px));pointer-events:none;background-image:url(/brand/cars.webp);background-repeat:no-repeat;position:absolute;top:0;left:0}.pj .car{transition:transform var(--t,0s) var(--ease-out)}.pj .car[hidden]{display:none}.pj .arrow{left:calc(var(--k) * var(--ax) * 1px);top:calc(var(--k) * var(--ay) * 1px - var(--cell) * .36);width:calc(var(--cell) * .44);height:calc(var(--cell) * .44);padding:calc(var(--cell) * .07);translate:-50% -50%;rotate:var(--rot);fill:none;stroke:#fff;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;background:#181a229e;border-radius:99px;position:absolute;overflow:visible}.pj .arrow.both{height:calc(var(--cell) * .66)}.pj .car.police .arrow{left:calc(var(--k) * var(--ax) * 1px + var(--fx) * var(--cell));top:calc(var(--k) * var(--ay) * 1px + var(--fy) * var(--cell) - var(--cell) * .2)}.pj .timer{left:calc(var(--k) * var(--ax) * 1px);top:calc(var(--k) * var(--ay) * 1px - var(--cell) * (.66 + .5 * var(--tall)));z-index:1;min-width:calc(var(--cell) * .46);height:calc(var(--cell) * .46);font:800 calc(var(--cell) * .28) / 1 var(--font-title);color:#fff;background:#2f5bd3;border:2px solid #fff;border-radius:99px;place-items:center;padding:0 4px;animation:1.4s step-end infinite pj-siren;display:grid;position:absolute;translate:-50% -50%}@keyframes pj-siren{50%{background:#e5484d}}.pj .timer.low{color:#fff;background:#e5484d;animation:.8s ease-in-out infinite pj-pulse}@keyframes pj-pulse{50%{scale:1.12}}.pj:focus-visible .car.cursor{filter:drop-shadow(0 0 2px var(--primary)) drop-shadow(0 0 2px var(--primary))}.pj .car.gone{transition:transform var(--t) cubic-bezier(.55, 0, 1, .45), opacity .36s ease .22s;opacity:0}.pj .car.bump{animation:pj-bump var(--bt,.38s) both}@keyframes pj-bump{0%{animation-timing-function:cubic-bezier(.55,0,1,.45);translate:0}40%{translate:calc(var(--bx) * var(--cell)) calc(var(--by) * var(--cell));animation-timing-function:var(--ease-out)}to{translate:0}}.pj .car.hit,.pj .prop.hit{animation:.36s pj-hit}@keyframes pj-hit{25%{rotate:-4deg}60%{rotate:3deg}}.pj.cleared .lot:after{content:"";border-radius:inherit;pointer-events:none;animation:pj-gleam .9s var(--ease-out) both;background:linear-gradient(105deg,#0000 30%,#ffffff59 50%,#0000 70%) 0 0/200% 100% no-repeat;position:absolute;inset:0}@keyframes pj-gleam{0%{background-position:150% 0}to{background-position:-50% 0}}.pj-hearts{background:var(--secondary);border:var(--line-width) solid var(--border);border-radius:99px;align-items:center;padding:9px 14px}.pj{position:relative}.pj-out{z-index:3;background:color-mix(in srgb, var(--background) 72%, transparent);border-radius:calc(var(--radius) * 1.1);justify-content:center;align-items:center;padding:16px;animation:.3s .6s both pj-fade;display:flex;position:absolute;inset:14px 0 0}.pj-out[hidden]{display:none}@keyframes pj-fade{0%{opacity:0}}.pj-out-card{text-align:center;background:var(--card);max-width:280px;color:var(--foreground);border:var(--line-width) solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:center;gap:12px;padding:18px 20px;display:flex}.pj-out-card p{margin:0;font-size:16px;line-height:1.4}.pj-out-card b{font-family:var(--font-title);font-weight:var(--title-weight);font-size:20px;display:block}.pj-live{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.pj .car,.pj .car.gone{transition:none}.pj .car.bump,.pj .car.hit,.pj .timer,.pj .timer.low{animation:none}}