/* Pumpkin face maker */
.pk-main{max-width:1120px;margin:0 auto;padding:30px 24px 90px;color:var(--text)}
.pk-head{text-align:center;margin-bottom:30px}
.pk-kick{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin:0 0 10px}
.pk-head h1{font-family:var(--display);font-weight:400;font-size:clamp(38px,6vw,64px);line-height:1.05;margin:0 0 12px;color:#FFF6DC}
.pk-sub{max-width:560px;margin:0 auto;font-family:var(--sans);font-size:17px;line-height:1.7;color:var(--mist)}
.pk-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:28px;align-items:start}
.pk-stage{padding:22px;border-radius:20px;border:1px solid var(--line);box-shadow:0 20px 50px rgba(0,0,0,.4);transition:background .5s;
  background:radial-gradient(ellipse 70% 55% at 50% 42%,rgba(255,150,60,.12),transparent 70%),rgba(255,255,255,.03)}
.pk-stage.pk-lit{background:radial-gradient(ellipse 70% 60% at 50% 46%,rgba(255,150,50,.3),transparent 72%),#140C09}
.pk-svgwrap svg{display:block;width:100%;height:auto;user-select:none;-webkit-user-select:none}
.pk-svgwrap .piece{touch-action:none}
.pk-hint{margin:6px 4px 0;text-align:center;font-family:var(--sans);font-size:13.5px;line-height:1.6;color:var(--mist)}
.pk-tools{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;margin-top:16px}
.pk-btn,.pk-go{padding:12px 22px;border:0;border-radius:999px;background:linear-gradient(160deg,#F7DE6B,#EFC53C);color:#3F3208;font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;text-decoration:none;cursor:pointer;box-shadow:0 6px 20px rgba(240,200,60,.22);transition:transform .18s,box-shadow .2s}
.pk-btn:hover,.pk-go:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(240,200,60,.42)}
.pk-btn[aria-pressed="true"]{background:linear-gradient(160deg,#FFB347,#FF8A1F);box-shadow:0 0 26px rgba(255,150,50,.55)}
.pk-ghost{background:transparent!important;color:var(--gold)!important;border:1px solid rgba(232,200,136,.55)!important;box-shadow:none!important}
.pk-ghost:hover{background:rgba(232,200,136,.1)!important}
.pk-sel{margin-top:12px;padding-top:14px;border-top:1px dashed rgba(232,200,136,.25)}
.pk-sel-label{flex-basis:100%;text-align:center;font-family:var(--hand);font-size:22px;color:var(--gold)}
.pk-mini{padding:8px 14px;border:1px solid rgba(232,200,136,.5);border-radius:999px;background:transparent;color:var(--gold);font-family:var(--sans);font-size:12px;cursor:pointer}
.pk-mini:hover:not(:disabled){background:rgba(232,200,136,.12)}
.pk-mini:disabled{opacity:.35;cursor:default}
.pk-panel{padding:22px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
.pk-group h3{margin:0 0 10px;font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold)}
.pk-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:22px}
.pk-nose{grid-template-columns:repeat(3,minmax(0,1fr))}
.pk-opt{padding:8px 6px;border:1px solid rgba(232,200,136,.3);border-radius:12px;background:linear-gradient(165deg,#3A211C,#2A1612);cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .15s}
.pk-opt:hover{transform:translateY(-2px);border-color:rgba(232,200,136,.7)}
.pk-opt svg{display:block;width:100%;height:46px;fill:#FFD36E;stroke:#FFD36E}
.pk-opt[aria-pressed="true"]{border-color:#F2C45A;box-shadow:0 0 0 2px rgba(242,196,90,.35),0 0 18px rgba(242,196,90,.28)}
.pk-btn:focus-visible,.pk-go:focus-visible,.pk-mini:focus-visible,.pk-opt:focus-visible{outline:2px dashed #E8C888;outline-offset:3px}
.pk-save{display:flex;flex-direction:column;gap:10px;margin-top:6px;padding-top:20px;border-top:1px dashed rgba(232,200,136,.25)}
.pk-go{text-align:center}
.pk-note{min-height:20px;margin:2px 0 0;text-align:center;font-family:var(--sans);font-size:13px;color:var(--gold)}
.pk-after{margin-top:18px;padding:18px;border:1px solid rgba(232,200,136,.4);border-radius:16px;text-align:center;background:linear-gradient(165deg,rgba(92,49,45,.55),rgba(24,52,37,.7))}
.pk-after[hidden]{display:none}
.pk-after-t{font-family:var(--display);font-style:italic;font-size:22px;color:#FFF6DC;margin:0 0 6px}
.pk-after-s{font-family:var(--sans);font-size:13.5px;line-height:1.6;color:var(--mist);margin:0 0 14px}
@media(max-width:900px){.pk-grid{grid-template-columns:1fr}}

/* the printable sheet is only ever seen on paper */
#printSheet{display:none}
@media print{
  @page{margin:12mm}
  html,body{background:#fff!important;color:#000!important}
  body>*:not(#printSheet){display:none!important}
  #printSheet{display:block!important;color:#000;font-family:Georgia,serif}
  #printSheet h2{margin:0 0 4pt;font-size:22pt;text-align:center;color:#000}
  #printSheet p{margin:0 0 10pt;font-size:11pt;text-align:center;color:#000}
  .pr-pumpkin{display:block;width:60%;margin:0 auto 12pt}
  .pr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8pt}
  .pr-cell{padding:6pt;border:1px dashed #000;text-align:center}
  .pr-cell svg{display:block;width:100%;height:auto;fill:#000;stroke:#000}
  .pr-cell span{display:block;font-size:8pt;color:#000}
}