/* pakkeleg.css — /pakkeleg/ only. The shell is polyatic.css; the die, its face list and
   the rules list come from the shared /lootjes-trekken/dobbel.css (which uses santa.css's
   card palette). This adds the stage, a bigger die, the secret-timer card and the gift
   ideas, from the same tokens, in light and dark. */
.pk-stage{margin-top:.25rem}
.pk-stage .dd-die{width:min(15rem,60vw)}
.pk-stage .dd-action{font-size:clamp(1.375rem,5.8vw,1.875rem);line-height:1.22;max-width:22ch;min-height:3.7em}
.pk-sets{margin-bottom:.25rem}
.pk-sets button{flex:1 1 40%}
.pk-hint{margin:.25rem 0 .75rem}
.pk-cardsteps{margin-top:.25rem}

/* the secret timer */
.pk-timer{width:100%;text-align:left;margin-top:1rem;padding:1rem;border:1px solid var(--line);border-radius:.75rem;background:var(--surface-2);display:grid;gap:.75rem}
.pk-timer-top{display:flex;gap:.875rem;align-items:center}
.pk-bell{flex:0 0 3rem;height:3rem;border-radius:50%;display:grid;place-items:center;background:var(--ss-paper);border:2px solid var(--ss-ink);color:var(--ss-red)}
.pk-bell svg{width:1.625rem;height:1.625rem}
.pk-timer h3{margin:0;font-size:1.125rem}
.pk-timer p{margin:.125rem 0 0;font-size:.9375rem;line-height:1.45;color:var(--ink-2)}
.pk-range{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}
.pk-range label{display:grid;gap:.25rem;font-size:.8125rem;color:var(--muted);font-weight:600}
.pk-range select{width:100%}
.pk-tbtns{display:flex;flex-wrap:wrap;gap:.5rem}
.pk-tbtns .btn{flex:1 1 9rem}
.pk-timer .check{font-size:.875rem}
.pk-timer.pk-running .pk-bell{animation:pk-pulse 1.6s ease-in-out infinite}
.pk-timer.pk-rung{border-color:var(--ss-red);box-shadow:0 0 0 3px rgba(168,36,44,.18)}
.pk-timer.pk-rung h3{color:var(--ss-red)}
@keyframes pk-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08) rotate(-8deg)}}

/* the rules and the print card */
.pk-print{margin-top:1.25rem}
.pk-kicker{margin:0}
.pk-rules{margin:0 0 1rem}
.pk-rules ul{margin:.25rem 0 0;padding-left:1.125rem;font-size:.9375rem;line-height:1.45}

/* gift ideas */
.pk-gifts{display:grid;gap:.875rem;margin:.75rem 0 0}
.pk-band{border:1px solid var(--line);border-radius:.625rem;padding:.75rem .875rem;background:var(--surface)}
.pk-band h3{margin:0 0 .375rem;font-size:1rem}
.pk-band h3 span{font-family:var(--mono);font-size:.75rem;color:var(--ss-red);margin-left:.375rem}
.pk-band ul{margin:0;padding-left:1.125rem;font-size:.9375rem;line-height:1.5}

@media(min-width:900px){
  .pk-gifts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pk-stage .dd-die{width:14rem}
}
@media(prefers-color-scheme:dark){
  .pk-timer.pk-rung{border-color:#ff6165;box-shadow:0 0 0 3px rgba(255,97,101,.2)}
  .pk-timer.pk-rung h3{color:#ff8a8d}
  .pk-band h3 span{color:#ff8a8d}
}
@media(prefers-reduced-motion:reduce){.pk-timer.pk-running .pk-bell{animation:none}}
.pk-rules ul li{padding:0;border:0;background:none;border-radius:0;list-style:disc}
.pk-jump{white-space:nowrap}