html,body{overscroll-behavior:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(160deg,#f6ecd4 0%,#e6e3c6 50%,#f2e5c4 100%);width:100%;height:100%;margin:0;padding:0;font-family:-apple-system,PingFang SC,MiSans,HarmonyOS Sans SC,sans-serif;overflow:hidden}#boot{z-index:99;background:linear-gradient(160deg,#f6ecd4 0%,#e6e3c6 50%,#f2e5c4 100%);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#boot .boot-panda{font-size:58px;animation:1.1s ease-in-out infinite boot-bounce}#boot .boot-text{color:#8a6fa8;font-size:22px;font-weight:700}@keyframes boot-bounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-12px)scale(1.06)}}#scene{touch-action:none;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#hud{padding:calc(10px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) 0 calc(14px + env(safe-area-inset-left));pointer-events:none;z-index:5;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.hud-left{gap:10px;display:flex}.chip{pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#8a6bb8;background:#ffffffbf;border:none;border-radius:20px;width:56px;height:56px;font-size:24px;transition:transform .1s;box-shadow:0 4px 12px #a078a02e}.chip:active{transform:scale(.9)}#dots{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#fff9;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:9px;max-width:46vw;padding:10px 14px;display:flex}.dot{background:#e8d9f0;border:2px solid #ffffffe6;border-radius:50%;width:16px;height:16px;transition:background .2s,transform .2s}.dot.open{background:#fff3b0}.dot.done{background:#ff8fa3}.dot.pop{animation:.5s pop}.dot.locked{opacity:.45}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.8)}to{transform:scale(1)}}#hint{top:calc(86px + env(safe-area-inset-top));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#7c5cbf;letter-spacing:2px;text-align:center;pointer-events:none;z-index:7;background:#ffffffeb;border-radius:999px;max-width:min(80vw,660px);padding:13px 30px;font-size:24px;font-weight:800;transition:opacity .3s;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #a078b447}#hint.hidden{opacity:0}#home,#stickers,#clear{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#fff0f6c7;flex-direction:column;justify-content:center;align-items:center;gap:14px;transition:opacity .35s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.hidden{opacity:0;pointer-events:none}h1{color:#7c5cbf;letter-spacing:6px;text-shadow:0 3px #fff,0 6px 18px #7c5cbf40;margin:0;font-size:52px;font-weight:900}.sub{color:#a48ac9;letter-spacing:3px;margin:0;font-size:22px;font-weight:600}.credit{bottom:calc(16px + env(safe-area-inset-bottom));color:#c9b6e4;font-size:14px;position:absolute}.logo{gap:8px;margin-bottom:4px;display:flex}.logo .b{border-radius:10px;width:32px;height:32px;box-shadow:inset 0 -6px #00000014,0 6px 14px #7c5cbf33}.b1{background:#ff8fa3;animation:1.6s ease-in-out infinite bob}.b2{background:#7fe3c1;animation:1.6s ease-in-out .2s infinite bob}.b3{background:#ffd166;animation:1.6s ease-in-out .4s infinite bob}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.cards{flex-wrap:wrap;justify-content:center;gap:20px;max-width:92vw;margin-top:10px;display:flex}.card{background:#ffffffd9;border:none;border-radius:26px;flex-direction:column;align-items:center;gap:6px;width:172px;padding:16px 0 14px;transition:transform .15s;display:flex;box-shadow:0 10px 26px #a078b433,inset 0 -6px #dcc8eb80}.card:active{transform:scale(.94)}.cicon{filter:drop-shadow(0 4px 6px #0000001f);font-size:50px;line-height:1}.cname{color:#7c5cbf;letter-spacing:3px;font-size:24px;font-weight:800}.cprog{color:#b79ad8;background:#f6ebff;border-radius:999px;padding:3px 14px;font-size:15px;font-weight:600}#card-rotate .cicon{animation:5s ease-in-out infinite spinny}@keyframes spinny{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}#btn-stickers{color:#9a6a1e;background:linear-gradient(#ffe29a,#ffc94d);border:none;border-radius:999px;margin-top:16px;padding:12px 30px;font-size:21px;font-weight:700;box-shadow:0 5px #e5a63a,0 12px 22px #e5a63a4d}#btn-stickers:active{transform:translateY(4px);box-shadow:0 1px #e5a63a}#stk-count{color:#e5892f;background:#fff;border-radius:999px;margin-left:6px;padding:1px 12px;font-weight:800}#stk-grid{grid-template-columns:repeat(5,1fr);gap:12px;width:min(86vw,620px);margin:8px 0 4px;display:grid}.stk{aspect-ratio:1;background:#ffffffd9;border-radius:22px;justify-content:center;align-items:center;font-size:44px;display:flex;box-shadow:inset 0 -5px #dcc8eb80}.stk.empty{color:#d8c8ea;background:#fff6;font-size:30px;font-weight:800}.big-chip{color:#fff;background:#b79ad8;border:none;border-radius:999px;padding:13px 38px;font-size:22px;font-weight:700;box-shadow:0 5px #9678bd}.big-chip:active{transform:translateY(4px);box-shadow:0 1px #9678bd}.stars{font-size:60px;animation:1.4s ease-in-out infinite breathe}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}#clear h1{color:#f0943f;text-shadow:0 3px #fff,0 6px 18px #f0943f4d}.btn-row{gap:20px;margin-top:14px;display:flex}#btn-again,#btn-home2{color:#fff;letter-spacing:3px;background:linear-gradient(#ff9fb0,#ff7d95);border:none;border-radius:999px;padding:17px 44px;font-size:27px;font-weight:800;box-shadow:0 7px #e56a84,0 14px 26px #e56a8452}#btn-home2{background:linear-gradient(#c8b1ea,#ab8de0);box-shadow:0 7px #8f6cc4,0 14px 26px #8f6cc44d}#btn-again:active,#btn-home2:active{transform:translateY(5px);box-shadow:0 2px #0003}#demo-finger{z-index:20;pointer-events:none;transition:opacity .25s;position:fixed;transform:translate(-50%,-20%)}#demo-finger.hidden{opacity:0}#demo-finger .tip{filter:drop-shadow(0 6px 10px #783c7859);transform-origin:50% 90%;font-size:62px;line-height:1;transition:transform .12s}#demo-finger.press .tip{transform:scale(.78)}#demo-finger .ring{opacity:0;border:6px solid #ff8fa3d9;border-radius:50%;width:84px;height:84px;position:absolute;top:6%;left:50%;transform:translate(-50%,-50%)scale(.3)}#demo-finger .ring.ping{animation:.7s ease-out ping}@keyframes ping{0%{opacity:1;transform:translate(-50%,-50%)scale(.3)}to{opacity:0;transform:translate(-50%,-50%)scale(1.5)}}#photo-card{top:calc(78px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));z-index:7;pointer-events:none;background:#fff;border-radius:8px;width:208px;padding:10px 10px 16px;transition:box-shadow .3s,transform .3s;position:fixed;transform:rotate(2.5deg);box-shadow:0 8px 22px #7850784d}#photo-card img{background:#eef3f6;border-radius:3px;width:100%;display:block}#photo-card.aligned{transform:rotate(0)scale(1.05);box-shadow:0 0 0 4px #7fe3c1,0 10px 26px #3cb47880}#photo-card.wrong{animation:.4s cardShake}@keyframes cardShake{0%,to{transform:rotate(2.5deg)}25%{transform:rotate(-3deg)}60%{transform:rotate(5deg)}}#shutter{left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:8;touch-action:none;background:radial-gradient(circle,#fff 0,#fff 32%,#ff5f6d 33%,#ff5f6d 100%);border:none;border-radius:50%;width:92px;height:92px;transition:transform .1s;position:fixed;transform:translate(-50%);box-shadow:0 8px 20px #b4283c59,0 5px #d94b59}#shutter:active{transform:translate(-50%)scale(.9)}#shutter.ready{animation:.9s ease-in-out infinite shutterPulse}@keyframes shutterPulse{0%,to{transform:translate(-50%)scale(1);box-shadow:0 8px 20px #3cb47866,0 5px #2fa87c}50%{transform:translate(-50%)scale(1.08);box-shadow:0 10px 26px #3cb4788c,0 5px #2fa87c}}#shutter.ready:active{transform:translate(-50%)scale(.9)}#flash{opacity:0;pointer-events:none;z-index:30;background:#fff;animation:.5s ease-out flashAnim;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes flashAnim{0%{opacity:.95}to{opacity:0}}#tray{left:50%;bottom:calc(14px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:6;touch-action:none;background:#ffffffd1;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:128px;height:104px;animation:2.2s ease-in-out infinite traypulse;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 20px #a078b440,inset 0 -6px #dcc8eb8c}@keyframes traypulse{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.05)}}.tray-cube{background:linear-gradient(160deg,#ffd9e2,#ff8fa3);border-radius:13px;width:44px;height:44px;box-shadow:inset 0 -7px #0000001a,inset 0 4px #fff9}.tray-label{color:#b78a9c;letter-spacing:2px;font-size:15px;font-weight:700}@media (max-height:460px){h1{letter-spacing:4px;font-size:34px}.sub{font-size:15px}.cards{gap:18px}.card{border-radius:24px;width:168px;padding:14px 0 12px}.cicon{font-size:46px}.cname{font-size:23px}.cprog{font-size:14px}.logo .b{width:24px;height:24px}.stars{font-size:40px}#btn-again,#btn-home2{padding:12px 32px;font-size:21px}#btn-stickers{margin-top:8px;padding:9px 22px;font-size:17px}#tray{width:104px;height:86px}.tray-cube{width:36px;height:36px}.stk{font-size:34px}}#eco-bar{color:#6b5a45;background:#fffcf0cc;border:2px solid #d9a93f59;border-radius:18px;justify-content:center;align-items:center;gap:16px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-top:12px;margin-left:auto;margin-right:auto;padding:8px 22px;font-size:22px;font-weight:800;display:flex}#eco-bar .eco-star{color:#c98d2f}#build-btn{bottom:calc(18px + env(safe-area-inset-bottom));z-index:8;color:#fff;pointer-events:auto;background:linear-gradient(#a8c49a,#86a877);border:4px solid #fff;border-radius:24px;padding:12px 30px;font-size:26px;font-weight:800;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px #5a6e4673}#build-menu{bottom:calc(86px + env(safe-area-inset-bottom));z-index:8;background:#fffcf0f5;border:3px solid #d9a93f80;border-radius:24px;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px;display:grid;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #5a462840}#build-menu.hidden{display:none}#build-menu .build-opt{background:#f6eed9;border:none;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:10px 16px 8px;font-family:inherit;display:flex}#build-menu .bo-ic{font-size:30px}#build-menu .bo-name{color:#6b5a45;font-size:18px;font-weight:800}#build-menu .bo-cost{color:#a5814f;font-size:14px;font-weight:700}#build-menu #build-close{color:#a5814f;background:0 0;border:none;grid-column:1/-1;padding:4px;font-family:inherit;font-size:18px;font-weight:800}#cnt-answers,#fold-answers{bottom:calc(20px + env(safe-area-inset-bottom));z-index:8;gap:14px;display:flex;position:fixed;left:50%;transform:translate(-50%)}#cnt-answers button{color:#6b5a45;background:#fff;border:4px solid #e3c17a;border-radius:22px;min-width:84px;height:76px;font-family:inherit;font-size:38px;font-weight:900;box-shadow:0 6px #a3813f59}#fold-answers button{color:#6b5a45;background:#fff;border:4px solid #a8c49a;border-radius:22px;height:70px;padding:0 26px;font-family:inherit;font-size:26px;font-weight:900;box-shadow:0 6px #6e8c5f59}