:root{--candy-orange: #ff9f1c;--candy-yellow: #ffd23f;--candy-green: #52c41a;--candy-mint: #2ec4b6;--candy-blue: #3d9bff;--candy-sky: #7ed0ff;--candy-purple: #9d5cff;--candy-pink: #ff5d8f;--candy-red: #ff4d4d;--ink: #3a2e2a;--ink-soft: #8a7a72;--stroke: #3a2e2a;--paper: #fffdf7;--r-sm: 14px;--r-md: 22px;--r-lg: 32px;--r-pill: 999px;--bw: 3px;--bw-thick: 4px;--shadow-toy: 0 6px 0 rgba(58,46,42,.18);--shadow-toy-lg: 0 10px 0 rgba(58,46,42,.18);--shadow-soft: 0 8px 24px rgba(58,46,42,.14);--bg-page: radial-gradient(circle at 20% 15%, #fff3c4 0%, transparent 45%), radial-gradient(circle at 85% 20%, #ffe0ec 0%, transparent 40%), linear-gradient(180deg, #fff8e6 0%, #ffeecf 100%)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body{width:100%;height:100%;overflow:hidden;font-family:ZCOOL KuaiLe,"Baloo 2",PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink);background:#fff8e6}#app,#app-root{width:100%;height:100%}button{border:none;outline:none;cursor:pointer;font-family:inherit;color:inherit;touch-action:manipulation}.page{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding:3vh 3vw;background:var(--bg-page)}.card{background:var(--paper);border:var(--bw) solid var(--stroke);border-radius:var(--r-lg);box-shadow:var(--shadow-toy-lg);padding:24px}.btn-primary{background:var(--candy-orange);color:#fff;border:var(--bw-thick) solid var(--stroke);font-size:2.6vh;padding:14px 36px;border-radius:var(--r-pill);font-weight:700;box-shadow:var(--shadow-toy);transition:transform .08s,box-shadow .08s;text-shadow:0 2px 0 rgba(0,0,0,.12)}.btn-primary:active{transform:translateY(4px);box-shadow:0 2px #3a2e2a2e}.btn-back{position:fixed;top:2.5vh;left:2.5vw;background:var(--paper);border:var(--bw-thick) solid var(--stroke);border-radius:50%;width:64px;height:64px;font-size:30px;font-weight:700;color:var(--ink);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-toy);z-index:100;transition:transform .08s,box-shadow .08s}.btn-back:active{transform:translateY(3px);box-shadow:0 2px #3a2e2a2e}.game-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2vh 2vw}.score-bar{position:fixed;top:2.5vh;right:2.5vw;background:var(--candy-yellow);border:var(--bw) solid var(--stroke);border-radius:var(--r-pill);padding:10px 24px;font-size:2.6vh;font-weight:700;color:var(--ink);box-shadow:var(--shadow-toy);z-index:100}.timer-bar{position:fixed;top:2.5vh;left:50%;transform:translate(-50%);background:var(--candy-sky);border:var(--bw) solid var(--stroke);border-radius:var(--r-pill);padding:10px 24px;font-size:2.6vh;font-weight:700;color:var(--ink);box-shadow:var(--shadow-toy);z-index:100}.title-candy{font-family:ZCOOL KuaiLe,"Baloo 2",sans-serif;color:#fff;font-weight:400;text-shadow:-2px -2px 0 var(--stroke),2px -2px 0 var(--stroke),-2px 2px 0 var(--stroke),2px 2px 0 var(--stroke),0 8px 0 rgba(58,46,42,.15)}@keyframes popIn{0%{transform:scale(0);opacity:0}80%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.pop-in{animation:popIn .3s ease-out forwards}.shake{animation:shake .3s ease}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--candy-orange);border-radius:999px}::-webkit-scrollbar-track{background:transparent}