.pk{width:100%;position:relative}.pk .ka-shell{max-width:max(340px, calc(var(--pk-w) + 6px));gap:8px}.pk .ka-bar{flex-wrap:nowrap;gap:8px}.pk .ka-stats{flex-wrap:nowrap;gap:6px;min-width:0}.pk .ka-stat{min-width:0}.pk .ka-actions{flex:none}.pk .ka-status{min-height:1.3em;font-size:14px}.pk .ka-hint{max-width:calc(var(--pk-w) + 6px);text-wrap:balance;align-self:center;font-size:13px}@media (width<=560px){.pk .ka-stat{border-radius:11px;flex:auto;padding:4px 8px 5px}.pk .ka-stat dt{font-size:11px}.pk .ka-stat dd{white-space:nowrap;font-size:18px}.pk .ka-btn--icon{width:38px;height:38px}.pk .ka-hint{font-size:12px}}.pk-board{width:calc(var(--pk-w) + 6px);flex-direction:column;align-items:center;gap:8px;max-width:100%;display:flex}.pk-score{background:var(--white);border:var(--edge);width:100%;box-shadow:var(--hard-sm);border-radius:12px;gap:4px;padding:6px 10px;display:grid}.pk-row{align-items:center;gap:8px;display:flex}.pk-name{width:30px;color:var(--ink-2);font-size:12px;font-weight:800}.pk-slots{flex-wrap:wrap;gap:5px;display:flex}.pk-slot{border:2px solid var(--ink);background:var(--cream);width:18px;height:18px;color:var(--white);transition:background .16s, transform .2s var(--ease-spring);border-radius:50%;place-items:center;font-size:13px;font-weight:800;line-height:1;display:grid}.pk-row--you .pk-slot.is-goal{background:var(--mint);transform:scale(1.08)}.pk-row--cpu .pk-slot.is-goal{background:var(--coral);transform:scale(1.08)}.pk-slot.is-miss{background:var(--ink)}.pk-slot.is-cur{background:var(--sun);box-shadow:0 0 0 2px var(--white), 0 0 0 4px var(--ink)}.pk-pitch{width:calc(var(--pk-w) + 6px);border:3px solid var(--ink);background:var(--grass);max-width:100%;box-shadow:var(--hard);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;border-radius:14px;position:relative;overflow:hidden}.pk-canvas{touch-action:none;cursor:crosshair;display:block}.pk-cue{color:var(--ink);background:var(--white);border:var(--edge);box-shadow:var(--hard-sm);pointer-events:none;white-space:nowrap;animation:pk-in .26s var(--ease-spring);border-radius:999px;margin:0;padding:4px 12px 5px;font-size:13px;font-weight:800;position:absolute;bottom:12px;left:50%;translate:-50%}.pk-cue--keep{background:var(--sun)}.pk-toast{background:var(--white);border:var(--edge);box-shadow:var(--hard);pointer-events:none;white-space:nowrap;animation:pk-toast 1.6s var(--ease-spring) forwards;border-radius:14px;flex-direction:column;align-items:center;padding:5px 16px 7px;display:flex;position:absolute;top:46%;left:50%;translate:-50% -50%;rotate:-3deg}.pk-toast span{font-family:var(--font-display);letter-spacing:-.035em;color:var(--ink);font-size:32px;font-weight:800;line-height:1.05}.pk-toast small{color:var(--ink-2);font-size:12.5px;font-weight:800}.pk-toast--good{background:var(--sun)}.pk-toast--bad{background:var(--white)}@keyframes pk-toast{0%{opacity:0;transform:scale(.6)}14%{opacity:1;transform:scale(1.08)}24%{transform:scale(1)}82%{opacity:1}to{opacity:0;transform:translateY(-12px)}}@keyframes pk-in{0%{opacity:0;transform:translateY(6px)scale(.92)}}.pk-over{animation:pk-in .32s var(--ease-spring);justify-content:center;gap:8px;display:flex;position:absolute;inset:auto 0 16px}.pk-controls{justify-content:center;display:flex}.pk-controls .ka-seg button{height:30px;padding:0 13px;font-size:13.5px}@media (prefers-reduced-motion:reduce){.pk-cue,.pk-over,.pk-slot{transition:none;animation:none}.pk-toast{animation:1.6s linear forwards pk-still}}@keyframes pk-still{0%,80%{opacity:1}to{opacity:0}}