/* Task Treats v13 · Quests. Scoped under #kids (the kids layer), G palette: cream, paper, deep sage, terracotta, Fraunces + Figtree. */
#kids .qp .kp-h{font-family:"Fraunces",Georgia,serif;font-weight:500;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#kids .qp-row{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:8px 4px;text-align:left;border-bottom:1px solid #E9E1D5}
#kids .qp-row:last-of-type{border-bottom:0}
#kids .qp-emo{width:44px;height:44px;border-radius:14px;background:#E3EEE6;display:grid;place-items:center;font-size:24px;flex:none}
#kids .qp-chev{font-size:24px;color:#736C63}
#kids .qp-new{width:100%;margin-top:10px;min-height:48px}
#kids .qp-wide{width:100%;min-height:48px;margin:10px 0}
#kids .qp-sub{color:#5F5953;font-size:15px;margin:-2px 0 10px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
#kids .qp-sub.big{font:500 24px/1.2 "Fraunces",Georgia,serif;color:#26241F;justify-content:center;margin:6px 0 10px}
#kids .qp-sub .kp-mini{width:22px;height:22px;border-radius:6px;object-fit:cover;font-size:18px}
#kids .qp-dir{color:#4E7360;font-weight:700;min-height:44px;display:inline-flex;align-items:center;padding:0 4px}
#kids .qp-chips{display:flex;gap:8px;flex-wrap:wrap}
#kids .qp-chip{min-height:44px;min-width:64px;padding:0 16px;border-radius:22px;background:#FFFCF7;border:1.5px solid #E9E1D5!important;font-weight:700;color:#5F5953}
#kids .qp-chip.on{background:#E3EEE6;border-color:#4E7360!important;color:#3E5E4C}
#kids .qp-cats .kp-mode[disabled]{opacity:.45}
#kids .kp-small.ok{color:#3E5E4C;font-weight:700;margin-top:10px}
#kids .kp-small.bad{color:#B4623F;font-weight:700;margin-top:10px}
#kids .qp-list{display:flex;flex-direction:column;gap:8px;margin:12px 0}
#kids .qp-place{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;width:100%;min-height:58px;padding:10px 14px;border-radius:16px;background:#FFFCF7;box-shadow:0 1px 0 #E9E1D5,0 2px 10px #26241F0a;text-align:left}
#kids .qp-place b{font-weight:700;font-size:16px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#kids .qp-place span{grid-row:2;color:#736C63;font-size:13.5px}
#kids .qp-place i{grid-row:1/3;grid-column:2;font-style:normal;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#EFEAE2;color:#5F5953;font-weight:800}
#kids .qp-place.on i{background:#4E7360;color:#fff}
#kids .qp-place.visited{background:#F3F7F4}
#kids .qp-place.visited span{color:#3E5E4C}
#kids .qp-place.skipped{opacity:.55}
#kids .qp-attr{font-size:11.5px;color:#736C63;text-align:center;margin:10px 0 0}
#kids .qp-tools{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
#kids .qp-tools .kp-go{flex:1 1 140px;min-height:48px}
#kids .qp-cta{width:100%;margin:6px 0 4px}
#kids .qp-mapwrap{display:flex;justify-content:center;margin:6px 0 0}
#kids .qp-map{height:280px;border-radius:20px;overflow:hidden;background:#EFEAE2;display:grid;place-items:center;color:#736C63;font-size:14px}
#kids .qp-pin{width:30px;height:30px;border-radius:50%;background:#FFFCF7;border:3px solid #B4623F;display:grid;place-items:center;font:800 13px/1 system-ui;color:#B4623F}
#kids .qp-pin.on{background:#4E7360;border-color:#4E7360;color:#fff}

