:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cream-0:#fffaf1;--cream-1:#fff2df;--cream-2:#f5ddc6;--ink:#4d2937;--ink-soft:#8c6875;--coral:#f25766;--coral-deep:#d93c53;--mango:#ffae4f;--leaf:#61af69;--glass:#fffdf7c7;--glass-strong:#fffcf4f0;--line:#77464e1a;--shadow-soft:0 10px 36px #62323c1c;--shadow-card:0 6px 20px #5e303a14;--viewport-bottom-guard:max(env(safe-area-inset-bottom,0px), env(safe-area-max-inset-bottom,0px));color:var(--ink);background:var(--cream-1);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:ui-rounded,SF Pro Rounded,Nunito,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{overscroll-behavior:none;background:radial-gradient(circle at 16% 2%, #ffcc8057, transparent 30%), radial-gradient(circle at 88% 14%, #ff828c2e, transparent 28%), linear-gradient(160deg, var(--cream-0), var(--cream-1) 52%, #f8e4d0);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button,a{font:inherit}button{-webkit-tap-highlight-color:transparent}@media (hover:none) and (pointer:coarse),(width<=600px),(width<=1000px) and (height<=600px){:root{--viewport-bottom-guard:max(44px, env(safe-area-inset-bottom,0px), env(safe-area-max-inset-bottom,0px))}}.game-root{width:100%;max-width:520px;height:calc(100% - var(--viewport-bottom-guard));height:calc(100dvh - var(--viewport-bottom-guard));flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.game-root:before{z-index:-1;content:"";pointer-events:none;background:radial-gradient(circle,#ffc47133,#0000 66%);height:260px;position:absolute;inset:-90px -80px auto}.game-header{z-index:10;min-height:54px;padding:max(6px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) 3px max(8px, env(safe-area-inset-left));flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;display:grid}.game-header__back,.icon-btn{min-width:44px;min-height:44px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:15px;justify-content:center;align-items:center;transition:color .15s,background .15s,transform .12s;display:inline-flex}.game-header__back{justify-self:start;gap:5px;padding:0 10px;font-size:12px;font-weight:750;text-decoration:none}.game-header__back:hover,.icon-btn:hover{color:var(--ink);background:#5e303a0f}.game-header__back:active,.icon-btn:active{transform:scale(.92)}.game-brand{white-space:nowrap;justify-content:center;align-items:center;gap:5px;display:flex}.game-brand__spark{color:#fff;background:linear-gradient(145deg, var(--mango), var(--coral));border-radius:8px;place-items:center;width:20px;height:20px;font-size:10px;display:grid;transform:rotate(-7deg);box-shadow:0 4px 12px #f2576640}.game-header__title{color:var(--ink);letter-spacing:-.5px;font-size:17px;font-weight:900}.game-header__actions{justify-self:end;gap:0;display:flex}.icon-btn{width:44px;height:44px}.score-deck{z-index:5;padding:2px max(10px, env(safe-area-inset-right)) 6px max(10px, env(safe-area-inset-left));flex:none;grid-template-columns:minmax(104px,.72fr) minmax(0,1.7fr);gap:8px;display:grid}.score-card,.queue-card,.journey{background:var(--glass);box-shadow:var(--shadow-card), inset 0 1px 0 #ffffffb8;-webkit-backdrop-filter:blur(14px)saturate(1.1);border:1px solid #ffffffb8}.score-card{border-radius:20px;flex-direction:column;justify-content:center;min-width:0;min-height:72px;padding:9px 12px;display:flex;position:relative;overflow:hidden}.score-card:after{content:"";background:radial-gradient(circle,#ffae4f40,#0000 68%);border-radius:50%;width:62px;height:62px;position:absolute;bottom:-30px;right:-25px}.hud-label{color:var(--ink-soft);letter-spacing:1.15px;text-transform:uppercase;font-size:9px;font-weight:850;line-height:1}.score-card__value{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-1.6px;font-size:clamp(25px,7vw,34px);font-weight:950;line-height:.98}.score-card__best{color:var(--ink-soft);font-variant-numeric:tabular-nums;margin-top:4px;font-size:10px;font-weight:700}.queue-card{border-radius:20px;grid-template-columns:minmax(0,1fr) 18px minmax(0,.82fr);align-items:center;min-width:0;min-height:72px;padding:7px 9px;display:grid}.queue-fruit{grid-template-rows:14px 22px;grid-template-columns:40px minmax(0,1fr);align-items:center;column-gap:6px;min-width:0;display:grid}.queue-fruit .hud-label{grid-column:2;align-self:end}.queue-fruit__emoji{background:linear-gradient(145deg,#fff,#ffeedac7);border:1px solid #ffffffd6;border-radius:14px;grid-row:1/3;place-items:center;width:40px;height:40px;font-family:Apple Color Emoji,Segoe UI Emoji,sans-serif;font-size:26px;display:grid;box-shadow:0 5px 13px #63303a17,inset 0 -2px 6px #f4975e14}.queue-fruit__emoji--next{width:35px;height:35px;box-shadow:0 4px 11px color-mix(in srgb, var(--fruit-color) 18%, transparent);border-radius:12px;font-size:22px;position:relative}.queue-fruit strong{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;align-self:start;font-size:11px;font-weight:850;line-height:1.1;overflow:hidden}.queue-card__arrow{color:#6f47504d;justify-self:center}.journey{z-index:5;margin:0 max(10px, env(safe-area-inset-right)) 8px max(10px, env(safe-area-inset-left));border-radius:18px;flex:none;padding:9px 12px 10px}.journey__topline{justify-content:space-between;align-items:center;gap:10px;display:flex}.journey__eyebrow{color:var(--coral-deep);letter-spacing:.25px;align-items:center;gap:4px;font-size:10px;font-weight:900;display:flex}.journey__detail{max-width:220px;color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:10px;font-weight:700;display:block;overflow:hidden}.evolution-strip{flex:none;align-items:center;gap:2px;display:flex}.evolution-fruit{opacity:.48;filter:saturate(.76);border-radius:9px;place-items:center;width:23px;height:23px;font-family:Apple Color Emoji,Segoe UI Emoji,sans-serif;font-size:15px;display:grid}.evolution-fruit.is-current{opacity:1;filter:none;background:#fff;border:1px solid #f2576629;box-shadow:0 3px 9px #7e414917}.evolution-fruit.is-goal{opacity:1;filter:none;background:#ffae4f21}.evolution-strip__arrow{color:#6f47504d}.journey__meter{background:#754d5514;border-radius:999px;height:5px;margin-top:7px;overflow:hidden;box-shadow:inset 0 1px 2px #4f2d350d}.journey__meter span{border-radius:inherit;background:linear-gradient(90deg, var(--coral), var(--mango) 72%, #ffd77b);height:100%;transition:width .52s cubic-bezier(.2,.8,.2,1);display:block;box-shadow:0 0 10px #ff8a585c}.canvas-area{z-index:1;min-height:0;margin:0 max(6px, env(safe-area-inset-right)) 5px max(6px, env(safe-area-inset-left));box-shadow:var(--shadow-soft), inset 0 1px 0 #fffc;isolation:isolate;touch-action:none;background:linear-gradient(#fff8eaeb,#f8dcc2c7);border:1px solid #ffffffdb;border-radius:28px 28px 20px 20px;outline:none;flex:auto;position:relative;overflow:hidden}.canvas-area:after{z-index:3;content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 45px #884a4b09,inset 0 1px #ffffff8f}.canvas-area canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.drop-coach{z-index:8;min-width:190px;color:var(--ink);pointer-events:none;-webkit-backdrop-filter:blur(12px);background:#fffdf7e6;border:1px solid #ffffffe0;border-radius:16px;align-items:center;gap:8px;padding:9px 13px;animation:.5s cubic-bezier(.2,.9,.3,1.25) both coach-in,2.2s ease-in-out .6s infinite coach-float;display:flex;position:absolute;top:108px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #5a313b21}.drop-coach__hand{font-size:25px}.drop-coach strong,.drop-coach small{display:block}.drop-coach strong{font-size:12px;font-weight:900}.drop-coach small{color:var(--ink-soft);margin-top:1px;font-size:9px;font-weight:700}@keyframes coach-in{0%{opacity:0;transform:translate(-50%)translateY(-8px)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes coach-float{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(6px)}}.chain-callout{z-index:15;color:#fff;letter-spacing:-.7px;text-align:center;text-shadow:0 2px 5px #64273433;white-space:nowrap;pointer-events:none;border:1px solid #ffffffd1;border-radius:14px;max-width:calc(100% - 30px);padding:7px 13px;font-size:clamp(18px,6vw,27px);font-weight:950;animation:.92s cubic-bezier(.18,.86,.25,1) forwards callout-pop;position:absolute;top:27%;left:50%;transform:translate(-50%)}.chain-callout--chain{background:linear-gradient(135deg,#ef4a63e6,#ff9e45e0);box-shadow:0 10px 30px #e8455c3d}.chain-callout--expand{background:linear-gradient(135deg,#6d5cdbeb,#f2579ce0);font-size:clamp(14px,4.5vw,21px);box-shadow:0 10px 32px #6d5cdb3d}@keyframes callout-pop{0%{opacity:0;transform:translate(-50%)scale(.55)rotate(-3deg)}18%{opacity:1;transform:translate(-50%)scale(1.12)rotate(1deg)}38%{transform:translate(-50%)scale(.98)}74%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-28px)scale(1.03)}}.overlay{z-index:30;padding:max(18px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 18px max(16px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(8px)saturate(.85);background:#49283452;justify-content:center;align-items:center;animation:.18s ease-out both overlay-in;display:flex;position:absolute;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.overlay-card{width:min(340px,100%);max-height:100%;color:var(--ink);text-align:center;background:var(--glass-strong);border:1px solid #ffffffe6;border-radius:26px;padding:25px 22px 22px;animation:.28s cubic-bezier(.2,.9,.28,1.18) both card-in;position:relative;overflow:auto;box-shadow:0 22px 70px #3f1e2b3d,inset 0 1px #fff}@keyframes card-in{0%{opacity:0;transform:translateY(14px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.overlay-card--compact{max-width:320px}.overlay-card__close{position:absolute;top:8px;right:8px}.overlay-card__hero{filter:drop-shadow(0 7px 9px #5c2b361a);min-height:46px;margin:0 auto 8px;font-family:Apple Color Emoji,Segoe UI Emoji,sans-serif;font-size:36px;line-height:1.2}.overlay-card__kicker{color:var(--coral-deep);letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:900;display:block}.overlay-card h2{letter-spacing:-.7px;margin-bottom:7px;font-size:22px;font-weight:950}.overlay-card p{color:var(--ink-soft);margin:0 auto 15px;font-size:13px;font-weight:580;line-height:1.45}.overlay-card p strong{color:var(--ink)}.overlay-card__score{color:var(--coral-deep);font-variant-numeric:tabular-nums;letter-spacing:-2px;margin:4px 0 5px;font-size:45px;font-weight:950;line-height:1}.overlay-card__actions{justify-content:center;gap:8px;display:flex}.help-list{text-align:left;margin:6px 0 16px;list-style:none}.help-list li{border-bottom:1px solid var(--line);color:var(--ink-soft);align-items:flex-start;gap:9px;padding:7px 0;font-size:12px;line-height:1.35;display:flex}.help-list li:last-child{border-bottom:0}.help-list li strong{color:var(--ink)}.help-emoji{flex:none;font-size:18px}.btn{cursor:pointer;border:0;border-radius:15px;justify-content:center;align-items:center;gap:7px;min-height:46px;padding:0 20px;font-size:13px;font-weight:900;transition:transform .12s,box-shadow .15s;display:inline-flex}.btn:active{transform:scale(.96)}.btn--primary{color:#fff;background:linear-gradient(135deg, var(--coral), #ff765d 56%, var(--mango));box-shadow:0 8px 20px #e23f5542,inset 0 1px #ffffff47}.btn--primary:hover{box-shadow:0 10px 27px #e23f5557,inset 0 1px #ffffff47}.btn--ghost{color:var(--ink);background:#57313c12}@media (width<=370px){.game-header__back span{display:none}.game-header__back{padding:0}.game-header__actions .icon-btn{width:40px;min-width:40px}.game-brand__spark{display:none}.score-deck{grid-template-columns:94px minmax(0,1fr);gap:6px}.score-card,.queue-card{min-height:66px}.queue-card{grid-template-columns:minmax(0,1fr) 12px minmax(0,.78fr);padding-inline:6px}.queue-fruit{grid-template-columns:35px minmax(0,1fr);column-gap:4px}.queue-fruit__emoji{width:35px;height:35px;font-size:23px}.queue-fruit__emoji--next{width:31px;height:31px;font-size:20px}.journey__detail{max-width:150px}.evolution-fruit:nth-child(3){display:none}}@media (height<=700px) and (orientation:portrait){.game-header{min-height:46px;padding-top:max(2px, env(safe-area-inset-top))}.game-header__back,.icon-btn{height:40px;min-height:40px}.score-card,.queue-card{min-height:61px;padding-block:5px}.score-card__value{font-size:25px}.queue-fruit__emoji{width:34px;height:34px;font-size:22px}.queue-fruit{grid-template-columns:34px minmax(0,1fr)}.journey{margin-bottom:5px;padding-block:7px}.journey__detail{display:none}.drop-coach{top:78px}}@media (orientation:landscape) and (height<=520px){.game-root{max-width:none;padding:max(4px, env(safe-area-inset-top)) max(6px, env(safe-area-inset-right)) 4px max(6px, env(safe-area-inset-left));grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(210px,250px) minmax(0,1fr);gap:5px 7px;display:grid}.game-header{grid-area:1/1;min-height:44px;padding:0}.game-header__back span,.game-brand__spark{display:none}.game-header__back{min-width:38px;padding:0}.icon-btn{width:38px;min-width:38px;height:40px;min-height:40px}.game-header__title{font-size:14px}.score-deck{grid-area:2/1;grid-template-columns:82px minmax(0,1fr);gap:5px;padding:0}.score-card,.queue-card{border-radius:16px;min-height:64px}.score-card{padding:7px 9px}.score-card__value{font-size:23px}.score-card__best{font-size:8px}.queue-card{grid-template-columns:minmax(0,1fr) 10px minmax(0,.72fr);padding:5px}.queue-fruit{grid-template-columns:31px minmax(0,1fr);column-gap:3px}.queue-fruit__emoji{border-radius:10px;width:31px;height:31px;font-size:20px}.queue-fruit__emoji--next{width:27px;height:27px;font-size:18px}.queue-fruit strong{font-size:9px}.hud-label{font-size:7px}.journey{border-radius:16px;grid-area:3/1;align-self:start;margin:0;padding:8px 10px}.journey__detail{max-width:130px;font-size:8px}.evolution-fruit{width:19px;height:19px;font-size:12px}.evolution-fruit:nth-child(3){display:none}.canvas-area{border-radius:24px;grid-area:1/2/4;min-height:0;margin:0}.drop-coach{top:60px}.overlay{padding:10px}.overlay-card{width:min(430px,92%);max-height:calc(100% - 4px);padding:16px 19px}.overlay-card--help{text-align:left}.overlay-card--help .overlay-card__hero,.overlay-card--help h2,.overlay-card--help>p{display:none}.help-list{grid-template-columns:1fr 1fr;gap:0 14px;margin:0 0 9px;display:grid}.help-list li{padding:5px 0;font-size:10px}.overlay-card__hero{min-height:33px;margin-bottom:2px;font-size:28px}.overlay-card h2{font-size:18px}.overlay-card p{margin-bottom:9px;font-size:11px}.btn{min-height:40px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}
