:root{font-family:Nunito,Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:500;color:#2b2620;background:#f2ebdd;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;overflow:hidden;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer}.app{position:relative;height:100dvh;display:flex;flex-direction:column;background:radial-gradient(120% 90% at 50% 0%,#faf5ea,#f2ebdd 55%,#e8dfcd)}.topbar{flex:none;display:flex;align-items:center;gap:14px;padding:max(10px,env(safe-area-inset-top)) 18px 10px;border-bottom:1px solid rgba(150,128,96,.14)}.stat{display:flex;flex-direction:column;gap:1px;padding-right:14px;border-right:1px solid rgba(150,128,96,.16)}.stat--best{padding-right:0;border-right:none}.stat__label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#a08f75}.stat__value{font-size:24px;font-weight:900;line-height:1.05;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:#4a3c2b}.stat__value--small{font-size:17px;font-weight:800;color:#7a6a54}.topbar__spacer{flex:1}.topbar__danger{padding:4px 10px;border-radius:999px;background:#d8513f;color:#fff5ee;font-size:11px;font-weight:800;letter-spacing:.06em;animation:pulse 1s ease-in-out infinite}.next{display:flex;flex-direction:column;gap:1px;align-items:flex-end}.next__row{display:flex;align-items:center;gap:7px}.next__name{font-size:13px;font-weight:700;color:#6c5c46}.stage{position:relative;flex:1;min-height:0;overflow:hidden}.game-canvas{position:absolute;inset:0;touch-action:none;cursor:crosshair}.game-canvas canvas{display:block;width:100%;height:100%}.game-canvas--failed{display:grid;place-items:center;padding:24px;cursor:default}.fallback{max-width:380px;text-align:center;color:#6c5c46}.fallback__title{margin:0 0 6px;font-size:15px;font-weight:800;color:#4a3c2b}.fallback__body{margin:0;font-size:12.5px;line-height:1.7;color:#8a7a63}.legend{flex:none;display:flex;align-items:flex-end;justify-content:center;gap:10px;padding:6px 14px max(10px,env(safe-area-inset-bottom));border-top:1px solid rgba(150,128,96,.12);overflow-x:auto;scrollbar-width:none}.legend::-webkit-scrollbar{display:none}.legend__item{display:flex;flex-direction:column;align-items:center;gap:3px;opacity:.34;transition:opacity .25s ease}.legend__item.is-reached{opacity:1}.legend__item em{font-style:normal;font-size:10px;color:#7a6a54;white-space:nowrap}.button{border:none;border-radius:12px;font-weight:800;transition:transform .15s ease,background .15s ease,border-color .15s ease}.button:active{transform:scale(.97)}.button:focus-visible{outline:3px solid #c2673a;outline-offset:2px}.button--ghost{padding:8px 14px;font-size:13px;background:transparent;border:1px solid rgba(150,128,96,.32);color:#6c5c46}.button--ghost:hover{background:#c69e6624}.button--primary{padding:14px 24px;font-size:16px;letter-spacing:.03em;background:#c2673a;color:#fff8ef;box-shadow:0 10px 22px #c2673a47}.button--primary:hover{background:#ad5931}.button--wide{width:100%;max-width:320px}.button--text{padding:8px;font-size:13px;background:transparent;color:#8a7a63;text-decoration:underline;text-underline-offset:3px}.fruit-chip{position:relative;display:inline-block;border-radius:50%;flex:none}.fruit-chip__leaf,.fruit-chip__calyx{position:absolute;top:-3px;right:6%;width:34%;height:22%;border-radius:60% 10%;transform:rotate(-16deg)}.fruit-chip__calyx{border-radius:2px;width:26%;height:16%}.chain{display:inline-flex;align-items:center;gap:3px}.chain__item{display:inline-flex;align-items:center}.hint{position:absolute;left:50%;bottom:18px;transform:translate(-50%);padding:9px 16px;border-radius:13px;background:#2b2620d1;color:#fdf8ee;text-align:center;font-size:12.5px;max-width:min(88vw,420px);pointer-events:none;animation:hint-in .4s ease both}.hint p{margin:0;font-weight:700}.hint__sub{margin-top:2px!important;font-weight:500!important;color:#d9cdb8;font-size:11.5px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.65}}@keyframes hint-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:#2e261c61;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fade-in .22s ease both;z-index:5}.overlay__card{width:min(92vw,360px);padding:24px 22px 18px;border-radius:22px;background:#fffdf7;border:1px solid rgba(150,128,96,.2);box-shadow:0 24px 60px #3c2c1a47;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;animation:card-in .28s cubic-bezier(.22,1.2,.36,1) both}.overlay__card h2{margin:0;font-size:19px;letter-spacing:.02em;color:#4a3c2b}.overlay__score{margin:-4px 0 0;font-size:50px;font-weight:900;line-height:1;color:#c2673a;font-variant-numeric:tabular-nums}.overlay__stats{display:flex;justify-content:center;gap:26px;margin:0}.overlay__stats dt{font-size:11px;color:#9b8a71;letter-spacing:.06em}.overlay__stats dd{margin:2px 0 0;font-size:15px;font-weight:800;color:#4a3c2b}.overlay__tip{margin:0;font-size:11px;color:#a3927a}.home{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:32px 24px;text-align:center;background:radial-gradient(120% 90% at 50% 0%,#faf5ea,#f2ebdd 55%,#e8dfcd);animation:fade-in .25s ease both}.home__eyebrow{margin:0;font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:#b09a78}.home__title{margin:0;font-size:clamp(28px,6vw,40px);font-weight:900;letter-spacing:.01em;color:#3f3324}.home__lead{margin:0;font-size:14px;color:#7a6a54;max-width:340px}.home__rules{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;max-width:360px;font-size:12.5px;line-height:1.6;color:#7a6a54;text-align:left}.home__rules li{position:relative;padding-left:16px}.home__rules li:before{content:"";position:absolute;left:2px;top:.62em;width:5px;height:5px;border-radius:50%;background:#c99a63}.home__meta{display:flex;gap:30px;margin:6px 0 2px}.home__meta dt{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#a08f75}.home__meta dd{margin:2px 0 0;font-size:17px;font-weight:900;color:#4a3c2b}.home__tip{margin:0;font-size:11px;color:#a3927a}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes card-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:620px){.topbar{gap:10px;padding:8px 12px}.stat{padding-right:10px}.stat__value{font-size:20px}.stat__value--small{font-size:15px}.next__name{display:none}.button--ghost{padding:7px 10px;font-size:12px}.legend{gap:7px;padding:5px 10px max(8px,env(safe-area-inset-bottom))}.legend__item em{display:none}.home__rules{font-size:12px}}@media(prefers-reduced-motion:reduce){.topbar__danger,.hint,.overlay,.overlay__card,.home{animation:none}}