#game{--col: clamp(94px, 13.3vw, 218px)}#game .hud-mobile-back{display:none;position:absolute;pointer-events:none}#game .col{align-self:start;position:relative;width:100%;border:0;border-radius:0;background:none;box-shadow:none;filter:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0 10% 9%;gap:clamp(9px,1.3vh,18px);isolation:isolate}#game .col:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:auto;height:auto;transform:none;border:0;border-radius:0;background:url(/assets/hud-tag-CEAZ6I0k.webp) center / 100% 100% no-repeat;box-shadow:none;filter:drop-shadow(0 5px 4px #3f230d55);display:block}#game .col:after{display:none}#game .left{padding-top:clamp(52px,12vh,118px);padding-bottom:14%}#game .right{padding-top:clamp(52px,12vh,118px);padding-bottom:12%}#game #moves-wrap{flex:0 0 auto;width:100%;height:auto;min-height:0;aspect-ratio:1;background:url(/assets/hud-medallion-CUWz2gJy.webp) center / contain no-repeat;border:0;border-radius:0;box-shadow:none;padding-top:5%;filter:drop-shadow(0 3px 2px #442a1455)}#game #moves-wrap .lbl{font-size:clamp(9px,1vw,15px);color:#f4d49a;font-weight:800;letter-spacing:.08em;text-shadow:0 2px 1px #41230e}#game #moves{font-family:Georgia,serif;font-size:clamp(34px,4.3vw,68px);color:#fff0c1;line-height:1;text-shadow:0 3px 1px #482409,0 -1px 0 #fff7dd}#game .hb{display:grid;place-items:center;width:68%;height:auto;min-width:44px;min-height:44px;aspect-ratio:1;flex:0 0 auto;padding:20%;background:url(/assets/hud-button-CasHXJii.webp) center / 100% 100% no-repeat;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 3px 2px #4d2c1555);transition:transform .12s,filter .12s}#game .hb svg{width:100%;height:100%;overflow:visible;fill:#ffe6ab;filter:drop-shadow(0 2px 1px #3e210c)}#game .hb:disabled{opacity:.72;filter:saturate(.65)}#game .hb:active:enabled{transform:translateY(2px) scale(.96);filter:brightness(.9)}#game .hb:focus-visible{outline:3px solid #fff0a4;outline-offset:3px}#game .goal{width:100%;gap:clamp(5px,1vh,13px)}#game .goal>.lbl{display:none}#game .goal-row{width:114%;min-height:0;aspect-ratio:1.72;padding:3% 8% 3% 1%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:2px;background:url(/assets/hud-pocket-T_LmtRQK.webp) center / 100% 100% no-repeat;border:0;border-radius:0;box-shadow:none}#game .goal .chip{position:relative;display:grid;place-items:center;flex:0 0 68%;width:68%;height:auto;aspect-ratio:1;background:var(--wax) center / contain no-repeat;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 2px 1px #6e351644)}#game .goal .chip:before{display:none}#game .goal-shape{display:grid;grid-auto-flow:initial;gap:1px;width:47%;height:47%;filter:drop-shadow(0 2px 1px #51270d)}#game .goal-shape i{width:100%;height:100%;min-width:0;min-height:0;border-radius:1px;background:linear-gradient(130deg,#fff1cc,#d3aa65);box-shadow:inset 0 1px #fff9e5,inset 0 -1px #926331}#game .goal-count{position:relative;flex:0 0 25%;width:25%;height:auto;aspect-ratio:1;margin:0;background:#d1b28b;color:#694723;font:bold clamp(13px,1.7vw,25px)/1 Georgia,serif;border:0;border-radius:50%;box-shadow:inset 0 2px 2px #855e38aa,0 1px #fff2ce}#game .goal .chip.done{opacity:.6}#game .goal-row.delivered .chip{animation:wax-received .65s ease-out}#game .goal-row.delivered .goal-count{animation:count-received .65s ease-out}@keyframes wax-received{0%{transform:scale(1.2) rotate(-8deg);filter:brightness(1.5)}45%{transform:scale(.93) rotate(3deg)}to{transform:scale(1)}}@keyframes count-received{20%{transform:scale(1.3);color:#fff0b6;background:#8a6635}to{transform:scale(1)}}@media(orientation:landscape)and (max-height:480px){#game{--col: 96px}#game .col{gap:8px}#game .left,#game .right{padding-top:44px;padding-bottom:20px}#game #moves{font-size:35px}#game .hb{width:68%;padding:17%}#game .goal{gap:4px}#game .goal-row{width:110%}}@media(orientation:portrait){#game{grid-template-columns:46% 54%;grid-template-rows:clamp(108px,18vh,132px) minmax(0,1fr) clamp(130px,21vh,185px);column-gap:0}#game .hud-mobile-back{display:block;top:max(6px,var(--pad-top));left:max(6px,var(--pad-left));right:max(6px,var(--pad-right));height:clamp(108px,18vh,132px);background:url(/assets/hud-banner-aOfv0yXB.webp) center / 100% 100% no-repeat;filter:drop-shadow(0 4px 4px #492b1455)}#game .col{align-self:stretch;padding:28px 5px 9px;gap:3px;background:none;border:0;border-radius:0}#game .col:before,#game .col:after{display:none}#game .left{display:flex;align-items:center;justify-content:center}#game .right{position:static;padding:30px 6px 8px}#game #moves-wrap{width:38%;height:auto;padding-top:0}#game #moves-wrap .lbl{font-size:8px}#game #moves{font-size:clamp(23px,7vw,34px)}#game .left .hb{width:28%;height:auto;padding:7%}#game .goal{gap:1px;justify-content:space-evenly}#game .goal-row{flex:1 1 0;width:auto;padding:3px 1px;max-width:54px;aspect-ratio:auto;flex-direction:column;background:none}#game .goal .chip{flex:0 0 auto;width:100%;max-width:49px;height:auto}#game .goal-count{flex:0 0 auto;width:21px;height:21px;margin-top:0;font-size:13px}#game .right>.hb{position:fixed;width:58px;height:58px;padding:15px;right:max(12px,var(--pad-right));bottom:max(14px,var(--pad-bottom));z-index:6}#game #btn-hint{width:70px;height:70px;padding:23px;background:url(/assets/hud-button-CasHXJii.webp) center / 77% 77% no-repeat,url(/assets/hud-pocket-T_LmtRQK.webp) center / 100% 100% no-repeat}#game #btn-hammer{right:max(76px,calc(var(--pad-right) + 76px))}#game .dog{max-height:calc(clamp(130px,21vh,185px) - 10px)}}@media(prefers-reduced-motion:reduce){#game .goal-row.delivered .chip,#game .goal-row.delivered .goal-count{animation:none}}#game .lesson-card{box-sizing:border-box;display:grid;grid-template-columns:max-content minmax(0,1fr);align-content:center;gap:3px 12px;padding:10px 48px;color:#603d20;background:#f4e3c3 url(/assets/hud-pocket-T_LmtRQK.webp) center / 100% 100% no-repeat;border-radius:18px;box-shadow:0 2px 5px #43291340;z-index:4;min-width:0}.lesson-progress{grid-row:1 / 3;align-self:center;white-space:nowrap;font:700 18px Georgia,serif;color:#946620}.lesson-title{font-size:15px;line-height:1.2}.lesson-detail{font-size:13px;line-height:1.25}.lesson-guide{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;overflow:hidden}.lesson-still,#game.learning .dog,#game.learning .bubble{display:none}@media(orientation:landscape){#game.learning{grid-template-rows:minmax(0,1fr) 76px}#game.learning .lesson-card{grid-column:1 / 4;grid-row:2;width:min(100%,660px);justify-self:center}#game.learning .left,#game.learning .right,#game.learning #stage{grid-row:1}#game.learning .left{grid-column:1}#game.learning #stage{grid-column:2}#game.learning .right{grid-column:3}#game.learning .left,#game.learning .right{padding-top:32px}#game.learning #moves-wrap{max-width:64px}#game.learning .hb{max-width:52px;padding:12px}}@media(orientation:portrait){#game.learning{grid-template-rows:clamp(94px,15vh,116px) minmax(0,1fr) 160px}#game.learning .hud-mobile-back{height:clamp(94px,15vh,116px)}#game.learning .lesson-card{grid-column:1 / 3;grid-row:3;padding:16px 88px 16px 24px;gap:5px 9px}#game.learning .right>.hb{bottom:calc(max(6px,var(--pad-bottom)) + 44px);right:max(12px,var(--pad-right))}#game.learning .lesson-title{font-size:15px}#game.learning .lesson-detail{font-size:13px}#game.learning #moves{font-size:23px;line-height:1.15}#game.learning #moves-wrap{overflow:visible}}@media(prefers-reduced-motion:reduce){.lesson-hand{display:none}.lesson-still{display:block}}@media(orientation:landscape)and (max-height:480px){#game.learning .right{height:100%;min-height:0;padding:22px 10px 8px;gap:4px}#game.learning .right .goal{flex:1;min-height:0;width:100%;gap:2px}#game.learning .goal-row{flex:1;min-height:0;width:100%;aspect-ratio:auto;padding:1px 5px}#game.learning .goal .chip{flex:0 0 auto;width:auto;height:100%;max-height:38px}#game.learning .right>.hb{flex:0 0 38px;width:38px;height:38px;padding:9px}}