/* the game path */
#kids .qs-path{position:relative;border-radius:28px;background:radial-gradient(120% 90% at 20% 10%,#EEF4EF 0,#F7F3EC 55%),#F7F3EC;box-shadow:inset 0 0 0 1px #E9E1D5;overflow:hidden}
#kids .qs-path::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 22%,#E3EEE6 0 46px,transparent 47px),radial-gradient(circle at 16% 78%,#E3EEE6 0 60px,transparent 61px),radial-gradient(circle at 60% 70%,#F6EFD6 0 34px,transparent 35px);opacity:.9}
#kids .qs-path svg{position:absolute;inset:0}
#kids .qs-stone{position:absolute;border-radius:50%;background:#FFFCF7;box-shadow:0 3px 0 #E2D8C9,0 6px 14px #26241F14;display:grid;place-items:center;overflow:hidden;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
#kids .qs-stone b{position:relative;font:800 18px/1 -apple-system,system-ui,sans-serif;color:#736C63}
#kids .qs-stone.next{box-shadow:0 0 0 5px #F6E3D9,0 0 0 8px #D98E6E,0 6px 16px #B4623F33;animation:qsPulse 2.4s ease-in-out infinite}
#kids .qs-stone.next b{color:#B4623F}
#kids .qs-stone.on{background:#4E7360;box-shadow:0 3px 0 #3E5E4C,0 6px 14px #4E736033}
#kids .qs-stone.on b{color:#fff;font-size:20px;text-shadow:0 1px 3px #0004}
#kids .qs-stone.skip{opacity:.4}
#kids .qs-ph{position:absolute;inset:0;background:#4E7360 center/cover no-repeat}
#kids .qs-ph.has + b{position:absolute;right:2px;bottom:0;font-size:14px}
#kids .qs-me{position:absolute;font-size:34px;line-height:1;filter:drop-shadow(0 3px 4px #26241F33);animation:qsBob 2.2s ease-in-out infinite;pointer-events:none}
@keyframes qsPulse{50%{transform:scale(1.07)}}
@keyframes qsBob{50%{transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){#kids .qs-stone.next,#kids .qs-me{animation:none}}

/* stop sheet */
#kids .qa{background:#FFFCF7;border-radius:18px;padding:14px 16px;margin:8px 0;box-shadow:0 1px 0 #E9E1D5,0 2px 10px #26241F0a}
#kids .qa.scavenger{border-left:5px solid #D98E6E}#kids .qa.trivia{border-left:5px solid #8DA9C9}#kids .qa.mini_game{border-left:5px solid #7A9E8A}
#kids .qa-k{font:700 12px/16px -apple-system,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#736C63;margin-bottom:4px}
#kids .qa-p{font-size:17px;line-height:1.35;font-weight:600}
#kids .qa-ch{display:flex;flex-direction:column;gap:6px;margin-top:10px}
#kids .qa-c{min-height:46px;border-radius:14px;background:#F7F3EC!important;text-align:left;padding:0 14px;font-weight:600}
#kids .qa-c.yes{background:#E3EEE6!important;color:#3E5E4C;box-shadow:inset 0 0 0 2px #4E7360}
#kids .qa-c.no{background:#F6E3D9!important;color:#B4623F}
#kids .qa-done{min-height:46px;margin-top:10px;padding:0 18px;border-radius:23px;background:#E3EEE6!important;color:#3E5E4C;font-weight:800}
#kids .qa-done.on{background:#4E7360!important;color:#fff}
#kids .qa-h{font-size:13.5px;color:#736C63;margin-top:6px}
#kids .qp-cap{float:right;text-transform:none;letter-spacing:0;font-weight:600;color:#736C63}
#kids .qp-gal{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0}
#kids .qp-thumb,#kids .qp-add{aspect-ratio:1;min-height:44px;border-radius:14px;background:#EFEAE2 center/cover no-repeat;position:relative}
#kids .qp-thumb.vid::after{content:"▶";position:absolute;right:6px;bottom:4px;color:#fff;font-size:14px;text-shadow:0 1px 4px #0008}
#kids .qp-add{display:grid;place-items:center;font-size:26px;background:#FFFCF7;border:2px dashed #E2D8C9;cursor:pointer}
#kids .qp-skip{display:block;margin:6px auto 0;min-height:44px;color:#736C63;font-size:14px;text-decoration:underline}
#kids .qp-view{position:fixed;inset:0;z-index:20;background:#26241Fee;display:grid;place-items:center;padding:20px}
#kids .qp-view img,#kids .qp-view video{max-width:100%;max-height:100%;border-radius:16px}

/* memory book */
#kids .mb{display:flex;flex-direction:column;gap:14px;margin:8px 0}
#kids .mb-page{background:#FFFCF7;border-radius:22px;padding:22px 20px;box-shadow:0 1px 0 #E9E1D5,0 4px 16px #26241F0d;text-align:center}
#kids .mb-page h2{font:500 30px/1.15 "Fraunces",Georgia,serif;margin:6px 0 10px}
#kids .mb-page h3{font:500 22px/1.2 "Fraunces",Georgia,serif;margin:2px 0}
#kids .mb-page.cover{background:linear-gradient(160deg,#E3EEE6,#FFFCF7 70%)}
#kids .mb-emo{font-size:46px}
#kids .mb-kids{display:flex;gap:12px;justify-content:center;font-weight:700;flex-wrap:wrap}
#kids .mb-stat,#kids .mb-d,#kids .mb-n{color:#5F5953;font-size:14px;margin-top:6px}
#kids .mb-n{font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:12px;color:#B4623F}
#kids .mb-hero{aspect-ratio:4/3;border-radius:16px;background:#EFEAE2 center/cover no-repeat;margin:12px 0 6px;display:grid;place-items:center;font-size:40px}
#kids .mb-page ul{list-style:none;text-align:left;font-size:14.5px;color:#5F5953;display:flex;flex-direction:column;gap:4px;margin-top:8px}
#kids .mb-tp .kd-tpic{width:140px;height:140px;border-radius:24px;object-fit:cover;margin:10px auto;display:grid;place-items:center;font-size:70px}
#kids .qk-card{background:#FFFCF7;border-radius:22px;padding:16px;margin:8px 0;box-shadow:0 2px 12px #26241F0d;font-size:18px}
#kids .qk-card > b{font:500 22px/1.2 "Fraunces",Georgia,serif;display:block;margin-bottom:4px}
#kids .qk-back{position:static!important;width:48px;height:48px;font-size:28px}
#kids .qk-chip{margin-right:4px}

/* wall TV (1920×1080, read from across the room) */
html.q-tv #kids{overflow:hidden}
#kids .qtv{position:fixed;inset:0;display:flex;flex-direction:column;background:#F7F3EC;padding:28px 44px 18px;font-family:"Figtree",-apple-system,system-ui,sans-serif;color:#26241F}
#kids .qtv header{display:flex;align-items:center;gap:20px;margin-bottom:18px}
#kids .qtv-t{font:500 52px/1.1 "Fraunces",Georgia,serif;letter-spacing:-.01em;flex:1}
#kids .qtv-k{display:flex;gap:10px;font-size:48px}
#kids .qtv main{flex:1;display:flex;gap:36px;min-height:0}
#kids .qtv-map{flex:1;display:flex;justify-content:center}
#kids .qs-path.tv{border-radius:40px}
#kids .qs-path.tv .qs-stone b{font-size:30px}
#kids .qs-path.tv .qs-me{font-size:58px}
#kids .qtv aside{width:520px;display:flex;flex-direction:column;gap:18px}
#kids .qtv-big{font:500 120px/1 "Fraunces",Georgia,serif;color:#4E7360}
#kids .qtv-big span{font-size:60px;color:#736C63}
#kids .qtv-l{font:700 18px/1.2 "Figtree",system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#736C63}
#kids .qtv-card{background:#FFFCF7;border-radius:28px;padding:24px 28px;box-shadow:0 2px 0 #E9E1D5,0 10px 30px #26241F0f}
#kids .qtv-card b{display:block;font:500 38px/1.15 "Fraunces",Georgia,serif;margin:6px 0}
#kids .qtv-sat{font-size:26px;color:#B4623F;font-weight:700;margin-top:6px}
#kids .qtv-a{font-size:24px;color:#5F5953;margin-top:12px;line-height:1.3}
#kids .qtv-rw{display:flex;align-items:center;gap:18px}
#kids .qtv-rp{width:96px;height:96px;border-radius:22px;object-fit:cover;font-size:64px;display:grid;place-items:center;background:#F6E3D9;flex:none}
#kids .qtv-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
#kids .qtv-strip i{aspect-ratio:1;border-radius:18px;background:#EFEAE2 center/cover no-repeat}
#kids .qtv footer{font-size:14px;color:#736C63;text-align:right;margin-top:8px}

@media print{html.kids-on #kids{position:static;overflow:visible}#kids .noprint,#kids .kd-toast{display:none!important}#kids .mb-page{break-inside:avoid;box-shadow:none;border:1px solid #E9E1D5}}
#kids .qk-back{background:#FFFCF7!important;color:#26241F!important;box-shadow:0 2px 8px #26241F14;border-radius:50%}
