:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202124;background:#fafafa;--dog-red: 0;--dog-scale: 1;--shake-x: 0px;--shake-y: 0px;--smoke-opacity: 0}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}button,input{font:inherit}.app-shell{position:relative;width:100vw;height:100dvh;min-height:100vh;overflow:hidden;background:#f8f7f3}.status-bar{position:absolute;z-index:20;top:max(14px,env(safe-area-inset-top));left:0;right:0;display:flex;align-items:center;justify-content:center;padding:0 max(14px,env(safe-area-inset-left)) 0 max(14px,env(safe-area-inset-right));line-height:1;pointer-events:none}.dog-value{max-width:min(92vw,760px);color:#e31b14;font-size:clamp(34px,8vw,86px);font-weight:900;letter-spacing:0;text-align:center;white-space:nowrap;text-shadow:0 2px 0 #fff,0 10px 34px rgba(227,27,20,.32)}.hold-surface{position:absolute;inset:0;display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden;touch-action:none;cursor:pointer}.dog-frame{position:relative;z-index:5;width:min(82vw,560px);max-height:min(74vh,660px);transform:translate3d(var(--shake-x),calc(var(--shake-y) - 2vh),0) scale(var(--dog-scale));transform-origin:center center;transition:filter .12s linear;pointer-events:none}.dog-frame:before,.dog-frame:after{content:"";position:absolute;pointer-events:none}.dog-frame:before{z-index:-1;inset:-10%;border-radius:18px;background:radial-gradient(circle at 50% 50%,rgba(255,34,18,.62),transparent 68%);filter:blur(24px);opacity:calc(var(--dog-red) * .62)}.dog-frame:after{z-index:2;inset:0;background:radial-gradient(circle at 50% 40%,#ff3f25f0,#ff1700c2 56%),linear-gradient(180deg,#ff3014b8,#9c0000b3);mix-blend-mode:multiply;opacity:calc(var(--dog-red) * .78);transition:opacity .12s linear}.dog-image{display:block;width:100%;max-height:min(74vh,660px);object-fit:contain;filter:sepia(calc(var(--dog-red) * .45)) saturate(calc(1 + var(--dog-red) * 2.9)) contrast(calc(1 + var(--dog-red) * .28)) brightness(calc(1 + var(--dog-red) * .04)) hue-rotate(calc(var(--dog-red) * -14deg));transition:filter .12s linear;-webkit-user-drag:none}.smoke-layer{position:absolute;z-index:12;left:50%;top:5%;width:min(96vw,720px);height:min(42vh,330px);transform:translate(-50%);opacity:var(--smoke-opacity);pointer-events:none;transition:opacity .1s linear;filter:drop-shadow(0 14px 22px rgba(40,40,40,.26))}.smoke-layer span{position:absolute;bottom:0;width:104px;height:104px;border-radius:999px;background:radial-gradient(circle at 42% 36%,#ffffff75,#424242b3 56%),#262626a8;filter:blur(5px);animation:smoke-rise 1.15s ease-in-out infinite}.smoke-layer span:nth-child(1){left:0%}.smoke-layer span:nth-child(2){left:11%;width:128px;height:128px;animation-delay:.12s}.smoke-layer span:nth-child(3){left:23%;width:112px;height:112px;animation-delay:.24s}.smoke-layer span:nth-child(4){left:34%;width:136px;height:136px;animation-delay:.36s}.smoke-layer span:nth-child(5){left:48%;width:118px;height:118px;animation-delay:.48s}.smoke-layer span:nth-child(6){left:60%;width:142px;height:142px;animation-delay:.6s}.smoke-layer span:nth-child(7){left:72%;width:108px;height:108px;animation-delay:.72s}.smoke-layer span:nth-child(8){left:82%;width:126px;height:126px;animation-delay:.84s}.smoke-layer span:nth-child(9){left:18%;bottom:28px;width:92px;height:92px;animation-delay:.96s}.smoke-layer span:nth-child(10){left:66%;bottom:34px;width:98px;height:98px;animation-delay:1.08s}@keyframes smoke-rise{0%{transform:translateY(46px) scale(.74);opacity:.16}38%{opacity:.92}to{transform:translateY(-138px) scale(1.6);opacity:0}}@media(max-width:560px){.dog-value{font-size:clamp(32px,11vw,58px)}.dog-frame{width:min(90vw,430px);max-height:72vh}.dog-image{max-height:72vh}.smoke-layer{top:10%;width:112vw;height:40vh}}