/* RockwallPumpkinPatch.com — page-specific styles (games, facts, photo wall, share form, admin) */
.site-header .wrap{min-height:66px}
.hero.pp-hero{min-height:min(88vh,820px);align-items:center;text-align:center}
.hero.pp-hero h1{max-width:none;margin-inline:auto}
.hero.pp-hero .lead{margin-inline:auto}
.hero.pp-hero .actions{justify-content:center}
.hero.pp-hero .logo{width:min(520px,82vw);margin:0 auto 14px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.55))}
.hero.sub{min-height:min(48vh,420px)}
.brand img.pp-mark{height:46px;width:auto}
.nursery-cta{background:linear-gradient(135deg,#2f6b23,#1d3d17);color:#fff;border-radius:calc(var(--radius) + 6px);padding:clamp(28px,5vw,56px);display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
.nursery-cta h2{color:#fff;font-family:'Fraunces',Georgia,serif;font-weight:700}
.nursery-cta p{color:#dbe8d0;max-width:60ch}
@media (max-width:760px){.nursery-cta{grid-template-columns:1fr}}
.theme-toggle{display:none}
.muted{color:var(--muted)}

/* ---- Did you know? ---- */
.fact{position:relative;background:linear-gradient(135deg,#3a2418,#241a14);border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);padding:clamp(22px,4vw,40px) clamp(22px,4vw,44px) 64px;color:#fff4e6;box-shadow:var(--shadow-lg);overflow:hidden}
.fact::before{content:"🎃";position:absolute;right:-10px;top:-24px;font-size:140px;opacity:.08;transform:rotate(-12deg)}
.fact-k{font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;color:var(--accent)}
.fact h3{font-family:'Lilita One',cursive;font-weight:400;font-size:clamp(1.4rem,3.2vw,2rem);margin:.4em 0 .3em;color:#fff;letter-spacing:.01em}
.fact p{margin:0;color:#e6d3bf;max-width:64ch;font-size:1.05rem}
.fact.in h3,.fact.in p{animation:factin .5s ease both}
@keyframes factin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.fact-nav{position:absolute;left:clamp(22px,4vw,44px);bottom:18px;display:flex;align-items:center;gap:10px;font-weight:800;color:var(--accent);font-size:.9rem}
.fact-nav button{width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;font-size:20px;line-height:1;cursor:pointer}
.fact-nav button:hover{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.fact.static{padding-bottom:clamp(22px,4vw,40px)}
.facts-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.facts-grid .fact h3{font-size:1.25rem}
.facts-grid .fact::before{font-size:90px}

/* ---- Games ---- */
.game-nav b{font-family:'Lilita One',cursive;font-weight:400;font-size:1.25rem;letter-spacing:.01em}
.game{background:var(--card);border:1px solid var(--line);border-radius:calc(var(--radius) + 6px);box-shadow:var(--shadow-lg);padding:clamp(18px,3vw,32px);margin-top:28px;scroll-margin-top:90px}
.game h2{font-family:'Lilita One',cursive;font-weight:400;letter-spacing:.01em;margin-bottom:.2em}
.game .how{color:var(--ink-2);margin:0 0 16px;font-size:1rem}
.game canvas{display:block;width:100%;max-width:640px;margin:0 auto;border-radius:16px;touch-action:none;background:#f6d9b0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);user-select:none;-webkit-user-select:none}
#toss-canvas{max-width:800px}
.gbar{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;margin:12px 0}
.gbar .lbl{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-right:2px;flex-basis:100%}
.gbar .lbl.inline{flex-basis:auto}
.tchip{border:2px solid var(--line);background:var(--bg);color:var(--ink);border-radius:999px;padding:.45em .9em;font-weight:800;font-size:.9rem;cursor:pointer;font-family:var(--body);line-height:1.2}
.tchip:hover{border-color:var(--primary)}
.tchip.on{background:var(--primary);border-color:var(--primary);color:#fff}
.tchip .sw{display:inline-block;width:14px;height:14px;border-radius:50%;vertical-align:-2px;margin-right:6px;border:1px solid rgba(0,0,0,.2)}
.gbar input[type=range]{accent-color:var(--primary);width:140px}
.gbar label{font-weight:700;font-size:.92rem;display:inline-flex;align-items:center;gap:6px}
.gstats{display:flex;flex-wrap:wrap;gap:8px 22px;font-weight:800;margin:10px 0;color:var(--ink-2)}
.gstats b{color:var(--accent);font-family:'Lilita One',cursive;font-weight:400;font-size:1.3rem;margin-left:4px}
.game .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
#carve-hint{color:var(--muted);font-size:.9rem;margin:8px 0 0;text-align:center}
.carve-wrap{display:grid;gap:22px;grid-template-columns:minmax(0,1fr) 330px;align-items:start}
.carve-tools .gbar{margin:6px 0}
@media (max-width:900px){.carve-wrap{grid-template-columns:1fr}}
/* match */
.mgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:560px;margin:10px auto}
@media (max-width:420px){.mgrid{gap:7px}}
.mcard{position:relative;aspect-ratio:1;border:0;background:none;padding:0;cursor:pointer;perspective:800px;border-radius:14px}
.mcard .face{position:absolute;inset:0;border-radius:14px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .45s;box-shadow:0 4px 14px rgba(0,0,0,.25);display:grid;place-items:center}
.mcard .back{background:linear-gradient(135deg,#0f6a45,#095538);padding:16%}
.mcard .back img{width:100%;height:100%;object-fit:contain}
.mcard .front{transform:rotateY(180deg);background:#000}
.mcard .front img{width:100%;height:100%;object-fit:cover}
.mcard.up .back,.mcard.done .back{transform:rotateY(180deg)}
.mcard.up .front,.mcard.done .front{transform:rotateY(0)}
.mcard.done{opacity:.85}
.mcard.done .front{box-shadow:0 0 0 3px var(--accent)}
/* trivia */
.tq-n{font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 .5em}
#trivia h3{font-size:clamp(1.25rem,2.6vw,1.6rem);max-width:60ch}
.tq-opts{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));margin:16px 0}
.tq-opt{text-align:left;padding:14px 16px;border-radius:14px;border:2px solid var(--line);background:var(--bg);color:var(--ink);font-family:var(--body);font-weight:700;font-size:1rem;cursor:pointer;transition:border-color .15s,transform .15s}
.tq-opt:hover:not(:disabled){border-color:var(--primary);transform:translateY(-2px)}
.tq-opt.right{border-color:#2f8f4e;background:#e6f5ea;color:#155a2c}
.tq-opt.wrong{border-color:#c0392b;background:#fdeaea;color:#8c1c1c}
.tq-why{background:var(--bg-2);border-radius:14px;padding:14px 16px;font-weight:600;margin:0 0 14px}
.tq-end h3{font-family:'Lilita One',cursive;font-weight:400;font-size:2rem;color:var(--accent)}

/* ---- Community photo wall ---- */
.gallery.wall a .who{position:absolute;left:10px;bottom:10px;background:rgba(0,0,0,.6);color:#fff;font-weight:800;font-size:.8rem;padding:.25em .7em;border-radius:999px;backdrop-filter:blur(4px)}
.wall-empty{background:var(--card);border:2px dashed var(--line);border-radius:var(--radius);padding:36px;text-align:center;color:var(--ink-2);font-weight:700}
.wall-empty p{margin:0}

/* ---- Share form ---- */
.share-drop{position:relative;border:2px dashed var(--line);border-radius:var(--radius);padding:26px;text-align:center;background:var(--bg-2);cursor:pointer;transition:border-color .15s}
.share-drop:hover,.share-drop.has{border-color:var(--primary)}
.share-drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.share-drop .big{font-size:2.4rem;line-height:1}
.share-drop b{display:block;margin-top:6px}
.share-drop small{color:var(--muted)}
#share-preview{display:block;max-width:100%;max-height:360px;margin:12px auto 0;border-radius:14px;box-shadow:var(--shadow)}
.checks.one label{display:flex;gap:10px;align-items:flex-start;font-weight:600;font-size:.95rem;color:var(--ink-2)}
.checks.one input{margin-top:5px}
.rules{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px}
.rules h3{font-size:1.1rem}
.rules ul{margin:0;padding-left:20px;color:var(--ink-2)}
.rules li{margin:.3em 0}

/* ---- Admin ---- */
.acards{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.acard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.acard img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#000}
.acard .body{padding:14px 16px 16px;display:grid;gap:8px}
.acard label{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);display:grid;gap:4px}
.acard input{width:100%;box-sizing:border-box;padding:.5em .7em;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:.95rem}
.acard .meta{margin:0;font-size:.85rem;color:var(--muted)}
.acard .actions{display:flex;gap:8px;margin-top:4px}
.admin-top{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between;margin-bottom:20px}