/* Drawing projects stay optional: guides never replace or erase a child's work. */
.paint-adventure .pa-projects{margin:15px 0 18px;padding:15px;background:#fff9e8;border:2px solid #d2bd93;border-radius:20px}
.paint-adventure .pa-projects h4{margin:0 0 12px;font-size:1rem;font-weight:850}
.paint-adventure .pa-project-list{display:flex;gap:9px;flex-wrap:wrap}
.paint-adventure .pa-project-list button{flex:1 1 110px;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:100px;padding:9px;font-size:.8rem;font-weight:800;border-color:#ddcfb3;background:#fffdf7}
.paint-adventure .pa-project-list svg{height:50px;width:65px;fill:none;stroke:#537d91;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.paint-adventure .pa-project-list button[aria-pressed=true]{background:#ffedb3}
.paint-adventure .pa-project-prompt{font-size:.9rem;line-height:1.9;margin:14px 0 10px;max-width:50em}
.paint-adventure .pa-guide-toggle{padding:9px 16px;border:2px dashed #8099a5;font-size:.85rem;font-weight:750;min-width:150px}
.paint-adventure .pa-extra-tools{display:flex;gap:12px;align-items:stretch;justify-content:space-between;flex-wrap:wrap;margin:0 0 15px}
.paint-adventure .pa-shapes,.paint-adventure .pa-symmetry{display:flex;flex-wrap:wrap;gap:7px}
.paint-adventure .pa-shapes button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;font-size:.7rem;font-weight:800;min-width:55px;padding:5px 7px;border-color:#deccb2;background:#fff9ed}
.paint-adventure .pa-shapes svg{width:30px;height:30px;fill:none;stroke:#385776;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.paint-adventure .pa-symmetry{padding-left:12px;border-left:2px solid #ddcbae}
.paint-adventure .pa-symmetry button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:.7rem;font-weight:800;padding:7px 9px;min-width:65px;background:#e1eceb;border-color:#bacfcf}
.paint-adventure .pa-symmetry-mark{display:block;position:relative;width:31px;height:31px;border-radius:50%;background:#d0e7e3;overflow:hidden}
.paint-adventure .pa-symmetry-mark:before{content:'';position:absolute;width:12px;height:18px;left:2px;top:6px;background:#ec8ca2;border-radius:80% 20% 60% 30%;transform:rotate(-18deg)}
.paint-adventure .pa-symmetry-mirror:after{content:'';position:absolute;width:12px;height:18px;right:2px;top:6px;background:#ec8ca2;border-radius:20% 80% 30% 60%;transform:rotate(18deg)}
.paint-adventure .pa-symmetry-four:before{box-shadow:0 12px 0 #8f80c5;top:0;height:12px;width:12px}
.paint-adventure .pa-symmetry-four:after{content:'';position:absolute;width:12px;height:12px;right:2px;top:0;background:#ec8ca2;border-radius:40%;box-shadow:0 13px 0 #8f80c5}
.paint-adventure .ps-easel[data-symmetry=mirror]:after,.paint-adventure .ps-easel[data-symmetry=four]:after{content:'';position:absolute;inset:0 50%;border-left:2px dashed #6e8b8b66;pointer-events:none;z-index:2}
.paint-adventure .ps-easel[data-symmetry=four]:before{content:'';position:absolute;inset:50% 0;border-top:2px dashed #6e8b8b66;pointer-events:none;z-index:2}
.paint-adventure .ps-palette button.pa-idea-color:after{content:'';position:absolute;inset:-4px;border:2px dashed #477f84;border-radius:inherit;pointer-events:none}
.paint-adventure .pa-mission{margin:16px 0 0;border-top:1px solid #d8c6a6;padding:13px 0 0;line-height:1.8}
.paint-adventure .pa-mission strong{font-size:.8rem}.paint-adventure .pa-mission p{font-size:1rem;font-weight:750;margin:6px 0 10px;overflow-wrap:anywhere}.paint-adventure .pa-mission button{font-size:.8rem;padding:8px 14px;border:2px solid #b9c8be}
.paint-adventure button{min-height:48px;min-width:48px}
.paint-adventure .ps-palette button{min-height:48px;min-width:48px}
.paint-adventure .ps-palette{grid-template-columns:repeat(12,minmax(48px,1fr));gap:7px}
@media(max-width:900px){.paint-adventure .ps-palette{grid-template-columns:repeat(6,minmax(48px,1fr))}.paint-adventure .pa-extra-tools{justify-content:center}.paint-adventure .pa-symmetry{border-left:0;padding-left:0}}
@media(max-width:600px){.paint-adventure .pa-projects{order:1;margin:10px 0 15px;padding:12px}.paint-adventure .ps-tools{order:2}.paint-adventure .ps-easel{order:3}.paint-adventure .pa-extra-tools{order:4;display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:0 0 15px}.paint-adventure .pa-shapes,.paint-adventure .pa-symmetry{justify-content:center}.paint-adventure .ps-palette{order:5}.paint-adventure .ps-settings{order:6}.paint-adventure .ps-edit{order:7}.paint-adventure .ps-clear-confirm{order:8}.paint-adventure .ps-status{order:9}.paint-adventure .ps-gallery{order:10}.paint-adventure .ps-parent-note{order:11}.paint-adventure>.creative-family{order:12}.paint-adventure .pa-project-list{gap:7px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.paint-adventure .pa-project-list button{min-width:0;min-height:82px;font-size:.65rem;padding:6px;gap:3px}.paint-adventure .pa-project-list svg{height:38px;width:48px}.paint-adventure .pa-project-prompt{font-size:.8rem;margin:10px 0}.paint-adventure .pa-shapes{gap:6px}.paint-adventure .pa-shapes button{min-width:48px;flex:1 1 40px;max-width:80px;padding:5px 3px;font-size:.6rem}.paint-adventure .pa-symmetry button{flex:1}.paint-adventure .ps-palette{padding:10px;gap:7px}.paint-adventure .ps-palette button{width:100%;min-width:0;min-height:48px}.paint-adventure .ps-tools button{min-width:0}}
@media(max-width:380px){.paint-adventure .ps-palette{grid-template-columns:repeat(6,minmax(0,1fr))}.paint-adventure .pa-shapes{display:grid;grid-template-columns:repeat(3,minmax(48px,1fr))}.paint-adventure .pa-shapes button{max-width:none}}
@media(prefers-reduced-motion:reduce){.paint-adventure *{animation:none!important;transition:none!important}}
/* Keep the drawing surface visible beside tools on a wide screen. */
@media(min-width:850px){
.paint-adventure{display:grid;grid-template-columns:minmax(0,1fr) 290px;grid-template-areas:"friend friend" "head head" "paper projects" "paper brushes" "paper shapes" "paper palette" "paper settings" "edit edit" "confirm confirm" "status status" "gallery gallery" "note note" "family family";column-gap:22px;row-gap:10px;max-width:1160px}
.paint-adventure>.character-scene{grid-area:friend;display:flex;align-items:center;padding:10px 15px;margin:0!important;gap:12px;min-height:0;border-width:1px}
.paint-adventure>.character-scene .character-scene-art{width:60px;height:65px;flex:none}
.paint-adventure>.character-scene .character-scene-art img{width:60px;height:65px;object-fit:contain}
.paint-adventure>.character-scene h3{font-size:15px;margin:0}
.paint-adventure>.character-scene small,.paint-adventure>.character-scene details{display:none}
.paint-adventure>.character-scene .character-scene-line{font-size:13px;margin:3px 0}
.paint-adventure>.ps-heading{grid-area:head}.paint-adventure>.ps-heading h3{font-size:27px}.paint-adventure>.ps-heading .ps-eyebrow,.paint-adventure>.ps-heading .ps-paint-mark,.paint-adventure>.ps-intro{display:none}
.paint-adventure>.pa-projects{grid-area:projects;margin:0;padding:10px}
.paint-adventure .pa-project-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.paint-adventure .pa-project-list button{min-width:0;min-height:68px;font-size:.6rem;padding:4px}
.paint-adventure .pa-project-list svg{width:40px;height:30px}.paint-adventure .pa-projects h4{font-size:.8rem;margin-bottom:7px}
.paint-adventure .pa-project-prompt{font-size:.72rem;line-height:1.6;margin:7px 0}.paint-adventure .pa-guide-toggle{font-size:.72rem;min-height:48px;width:100%}
.paint-adventure>.ps-tools{grid-area:brushes;margin:0;gap:4px}.paint-adventure>.ps-tools button{flex-direction:column;gap:2px;font-size:.63rem;padding:4px 2px;min-height:55px}.paint-adventure>.ps-tools svg{height:24px;width:24px}
.paint-adventure>.pa-extra-tools{grid-area:shapes;margin:0;gap:8px;justify-content:center}.paint-adventure .pa-shapes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;width:100%}.paint-adventure .pa-shapes button{min-width:0;padding:3px 1px;font-size:.55rem;min-height:50px}.paint-adventure .pa-shapes svg{width:22px;height:22px}.paint-adventure .pa-symmetry{width:100%;padding:0;border:0;justify-content:center;gap:5px}.paint-adventure .pa-symmetry button{flex:1;min-width:0;min-height:48px;flex-direction:row;font-size:.6rem;padding:3px}.paint-adventure .pa-symmetry-mark{width:23px;height:27px;flex:none}
.paint-adventure>.ps-palette{grid-area:palette;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:7px}.paint-adventure>.ps-palette button{min-width:0;min-height:40px;height:40px;padding:4px}.paint-adventure .ps-color{min-height:25px}
.paint-adventure>.ps-settings{grid-area:settings;gap:6px;margin:0}.paint-adventure>.ps-settings button{font-size:.6rem;padding:4px;gap:4px;min-height:48px}.paint-adventure .ps-sizes,.paint-adventure .ps-papers{width:100%;gap:4px}.paint-adventure .ps-sizes button,.paint-adventure .ps-papers button{flex:1}.paint-adventure .ps-papers i{display:none}
.paint-adventure>.ps-easel{grid-area:paper;margin:0;width:100%;align-self:start;position:sticky;top:18px}
.paint-adventure>.ps-edit{grid-area:edit}.paint-adventure>.ps-clear-confirm{grid-area:confirm}.paint-adventure>.ps-status{grid-area:status;margin:0}.paint-adventure>.ps-gallery{grid-area:gallery}.paint-adventure>.ps-parent-note{grid-area:note;margin:0}.paint-adventure>.creative-family{grid-area:family}
}
@media(max-width:600px){.paint-adventure>.character-scene{padding:9px 12px;margin:0 0 8px;display:flex;align-items:center;gap:10px;border-width:1px}.paint-adventure>.character-scene .character-scene-art{width:44px;height:50px;flex:none}.paint-adventure>.character-scene .character-scene-art img{width:44px;height:50px;object-fit:contain}.paint-adventure>.character-scene small,.paint-adventure>.character-scene details,.paint-adventure>.character-scene h3{display:none}.paint-adventure>.character-scene .character-scene-line{font-size:12px;margin:0}.paint-adventure>.pa-projects{padding:9px}.paint-adventure .pa-project-list svg{height:26px}.paint-adventure .pa-project-list button{min-height:63px}.paint-adventure .pa-projects h4{font-size:.8rem}.paint-adventure .pa-project-prompt{display:none}.paint-adventure .pa-guide-toggle{margin-top:7px;min-height:48px}}
@media(min-width:850px){.paint-adventure{grid-template-columns:minmax(0,1fr) 340px}.paint-adventure>.ps-palette button{min-width:48px;min-height:48px;height:48px}.paint-adventure .pa-shapes button{min-width:48px}.paint-adventure>.ps-tools button{min-width:48px}}
.paint-adventure>.character-scene .character-scene-art img{object-fit:cover;object-position:left center}

.paint-adventure .pa-projects summary{min-height:48px;display:flex;align-items:center;cursor:pointer;font-weight:800;font-size:13px;gap:10px}.paint-adventure .pa-projects summary::after{content:"＋";margin-left:auto}.paint-adventure .pa-projects details[open]>summary::after{content:"−"}.paint-adventure .pa-projects details[open]>summary{margin-bottom:10px}@media(min-width:850px){.paint-adventure .pa-projects summary{display:none}}