body{background:var(--leaf-soft)}
.pick{height:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:10px 22px 22px;align-content:center}
@media (max-width:700px){.pick{grid-template-columns:repeat(2,1fr)}}
.card-d{background:var(--card);border:2.5px solid var(--ink);border-radius:var(--sk2);box-shadow:var(--shadow);padding:10px;position:relative;min-height:120px;display:grid;place-items:center;transition:transform .12s}
.card-d:active{transform:scale(.95)}
.card-d svg{width:100%;max-height:22vh}
.card-d .have{position:absolute;top:8px;right:12px;font-size:30px}
.dig{position:absolute;inset:6px 14px 14px;border-radius:36px;overflow:hidden;background:#C9A66B;border:3px solid var(--ink);box-shadow:inset 0 0 0 6px var(--sun-soft)}
.dig canvas,.dust{position:absolute;inset:0;width:100%;height:100%;transition:opacity 1s}
.bone{position:absolute;transform-origin:center;transition:transform .5s,opacity .5s}
.bone svg{width:100%;height:auto}
.bone.found{animation:bonejump .8s forwards}
@keyframes bonejump{0%{transform:scale(1)}40%{transform:scale(1.35) rotate(8deg)}100%{transform:scale(1) rotate(0)}}
.counter{position:absolute;top:12px;left:50%;transform:translateX(-50%);display:flex;gap:8px;background:var(--card);border:2.5px solid var(--ink);border-radius:var(--sk2);padding:6px 16px;z-index:5}
.counter span{font-size:34px;opacity:.25;filter:grayscale(1);transition:.3s}
.counter span.f{opacity:1;filter:none;transform:scale(1.15)}
.numpop{position:absolute;font-size:64px;font-weight:900;color:#fff;text-shadow:0 4px 0 #8a6330;z-index:6;pointer-events:none;animation:floatup 1s forwards}
@keyframes floatup{to{transform:translateY(-70px);opacity:0}}
.glow{position:absolute;width:90px;height:90px;border-radius:50%;background:radial-gradient(#fff9,#fff0 70%);z-index:4;pointer-events:none;animation:pulse 1s infinite}
.cleanwrap{position:absolute;inset:0;display:grid;place-items:center}
.stagebox{position:relative;width:min(94vw,calc((100vh - 130px) * 1.333));aspect-ratio:4/3;background:var(--card);border:2.5px solid var(--ink);border-radius:var(--sk2);box-shadow:var(--shadow);overflow:hidden}
.stagebox>svg{position:absolute;inset:0;width:100%;height:100%}
.brush{position:fixed;font-size:60px;pointer-events:none;z-index:30;transform:translate(-20%,-80%) rotate(-20deg);display:none}
.asm{height:100%;display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px 10px 10px}
.asm{--tray:150px}.asm .stagebox{width:min(94vw,calc((100vh - 112px - var(--tray) - 20px) * 1.333))}
.tray{height:136px;width:100%;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:nowrap;padding:6px;background:var(--card);border:2.5px dashed var(--ink);border-radius:var(--sk2)}
.tile{touch-action:none;cursor:grab;flex:none;background:var(--card);border:2.5px solid var(--ink);border-radius:var(--sk2);box-shadow:var(--shadow);padding:6px;display:grid;place-items:center}
.tile.drag{position:fixed;z-index:60;background:transparent;border:0;box-shadow:none;padding:0;pointer-events:none}
.tile.fly{transition:all .55s cubic-bezier(.3,1.3,.5,1)}
.mode-little .tray{height:170px}
.real{opacity:0}
.real.on{opacity:1;animation:popin .5s}

.ghostp.target{opacity:.8;animation:hintpulse 1s infinite}
.palette{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:10px;padding:10px;flex-wrap:wrap}
.pal{width:76px;height:76px;border-radius:50%;box-shadow:var(--shadow);border:4px solid var(--ink)}
.mode-little .pal{width:96px;height:96px}
.pal.on{outline:6px solid var(--ink);transform:scale(1.12)}
.paintwrap{position:absolute;inset:0 0 110px;display:grid;place-items:center}
.paintwrap .stagebox{width:min(94vw,calc((100vh - 112px - 120px) * 1.333))}
.p{transform-box:fill-box;transform-origin:center;cursor:pointer}
.p.painted{animation:popin .4s}
.museum{height:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:6px 20px 120px;align-content:center}
@media (max-width:700px){.museum{grid-template-columns:repeat(2,1fr)}}
.shelf{position:relative;background:var(--card);border:2.5px solid var(--ink);border-radius:var(--sk2);box-shadow:var(--shadow);padding:10px 10px 22px;display:grid;place-items:center;min-height:100px;border-bottom:18px solid #b98a4b}
.shelf svg{width:100%;max-height:21vh}
.shelf.empty svg *{fill:#d8dde6!important;stroke:none!important}
.shelf.empty{opacity:.7}
.shelf .num{position:absolute;top:6px;left:12px;font-size:44px;font-weight:900;color:var(--leaf);font-family:var(--hand);animation:popin .35s;text-shadow:0 3px 0 var(--card)}
.mbar{position:absolute;bottom:18px;left:0;right:0;display:flex;justify-content:center;gap:20px;pointer-events:none}
.mbar .btn{pointer-events:auto}
.ground{position:absolute;left:5%;right:5%;bottom:6%;height:7%;border-radius:50%;background:#0001}
.ghostp .k{fill:#8aa!important;stroke:none!important}
.ghostp :not(.k){display:none}
.ghostp{opacity:.35}
.tile.fly svg{transition:all .55s cubic-bezier(.3,1.3,.5,1)}
.earned{position:fixed;left:50%;top:42%;transform:translate(-50%,-50%);font-size:150px;z-index:150;pointer-events:none;animation:earn 2.3s forwards;filter:drop-shadow(0 10px 0 #0002)}
@keyframes earn{0%{transform:translate(-50%,-50%) scale(.2)}20%{transform:translate(-50%,-50%) scale(1.2)}70%{transform:translate(-50%,-50%) scale(1)}100%{transform:translate(120%,260%) scale(.2);opacity:0}}
@media (max-width:600px){.asm{--tray:290px}.mode-big .tray{flex-wrap:wrap;height:auto;min-height:150px;max-height:none;overflow:visible;align-content:center;gap:8px 10px}.mode-little .asm{--tray:190px}}
@media (max-width:600px){.palette{bottom:128px}.paintwrap{inset:0 0 232px}.mode-little .paintwrap{inset:0 0 346px}.paintwrap .stagebox{width:94vw}}
@media (max-width:600px){.mbar{justify-content:flex-end;padding-right:16px}}
.lens{position:absolute;border-radius:50%;border:5px solid var(--ink);background:var(--card);pointer-events:none;box-shadow:0 6px 0 rgba(67,46,51,.25);transition:opacity .5s;z-index:6}
.lens svg{display:block;border-radius:50%;overflow:hidden}
.lens::after{content:'';position:absolute;width:16px;height:74px;background:#b98a4b;border:3px solid var(--ink);border-radius:8px;right:6px;bottom:-62px;transform:rotate(-40deg);transform-origin:top center}
.notebook{height:136px;width:100%;display:flex;gap:14px;align-items:center;justify-content:center;padding:8px;background:var(--card) repeating-linear-gradient(transparent 0 27px,#dcd2b8 27px 28px);border:2.5px solid var(--ink);border-radius:var(--sk2)}
.slot{width:96px;height:96px;flex:none;border:2.5px dashed var(--ink);border-radius:20px;display:grid;place-items:center;font-size:46px;opacity:.4;filter:grayscale(1);position:relative}
.slot.on{opacity:1;filter:none;border-style:solid;background:var(--sun-soft);animation:popin .45s}
.slot.on::after{content:'✓';position:absolute;top:-10px;right:-10px;background:var(--leaf);color:#fff;border-radius:50%;width:28px;height:28px;font-size:18px;display:grid;place-items:center;border:2px solid var(--ink)}
.clue{position:absolute;transform:translate(-50%,-50%);font-size:30px;pointer-events:none;animation:popin .45s;z-index:5;filter:drop-shadow(0 2px 0 #fff)}
@media (max-width:600px){.slot{width:72px;height:72px;font-size:36px}.mode-little .slot{width:96px;height:96px}.notebook{gap:8px}}
.ask{position:absolute;top:8px;left:0;right:0;margin:0 auto;width:fit-content;z-index:16;background:var(--card);border:2.5px solid var(--ink);border-radius:var(--sk);padding:6px 24px;font-size:60px;line-height:1.1;box-shadow:var(--shadow)}
.ask::after{content:'';position:absolute;bottom:-15px;left:50%;margin-left:-12px;border:12px solid transparent;border-top-color:var(--ink);border-bottom:0}
.swatch{display:block;width:64px;height:64px;border-radius:50%;border:3px solid var(--ink)}
.pal.hintglow{outline:6px solid var(--sun)}
@media (max-width:600px){.ask{font-size:46px;padding:4px 16px}.swatch{width:48px;height:48px}}
@media (min-width:601px) and (max-width:1000px){.palette{padding-right:140px;padding-left:20px}}