.pd{width:100%;position:relative}.pd .ka-shell{gap:10px;max-width:none}.pd .ka-bar{flex-wrap:nowrap;gap:8px}.pd .ka-stats{flex-wrap:nowrap;gap:6px;min-width:0}.pd .ka-stat{min-width:0}.pd .ka-stat dd small{color:var(--ink-3);padding:0 1px;font-size:.8em}.pd .ka-actions{flex-wrap:nowrap;flex:none;gap:6px}.pd .ka-status{min-height:0}.pd .ka-hint{text-wrap:balance;max-width:560px;margin-inline:auto;font-size:13px}@media (pointer:coarse){.pd .ka-hint{display:none}}@media (width<=560px){.pd .ka-stat{border-radius:11px;flex:auto;padding:4px 8px 5px}.pd .ka-stat dt{font-size:11px}.pd .ka-stat dd{white-space:nowrap;font-size:17px}.pd .ka-btn--icon{width:38px;height:38px}}.pd-status{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.pd-status .ka-seg button{height:30px;padding:0 12px}.pd-first{color:var(--ink-3);font-size:13px;font-weight:750}.pd-board{width:var(--pd-w);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:relative}.pd-board.is-playing{cursor:none}.pd-canvas{touch-action:none;display:block}.pd-toast{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);background:var(--sun);border:3px solid var(--ink);box-shadow:var(--hard);pointer-events:none;white-space:nowrap;animation:pd-toast 1.2s var(--ease-spring) forwards;border-radius:14px;padding:5px 16px 7px;font-size:22px;font-weight:800;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes pd-toast{0%{opacity:0;transform:scale(.6)rotate(-8deg)}18%{opacity:1;transform:scale(1.1)rotate(-3deg)}30%{transform:scale(1)rotate(-3deg)}78%{opacity:1}to{opacity:0;transform:translateY(-16px)rotate(-3deg)}}.pd-overlay{animation:pd-fade .18s var(--ease-out);background:#fff7ddb8;border-radius:40px;place-items:center;padding:18px;display:grid;position:absolute;inset:0 6px 6px 0}.pd-overlay--late{animation-duration:.42s}@keyframes pd-fade{0%{opacity:0}}.pd-card{text-align:center;background:var(--white);border:3px solid var(--ink);border-radius:var(--r-lg);max-width:100%;box-shadow:var(--hard-lg);animation:pd-pop .32s var(--ease-spring);flex-direction:column;align-items:center;gap:10px;padding:16px 18px 18px;display:flex}@keyframes pd-pop{0%{opacity:0;transform:translateY(10px)scale(.94)rotate(-1.5deg)}}.pd-card-title{font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);margin:0;font-size:30px;font-weight:800;line-height:1}.pd-card-sub{color:var(--ink-2);text-wrap:balance;max-width:26ch;margin:0;font-size:14px;font-weight:700}.pd-card-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}@media (prefers-reduced-motion:reduce){.pd-card,.pd-overlay{animation:none}.pd-toast{animation:1.2s linear forwards pd-toast-still}}@keyframes pd-toast-still{0%,80%{opacity:1}to{opacity:0}}.pd-overlay{border-radius:20px}.pd .ka-hint span{display:inline}.pd-rally{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink);background:var(--white);border:var(--edge);box-shadow:var(--hard-sm);pointer-events:none;white-space:nowrap;animation:pd-hop .24s var(--ease-spring);border-radius:999px;padding:2px 10px 3px;font-size:16px;font-weight:800;position:absolute;top:10px;left:50%;translate:-50%}.pd-rally span{font-family:var(--font-body);font-size:12px}.pd--portrait .pd-rally{top:auto;bottom:50%;left:12px;translate:0 50%}@keyframes pd-hop{0%{transform:scale(.75)rotate(-5deg)}60%{transform:scale(1.1)rotate(2deg)}to{transform:none}}@media (prefers-reduced-motion:reduce){.pd-rally{animation:none}}