.treasure-game{--fur:#e8ad67}.treasure-game[data-fur=grey]{--fur:#aab9c5}.treasure-side{min-width:0}.treasure-stage{margin:24px auto;position:relative}.treasure-scene{position:relative;min-height:370px;border:2px solid #d5bc78;border-radius:25px;overflow:hidden;color:#345365;background:linear-gradient(#fff3db 0 55%,#d9c1a3 56%);box-shadow:0 12px 30px #1233}.treasure-game[data-style=garden] .treasure-scene{background:linear-gradient(#d8eef3 0 55%,#b8d2a8 56%)}.treasure-scene-caption{text-align:center;font-size:12px;letter-spacing:.08em;padding:20px;color:#795e33}.treasure-spots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:15px 12px;position:relative;z-index:2}.treasure-spot{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 4px;border:2px solid transparent;border-radius:16px;background:#fff9;cursor:pointer;color:#345365;font:inherit;transition:opacity .25s,box-shadow .25s,translate .25s;min-width:0}.treasure-spot[aria-pressed=true]{border-color:#c49a40;box-shadow:0 0 20px #d7ae4a65;translate:0 -5px;background:#fff9da}.treasure-spot:focus-visible,.treasure-open:focus-visible{outline:3px solid #4a9189;outline-offset:3px}.treasure-spot strong{font-size:11px;text-align:center}.treasure-spot small{font-size:9px;line-height:1.4}.treasure-prop{display:grid;place-items:center;width:65px;max-width:100%;height:65px;color:#bc8c57;font-size:58px;line-height:1;text-shadow:2px 4px 3px #73502b22}.treasure-prop-1{color:#d6a3b4}.treasure-prop-2{color:#b58854}.treasure-prop-3{color:#6faba6}.treasure-cat{position:absolute;left:8%;bottom:17px;width:145px;max-width:35%;transition:left .9s ease;z-index:3}.treasure-cat-art{display:block;width:100%;height:auto;overflow:visible}.treasure-tail{transform-origin:122px 110px;animation:treasure-tail 2s ease-in-out infinite alternate}.treasure-head{transform-origin:80px 85px}.treasure-pawprints{position:absolute;left:18%;right:15%;bottom:32px;text-align:center;font-size:18px;opacity:0;color:#715333}.treasure-stage[data-phase=walk] .treasure-cat{left:var(--cat-x,8%)}.treasure-stage[data-phase=walk] .treasure-cat-art{animation:treasure-walk .3s ease-in-out infinite alternate}.treasure-stage:is([data-phase=sniff],[data-phase=paw],[data-phase=find],[data-phase=ready],[data-phase=opening]) .treasure-cat{left:var(--cat-x,8%)}.treasure-stage[data-phase=walk] .treasure-pawprints{opacity:.35}.treasure-stage[data-phase=sniff] .treasure-head{animation:treasure-sniff .4s ease-in-out infinite alternate}.treasure-stage[data-phase=paw] .treasure-paw-front{animation:treasure-paw .35s ease-in-out infinite alternate}.treasure-stage:is([data-phase=walk],[data-phase=sniff],[data-phase=paw],[data-phase=find]) .treasure-spot:not([aria-pressed=true]){opacity:.45}.treasure-open{display:flex;flex-direction:column;align-items:center;gap:12px;background:none;border:0;margin:18px auto;color:inherit;font:inherit;font-weight:700;cursor:pointer}.treasure-pouch{position:relative;display:grid;place-items:center;width:74px;height:72px;border-radius:22% 22% 40% 40%;background:linear-gradient(125deg,#4a9189,#23655d);border:2px solid #e4bd67;color:#ffe3a2;font-size:30px;font-style:normal;box-shadow:0 0 20px #e8c56a88;animation:treasure-glow 1.5s ease-in-out infinite alternate}.treasure-pouch:before{content:'';position:absolute;top:-9px;width:60px;height:14px;border-radius:40%;background:#4a9189;border-bottom:4px solid #e4bd67}.treasure-stage[data-phase=opening] .treasure-pouch{animation:treasure-unseal .6s ease-out forwards}.treasure-stage[data-phase=result] .treasure-scene{display:none}.treasure-result{display:flex;flex-direction:column;align-items:center;gap:16px;padding:30px 24px;border:2px solid #d9b55c;border-radius:24px;background:linear-gradient(130deg,#fffdf2,#ffe4a3);color:#493419;text-align:center;animation:treasure-rise .5s ease-out}.treasure-result>strong{font-size:48px;color:#875c13;line-height:1.1}.treasure-result>img{display:block;width:160px;height:120px;object-fit:contain}.treasure-result:has(img:not([hidden]))>strong{display:none}.treasure-result h3{color:#493419!important;margin:0;font-size:22px}.treasure-result p{color:#345365!important;margin:0;font-size:14px;line-height:1.75;max-width:480px}.treasure-result-eyebrow{font-size:11px;letter-spacing:.12em}.treasure-sparkles{color:#c3942f;font-size:24px}.treasure-side [hidden]{display:none!important}#treasure-skip{margin-top:12px}.treasure-odds{font-size:12px;line-height:1.6}@keyframes treasure-tail{to{rotate:12deg}}@keyframes treasure-walk{to{translate:0 -5px;rotate:2deg}}@keyframes treasure-sniff{to{translate:0 4px;rotate:8deg}}@keyframes treasure-paw{to{translate:8px -12px;rotate:-5deg}}@keyframes treasure-glow{to{box-shadow:0 0 32px #e8c56a;scale:1.04}}@keyframes treasure-unseal{to{scale:1.3;opacity:0}}@keyframes treasure-rise{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}@media(max-width:520px){.treasure-spots{gap:5px;padding:12px 7px}.treasure-spot strong{font-size:10px}.treasure-prop{font-size:45px;height:55px}.treasure-scene{min-height:330px}.treasure-cat{width:120px}.treasure-result{padding:26px 18px}}@media(prefers-reduced-motion:reduce){.treasure-game *{animation:none!important;transition:none!important}}

/* Four illustrated hiding places, drawn without font-dependent symbols. */
.treasure-prop{position:relative;font-size:0;width:60px;height:52px;margin:12px 0;box-sizing:border-box;filter:drop-shadow(0 4px 3px #72512d22)}
.treasure-prop-0{background:linear-gradient(90deg,#c4935a 49%,#ae7b43 50%);border:2px solid #a8753c;border-radius:3px}
.treasure-prop-0:before{content:'';position:absolute;left:-5px;right:-5px;top:-10px;height:16px;background:#d8ae79;clip-path:polygon(0 0,45% 20%,50% 100%,55% 20%,100% 0,95% 100%,5% 100%)}
.treasure-prop-0:after{content:'';position:absolute;left:44%;top:0;width:12%;height:100%;background:#e9d3a9}
.treasure-prop-1{height:42px;background:radial-gradient(ellipse at 30% 25%,#f4dbe4,#ca91a7);border:2px solid #bc8199;border-radius:35% 35% 32% 32%;box-shadow:inset 0 0 0 4px #ecc3d1}
.treasure-prop-1:after{content:'';position:absolute;left:45%;top:40%;width:7px;height:7px;border-radius:50%;background:#b57e96;box-shadow:0 2px 3px #fff8}
.treasure-prop-2{height:42px;border:3px solid #a87942;border-radius:8px 8px 20px 20px;background:repeating-linear-gradient(0deg,transparent 0 5px,#cfa66d 5px 8px),repeating-linear-gradient(90deg,#b88749 0 5px,#e0bb83 5px 8px)}
.treasure-prop-2:before{content:'';position:absolute;left:8px;right:8px;top:-21px;height:26px;border:4px solid #b88749;border-radius:50% 50% 0 0}
.treasure-prop-3{width:58px;height:43px;background:#77aaa0;border:2px solid #52877f;border-radius:3px;margin-top:22px}
.treasure-prop-3:before{content:'';position:absolute;left:-8px;right:-8px;top:-25px;height:27px;background:#d6ac69;clip-path:polygon(50% 0,100% 100%,0 100%)}
.treasure-prop-3:after{content:'';position:absolute;left:15px;bottom:0;width:23px;height:30px;border-radius:50% 50% 0 0;background:#325a54}
@media(max-width:520px){.treasure-prop{width:45px;max-width:90%;scale:.9}.treasure-prop-3:after{left:10px;width:20px}}

.treasure-paw{transform-box:fill-box;transform-origin:center}.treasure-stage[data-phase=find] .treasure-spot[aria-pressed=true]{box-shadow:0 0 30px #ebc354;background:#fff7b8}
