:root{--cinder-ink:#3d2b2a;--cinder-cream:#fff8e7;--cinder-gold:#ffd36c;--cinder-coral:#e46f49;--cinder-teal:#4aa5a4}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:"Trebuchet MS","Arial Rounded MT Bold",system-ui,sans-serif;color:var(--cinder-ink);background:#33272a}button,a{font:inherit}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.cinder-back,.cinder-wallet{position:absolute;z-index:60;top:calc(env(safe-area-inset-top) + 12px);min-height:52px;display:flex;align-items:center;border:3px solid rgba(255,255,255,.9);border-radius:999px;background:rgba(255,249,232,.96);box-shadow:0 5px 0 rgba(55,42,35,.26),0 10px 24px rgba(40,25,21,.2);font-weight:1000}.cinder-back{left:14px;gap:7px;padding:5px 16px 5px 12px;color:#5d4538;text-decoration:none}.cinder-back span{font-size:32px;line-height:.7}.cinder-wallet{right:14px;min-width:94px;justify-content:center;gap:7px;padding:6px 15px;font-size:20px}.cinder-wallet>span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:linear-gradient(#ffe89a,#eeb64b);color:#6a451a}.cinder-back:focus-visible,.cinder-wallet:focus-visible{outline:4px solid #fff0a6;outline-offset:4px}.cinder-prompt{position:absolute;z-index:55;left:50%;top:3.5%;width:min(600px,54%);min-height:70px;display:flex;align-items:center;justify-content:center;padding:13px 22px;border:4px solid #ffe9a7;border-radius:25px;background:rgba(56,40,38,.95);box-shadow:0 7px 0 rgba(35,25,24,.35);color:#fffdf1;text-align:center;font-size:clamp(20px,1.65vw,28px);font-weight:1000;line-height:1.16;transform:translateX(-50%)}.cinder-progress{position:absolute;z-index:56;left:50%;top:calc(3.5% + 78px);display:flex;gap:8px;transform:translateX(-50%)}.cinder-progress i{width:15px;height:15px;border:3px solid #fff6ce;border-radius:50%;background:rgba(60,40,36,.65)}.cinder-progress i.done{background:#ffcb5a;box-shadow:0 0 10px #ffb349}.cinder-customer{position:absolute;z-index:25;padding:0;border:0;background:transparent;cursor:pointer;touch-action:none}.cinder-customer img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 9px 5px rgba(46,28,24,.3))}.cinder-order{position:absolute;z-index:30;min-width:260px;max-width:420px;padding:15px 20px;border:4px solid #d6ad65;border-radius:26px;background:rgba(255,250,231,.96);box-shadow:0 7px 0 rgba(75,49,34,.28);font-size:clamp(18px,1.45vw,24px);font-weight:900;line-height:1.2;text-align:center}.cinder-order::after{content:"";position:absolute;bottom:-18px;left:28%;border:10px solid transparent;border-top-color:#d6ad65}.cinder-action{min-width:52px;min-height:52px;border:0;background:transparent;cursor:pointer;touch-action:manipulation}.cinder-action:focus-visible,.cinder-choice:focus-visible{outline:5px solid #fff0a6;outline-offset:3px}.cinder-choice[aria-pressed="true"]{filter:drop-shadow(0 0 15px #ffda67) brightness(1.08)}.cinder-feedback{position:absolute;z-index:70;left:50%;bottom:3%;max-width:min(580px,70%);padding:13px 24px;border:4px solid #ffdd83;border-radius:999px;background:rgba(57,42,40,.95);color:#fff;font-size:clamp(18px,1.4vw,23px);font-weight:1000;text-align:center;transform:translateX(-50%)}.cinder-feedback[data-kind="good"]{background:rgba(34,104,82,.96)}.cinder-feedback:empty{display:none}.cinder-answer-row{display:flex;gap:12px;justify-content:center}.cinder-answer{min-width:90px;min-height:58px;border:4px solid #7d573a;border-radius:18px;background:linear-gradient(#fff5cf,#e9c277);box-shadow:0 6px 0 #65432f;color:#4b3025;font-size:24px;font-weight:1000;cursor:pointer;touch-action:manipulation}.cinder-answer:active{transform:translateY(3px);box-shadow:0 3px 0 #65432f}.cinder-help{position:absolute;z-index:50;left:50%;bottom:4%;width:min(620px,74%);display:flex;justify-content:center;transform:translateX(-50%)}[hidden]{display:none!important}@media(orientation:portrait){.cinder-prompt{top:calc(env(safe-area-inset-top) + 76px);width:min(660px,78%);font-size:clamp(20px,2.6vw,28px)}.cinder-progress{top:calc(env(safe-area-inset-top) + 155px)}.cinder-feedback{bottom:2.5%;max-width:78%}}@media(max-height:650px) and (orientation:landscape){.cinder-back,.cinder-wallet{top:8px;min-height:44px}.cinder-prompt{top:1.5%;min-height:58px;font-size:18px}.cinder-progress{top:68px}.cinder-feedback{font-size:17px;padding:10px 20px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
:root{--cinder-sprite-ready:1}
.cinder-sprite > svg[data-pet-frame]{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.cinder-sprite{display:block;width:100%;height:100%;background-image:var(--cinder-sheet);background-repeat:no-repeat;background-size:calc(var(--cinder-frames,3) * 100%) 100%;background-position:var(--cinder-position,0%) center;filter:drop-shadow(0 9px 5px rgba(46,28,24,.28))}