/* The little explorers' club: paper, warm wood, and a painted jungle. */
.play-welcome{background:linear-gradient(90deg,#eaf0df 0%,#eaf0dfef 40%,#eaf0df10 80%),url('/play-art/watering-world.webp') center 38%/cover;border-bottom:1px solid #c6d4b8;overflow:hidden}.play-intro{padding-top:24px;padding-bottom:36px;position:relative}.play-intro .back{margin-bottom:22px;position:relative;z-index:1}.play-intro h1{font:52px/1.07 Georgia,serif;letter-spacing:-.035em;margin:16px 0;color:#234735}.play-intro>p{font-size:16px;line-height:1.65;color:#48604a}.play-badges{display:flex;gap:8px;flex-wrap:wrap}.play-badges span{font-size:10px;letter-spacing:.02em;background:#fffdf1da;border:1px solid #b9c7a7;border-radius:22px;padding:7px 12px}.welcome-friend{position:absolute;right:9%;bottom:-8px;width:245px;height:245px;background:url('/play-art/animal-sprites.webp') 66.6667% 0/400% 200%;pointer-events:none}.play-space{max-width:1380px;padding-bottom:55px}.game-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:26px 0 0}.game-tabs button{display:flex;align-items:center;gap:15px;text-align:left;padding:20px 24px;background:#efeee1;border:1px solid #cbd5bc;border-radius:15px;color:#34523b;font-size:16px;font-weight:650;transition:background .2s,transform .2s;box-shadow:0 3px 0 #dce2d2}.game-tabs button:hover{background:#e3ead5;transform:translateY(-2px)}.game-tabs button[aria-selected=true]{background:#2e5943;color:#fff8db;border-color:#2e5943;box-shadow:0 3px 0 #173b2d}.game-tabs small{display:block;font-size:10px;font-weight:400;margin-top:6px;opacity:.8}.tab-icon{font:38px Georgia;line-height:1;color:#ac8645}.game-tabs [aria-selected=true] .tab-icon{color:#e9ce86}.game-status{padding:13px 0;margin:6px 0 2px;color:#597052;font-size:13px;min-height:43px}.game-status:before{content:'✦';color:#b59a59;margin-right:10px}.game-panel{border:1px solid #d5dac9;padding:26px;border-radius:20px;background:#fffef8;box-shadow:0 9px 32px #2b44300b}.game-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px}.game-heading .eyebrow{font-size:9px;letter-spacing:.15em;color:#8c7950}.game-heading h2{font:33px/1.15 Georgia,serif;letter-spacing:-.03em;margin:10px 0;color:#294e37}.game-heading p{font-size:13px;margin:6px 0;color:#6d7964}.game-heading label{font-size:10px;min-width:200px;max-width:320px}.game-heading select{font-size:12px;margin-top:6px;padding:12px}.page-trail{display:flex;gap:7px;overflow:auto;padding:3px 2px 14px;margin-bottom:7px;scrollbar-width:thin;scrollbar-color:#bcc9a5 transparent}.page-trail button{flex:0 0 34px;height:34px;border:1px solid #d4dcc6;background:#f2f3e8;color:#6a7e5b;border-radius:50%;font-size:11px}.page-trail button[aria-current=page]{background:#cfa56d;color:#302b22;border-color:#b08e60;font-weight:bold}.color-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:27px;align-items:start}.canvas-column{min-width:0}.drawing-toolbar{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#7a8371;padding:0 3px 10px}.drawing-toolbar button{padding:6px 12px;border:1px solid #c7cfb9;background:#f3f3e8;color:#436143;border-radius:20px;font-size:11px}.drawing-board{border:1px solid #d8dacb;border-radius:6px;overflow:auto;background:#fff;box-shadow:0 4px 16px #33442715;max-height:950px;scrollbar-width:thin}.canvas-sheet{position:relative;width:100%;min-width:100%}.drawing-board.is-zoomed .canvas-sheet{width:180%;max-width:none}.drawing-board.is-zoomed{max-height:70vh}.drawing-board canvas{display:block;width:100%;cursor:crosshair;touch-action:pan-x pan-y}.drawing-board.is-loading canvas{opacity:.2;pointer-events:none}.canvas-sheet>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#art-loading{font-size:12px;color:#677e5c}.canvas-caption{font-size:10px;letter-spacing:.04em;text-align:center;color:#8a927f;margin-top:14px}.color-tools{background:linear-gradient(140deg,#f1e8ce,#eee9da);border:1px solid #dccfaf;padding:23px 18px;border-radius:13px;box-shadow:inset 0 0 0 4px #fff8e852,0 5px 15px #49381308}.color-tools .eyebrow{font-size:8px;letter-spacing:.13em;color:#9d8353}.color-tools h3{font:25px Georgia,serif;color:#4b4c30;margin:8px 0}.selected-crayon{font-size:10px;color:#897955;margin:8px 0 19px}.palette{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 7px;padding:5px 2px}.crayon{border:0;border-radius:5px 5px 7px 7px;padding:0;min-width:0;height:105px;overflow:visible;position:relative;color:white;box-shadow:inset 3px 0 4px #ffffff66,inset -3px 0 4px #0002,0 3px 4px #42311220;margin-top:17px;text-shadow:0 1px 1px #0003}.crayon-tip{position:absolute;top:-17px;left:0;right:0;height:19px;background:inherit;clip-path:polygon(32% 0,68% 0,100% 100%,0 100%)}.crayon-label{display:block;writing-mode:vertical-rl;transform:rotate(180deg);width:100%;height:76px;line-height:40px;font-size:10px;font-weight:bold;letter-spacing:.07em;margin:9px 0;background:#ffffff26;border-top:3px double #ffffff70;border-bottom:3px double #ffffff70}.crayon-0{background:#ed343b}.crayon-1{background:#f79432}.crayon-2{background:#ffe05b;color:#65551c;text-shadow:none}.crayon-3{background:#359655}.crayon-4{background:#2878c4}.crayon-5{background:#8451a2}.crayon-6{background:#8d573d}.crayon-7{background:#25352d}.crayon[aria-pressed=true]{outline:2px solid #6b8054;outline-offset:4px;transform:translateY(-4px)}.eraser{grid-column:1/-1;margin-top:5px;border:1px solid #cfbcad;background:linear-gradient(90deg,#efc6b2 0 28%,#fff4da 28%);border-radius:6px;padding:10px;color:#786647;font-size:11px}.eraser[aria-pressed=true]{outline:2px solid #698253;outline-offset:2px}.tool-buttons{display:grid;gap:9px;margin-top:20px}.tool-buttons button,.game-pagination button,.difference-summary button,.clear-confirm button,#retry-art{border:1px solid #bcc8aa;border-radius:8px;padding:11px 16px;background:#f6f5e9;color:#37563e;font-size:12px;min-height:44px}.tool-buttons button:hover,.game-pagination button:hover,.difference-summary button:hover{background:#e2e9d5}#save-picture{background:#355d45;color:#fff6d9;border-color:#355d45}#clear{border-color:transparent;background:transparent;font-size:10px;color:#8a7555}.color-tools .small{font-size:10px;color:#968568;line-height:1.8;margin:18px 0 10px}.keyboard-help{font-size:10px;border:0;background:transparent}.keyboard-help summary{padding:8px 0;color:#706d51}.keyboard-help p{font-size:11px}.clear-confirm{padding:12px;border:1px solid #b8975e;background:#fff6d8;border-radius:9px;font-size:12px;margin-top:12px}.clear-confirm button{font-size:10px;margin:4px 0;width:100%}.game-pagination{display:flex;justify-content:space-between;gap:15px;padding-top:20px;margin-top:15px;border-top:1px solid #e3e7d7}.game-pagination button:disabled,.tool-buttons button:disabled{opacity:.4;cursor:default}.parent-note{font-size:11px;line-height:1.85;max-width:900px;margin:25px auto 0;color:#829077;text-align:center}.count-pill{border:1px solid #d4ddbe;background:#f0f2e4;border-radius:30px;padding:12px 19px;white-space:nowrap;font-size:13px;color:#58713c}.hide-board{overflow:hidden;border-radius:16px;box-shadow:0 6px 25px #193e2928;border:6px solid #ece8d6;background:#2c5346}.hide-board svg{width:100%;display:block}.hiding-spot{cursor:pointer;outline:none}.hiding-cover{transform-box:fill-box;transform-origin:50% 95%;transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .8s;filter:drop-shadow(2px 5px 4px #12322355);pointer-events:none}.hidden-friend{opacity:0;transform:translateY(15px) scale(.95);transform-origin:center bottom;transition:opacity .45s .15s,transform .65s .15s;pointer-events:none}.hiding-spot.opened .hidden-friend{opacity:1;transform:translateY(0) scale(1)}.hiding-spot.opened .hiding-cover{transform:translate(37px,23px) rotate(44deg) scale(.7);opacity:.18}.hiding-spot.cover-1.opened .hiding-cover,.hiding-spot.cover-2.opened .hiding-cover,.hiding-spot.cover-4.opened .hiding-cover{transform:translate(-45px,18px) rotate(-25deg) scale(.65)}.hiding-spot:focus-visible .hiding-cover,.hint-glow{filter:drop-shadow(0 0 4px #fff3b4) drop-shadow(0 0 11px #e2c063)}.friend-trail{display:flex;justify-content:center;gap:25px;padding:22px 0 2px}.friend-badge{position:relative;text-align:center;width:80px;filter:saturate(.25);opacity:.52;transition:opacity .3s,filter .3s}.friend-badge.found{filter:none;opacity:1}.friend-badge svg{width:70px;height:70px;display:block;margin:auto}.friend-badge span{display:block;font-size:10px;color:#61724c;margin-top:4px}.friend-badge b{position:absolute;top:3px;right:0;border-radius:50%;background:#f5ebc9;border:1px solid #c8b983;width:21px;height:21px;font-size:11px;line-height:19px;color:#938656}.friend-badge.found b{background:#547a48;border-color:#547a48;color:white}.game-win{padding:21px;background:#e6eccc;color:#53693b;border:1px solid #d2dcaf;border-radius:13px;text-align:center;font:22px Georgia,serif}.picture-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.picture-pair figure{margin:0;min-width:0}.picture-pair figcaption{font:17px Georgia,serif;color:#5d7054;padding:13px 3px}.picture-pair figcaption span{display:inline-block;font:10px sans-serif;padding:5px 7px;background:#ebeace;border-radius:50%;margin-right:6px;color:#8b834c}.difference-scene{display:block;width:100%;border:5px solid #eeeadb;border-radius:17px;box-shadow:0 4px 16px #2548331a;touch-action:manipulation}.puzzle-object{cursor:pointer}.puzzle-object:focus-visible{outline:none;filter:drop-shadow(0 0 6px #fff5b4)}.puzzle-object.is-found{cursor:default}.difference-summary{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:0 0 12px}.difference-summary>div{margin-right:auto}.difference-summary strong{font-size:12px;color:#6c7955}.discovery-dots{display:flex;gap:7px;margin-top:9px}.discovery-dots span{width:27px;height:27px;border-radius:50%;border:1px solid #d3d9c0;background:#f2f2e6;color:#a4ad8d;text-align:center;line-height:25px}.discovery-dots span.done{background:#638453;color:white;border-color:#638453}.picture-note{font-size:10px;color:#90977e;text-align:center;margin:17px 0}.play-space button:focus-visible,.play-space canvas:focus-visible{outline:3px solid #c88742;outline-offset:4px}
@media(max-width:1000px){.game-tabs button{padding:18px 15px;gap:10px;font-size:14px}.color-layout{grid-template-columns:minmax(0,1fr) 210px;gap:18px}.game-heading h2{font-size:29px}.play-intro h1{font-size:46px}.welcome-friend{right:3%;width:200px;height:200px}.game-panel{padding:21px}.color-tools{padding:20px 12px}.friend-trail{gap:18px}}
@media(max-width:760px){.play-intro h1{font-size:37px;max-width:330px}.play-intro>p{font-size:14px}.welcome-friend{right:-35px;width:180px;height:180px;opacity:.85}.play-badges{max-width:300px}.play-badges span{font-size:8px;padding:6px 8px}.play-welcome{background:linear-gradient(90deg,#eaf0dff5,#eaf0dfb8),url('/play-art/watering-world.webp') center/cover}.play-intro{padding-bottom:28px}.game-tabs{gap:8px;padding-top:20px}.game-tabs button{padding:13px 7px;display:block;text-align:center;font-size:12px;border-radius:10px}.game-tabs small{display:none}.tab-icon{display:block;font-size:27px;margin-bottom:5px}.game-panel{padding:16px;border-radius:13px}.game-heading{display:block}.game-heading h2{font-size:27px}.game-heading label{display:block;margin-top:15px;max-width:none}.game-heading .count-pill{display:inline-block;margin-top:10px}.color-layout{grid-template-columns:1fr}.color-tools{display:block;padding:16px}.color-tools>.eyebrow,.color-tools>.small,.selected-crayon{display:none}.color-tools h3{font-size:20px;margin:0 0 6px}.palette{grid-template-columns:repeat(8,1fr);gap:10px;padding-top:10px}.crayon{height:64px;margin-top:13px}.crayon-label{height:45px;line-height:30px;font-size:8px;margin:8px 0}.crayon-tip{height:14px;top:-13px}.eraser{grid-column:1/-1;padding:8px}.tool-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.tool-buttons button{font-size:10px;padding:9px 12px;flex:1}.color-tools{position:relative}.keyboard-help{margin-top:7px}.game-heading p{font-size:12px}.game-status{font-size:11px}.picture-pair{gap:8px}.picture-pair figcaption{font-size:14px}.difference-scene{border-width:3px}.friend-trail{gap:7px}.friend-badge{width:50px}.friend-badge svg{width:48px;height:48px}.friend-badge span{font-size:8px}.friend-badge b{width:16px;height:16px;line-height:14px;font-size:9px}.hide-board{border-width:3px}.game-pagination button{font-size:10px;padding:10px 12px}.game-win{font-size:19px}.count-pill{font-size:11px}.parent-note{font-size:10px}.page-trail button{flex-basis:30px;height:30px}.drawing-toolbar{font-size:9px}}
@media(max-width:500px){.play-intro h1{font-size:34px;max-width:290px}.welcome-friend{width:132px;height:132px;right:-29px;bottom:4px}.play-intro>p{max-width:265px;font-size:12px}.play-badges{max-width:240px}.game-tabs button{font-size:10px}.game-heading h2{font-size:25px}.game-panel{padding:11px}.palette{gap:6px}.crayon-label{line-height:26px;font-size:8px}.picture-pair{grid-template-columns:1fr}.difference-summary button{padding:9px 11px;font-size:10px}.game-heading .eyebrow{font-size:8px}.canvas-caption{font-size:8px}.friend-trail{gap:2px}.friend-badge{width:45px}.friend-badge svg{width:43px;height:43px}}
@media(prefers-reduced-motion:reduce){.hiding-cover,.hidden-friend,.game-tabs button,.friend-badge{transition:none}}
@media print{.play-welcome,.game-tabs,.game-status,.color-tools,.game-pagination,.page-trail,.drawing-toolbar,.game-heading label,.parent-note,.canvas-caption{display:none}.color-layout{display:block}.game-panel{border:0;padding:0;box-shadow:none}.drawing-board{max-height:none;border:0;box-shadow:none}.drawing-board.is-zoomed .canvas-sheet{width:100%}}

@media(min-width:1001px){.color-layout{grid-template-columns:minmax(0,700px) 235px;justify-content:center}.hide-board{max-width:1050px;margin:auto}.picture-pair{gap:20px}}

.hide-hit:focus-visible,.puzzle-hit:focus-visible{outline:none;stroke:#f7d473;stroke-width:4}.hide-hit,.puzzle-hit{cursor:pointer}

@media(max-width:500px){.palette{grid-template-columns:repeat(4,1fr);gap:17px 12px}.crayon{height:52px}.crayon-label{writing-mode:horizontal-tb;transform:none;height:30px;line-height:25px;margin:10px 0;font-size:10px}.color-tools{padding:18px}}

/* Expanded 24-color box; roomy controls on phones. */
.crayon-8{background:#f598c2}
.crayon-9{background:#ca4775}
.crayon-10{background:#f77966}
.crayon-11{background:#f3c5ab}
.crayon-12{background:#c88b61}
.crayon-13{background:#613c2b}
.crayon-14{background:#dbac32}
.crayon-15{background:#a9c957}
.crayon-16{background:#246447}
.crayon-17{background:#9edbc0}
.crayon-18{background:#299f9e}
.crayon-19{background:#8ed0ed}
.crayon-20{background:#29477d}
.crayon-21{background:#c5a8df}
.crayon-22{background:#919a9d}
.crayon-23{background:#ffffff}
.crayon-8,.crayon-11,.crayon-14,.crayon-15,.crayon-17,.crayon-19,.crayon-21,.crayon-23{color:#3c4935;text-shadow:none}.palette-count{font-size:10px;color:#8a7955;margin:0 0 8px}.palette{grid-template-columns:repeat(4,1fr);gap:14px 8px}.crayon{height:46px;margin-top:10px}.crayon-tip{top:-10px;height:12px}.crayon-label{writing-mode:horizontal-tb;transform:none;height:28px;line-height:24px;margin:9px 0;font-size:8px;letter-spacing:0}.selected-crayon{margin:8px 0 10px}.crayon[aria-pressed=true]{outline-offset:3px;transform:translateY(-2px)}
@media(max-width:760px){.palette{grid-template-columns:repeat(8,1fr)}.selected-crayon{display:block}.palette-count{margin-bottom:3px}.color-tools{padding:16px 12px}.crayon-label{font-size:9px}.crayon{height:48px}}
@media(max-width:500px){.palette{grid-template-columns:repeat(6,1fr);gap:13px 6px}.color-tools{padding:16px 10px}.crayon-label{font-size:8px}}
@media(max-width:360px){.palette{grid-template-columns:repeat(5,1fr)}}

@media print{
 @page{size:auto;margin:12mm}
 html,body{margin:0!important;padding:0!important;background:white!important;color:black!important}
 body>header,body>footer,.draft,.skip,.play-welcome,.game-tabs,.game-status,.color-tools,.game-pagination,.page-trail,.drawing-toolbar,.parent-note,.canvas-caption,#region-marker,#art-loading,#retry-art,.game-heading p,.game-heading .eyebrow,.game-heading label{display:none!important}
 main,.play-space,.game-panel,.color-layout,.canvas-column,.drawing-board,.canvas-sheet{display:block!important;width:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;overflow:visible!important;background:white!important}
 .game-panel[hidden]{display:none!important}.game-heading{display:block;margin:0 0 5mm!important}.game-heading h2{font:18pt Georgia,serif;margin:0!important;text-align:center}
 #color-canvas{width:100%!important;max-width:175mm!important;height:auto!important;margin:0 auto!important;break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}
}