:root{--background:#fff9f2;--surface:#fff;--surface-soft:#f2f7ee;--foreground:#243229;--muted:#647169;--primary:#2f8552;--primary-strong:#1f633b;--primary-soft:#dff1df;--secondary:#ff91a8;--secondary-strong:#c94367;--secondary-soft:#ffe4e9;--accent:#ffd166;--border:#dbe8d7;--shadow-sm:0 6px 18px #2f5b3917;--shadow-md:0 18px 45px -24px #2f5b3957, 0 6px 14px #2f5b3914;--shadow-lg:0 30px 70px -35px #1f633b6b, inset 0 1px #ffffffb3;--radius-sm:14px;--radius:22px;--radius-lg:34px;--page-gutter:clamp(1rem, 4vw, 3rem);--content-width:1180px;--section-space:clamp(3rem, 6vw, 5rem);--section-space-compact:clamp(2.5rem, 5vw, 4rem);--font-display:"Hiragino Maru Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;--font-body:"Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 8% 7%, #ff91a81f, transparent 24rem), radial-gradient(circle at 94% 18%, #2f85521f, transparent 28rem), var(--background);color:var(--foreground);font-family:var(--font-body);text-rendering:optimizelegibility;margin:0;line-height:1.7}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}svg{width:1.1em;height:1.1em}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fruit-sprite{object-fit:contain;flex:none;display:block}:focus-visible{outline:3px solid var(--secondary-strong);outline-offset:4px}.site-header{z-index:20;width:min(calc(100% - 1.25rem), var(--content-width));min-height:68px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff9f2e0;border:1px solid #dbe8d7e6;border-radius:22px;justify-content:space-between;align-items:center;gap:1rem;margin:.65rem auto 0;padding:.65rem .8rem .65rem 1rem;display:flex;position:sticky;top:0}.brand{font:800 1.15rem/1 var(--font-display), sans-serif;align-items:center;gap:.65rem;display:inline-flex}.brand__mark{filter:drop-shadow(0 5px 5px #2f5b392e);border-radius:50%}.site-header nav{align-items:center;gap:.2rem;display:flex}.site-header nav a{min-height:44px;color:var(--muted);border-radius:999px;align-items:center;padding:.5rem .85rem;font-size:.86rem;font-weight:700;transition:all .18s;display:inline-flex}.site-header nav a:hover{background:var(--primary-soft);color:var(--primary-strong)}main{overflow:clip}.hero,.play-first,.game-intro-section,.game-section,.story-section,.content-section,.screenshots-section,.faq-section,.future-section,.palette-section,.style-guide-section,.seo-copy{width:min(calc(100% - 2 * var(--page-gutter)), var(--content-width));margin-inline:auto}.play-first{padding-block:clamp(.9rem, 2.2vw, 1.6rem) var(--section-space-compact);scroll-margin-top:88px}.play-first__layout{align-items:start;gap:1rem;display:grid}.play-first__game{order:1;width:min(100%,520px);margin-inline:auto;scroll-margin-top:88px}.play-first__evolution{order:2;min-width:0}.play-first__rewards{order:3;min-width:0}.game-intro-section{padding-block:clamp(1rem, 3vw, 2rem) var(--section-space-compact)}.game-intro-section__copy{max-width:980px}.game-intro-section h1{font:900 clamp(2.25rem, 6vw, 4.8rem)/1.1 var(--font-display), sans-serif;letter-spacing:-.05em;margin:.65rem 0}.game-intro-section__copy>p{max-width:62ch;color:var(--muted);margin:0;font-size:clamp(.96rem,2vw,1.1rem)}.hero{align-items:center;gap:clamp(2rem,6vw,6rem);min-height:calc(100vh - 90px);padding-block:clamp(4rem,10vw,8.5rem);display:grid}.hero__copy{max-width:700px}.eyebrow{color:var(--primary-strong);font:800 .72rem/1.4 var(--font-display), sans-serif;letter-spacing:.12em;align-items:center;gap:.45rem;display:inline-flex}.hero h1,h2,h3{font-family:var(--font-display), sans-serif}.hero h1{letter-spacing:-.055em;margin:1rem 0 1.25rem;font-size:clamp(2.7rem,8vw,5.7rem);line-height:1.08}.hero h1 em{color:var(--primary);font-style:normal}.hero__copy>p{max-width:58ch;color:var(--muted);font-size:clamp(1rem,2vw,1.15rem);line-height:2}.hero__actions{flex-wrap:wrap;gap:.7rem;margin-top:1.7rem;display:flex}.button-primary,.button-quiet,.physics-lab__actions button{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;min-height:48px;padding:.75rem 1.2rem;font-weight:900;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,background .18s;display:inline-flex}.button-primary,.physics-lab__actions button:not(.button-secondary){background:var(--primary);color:#fff;box-shadow:0 12px 24px -14px var(--primary-strong)}.button-primary:hover,.physics-lab__actions button:not(.button-secondary):hover{background:var(--primary-strong);box-shadow:0 16px 28px -15px var(--primary-strong);transform:translateY(-2px)}.button-quiet,.physics-lab__actions .button-secondary{border:1px solid var(--border);background:var(--surface);color:var(--foreground)}.button-quiet:hover,.physics-lab__actions .button-secondary:hover{border-color:var(--secondary);background:var(--secondary-soft);transform:translateY(-2px)}.hero__proof{color:var(--muted);flex-wrap:wrap;gap:.7rem 1.2rem;margin:1.5rem 0 0;padding:0;font-size:.82rem;list-style:none;display:flex}.hero__proof li{align-items:center;gap:.35rem;display:flex}.hero__proof svg{color:var(--primary)}.hero__mascot{border:1px solid var(--border);width:min(100%,430px);min-height:440px;box-shadow:var(--shadow-lg);background:linear-gradient(145deg,#fffffff2,#dff1dfbf);border-radius:42% 58% 54% 46%/44% 42% 58% 56%;place-items:center;margin-inline:auto;display:grid;position:relative}.hero__mascot p{border:1px solid var(--border);color:var(--muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd1;border-radius:16px;margin:0;padding:.7rem .9rem;font-size:.73rem;line-height:1.45;position:absolute;bottom:1.15rem;right:1.25rem}.hero__mascot p strong{color:var(--secondary-strong);font-size:1rem}.hero__orbit{border:1px dashed #2f855242;border-radius:50%;position:absolute}.hero__orbit--one{aspect-ratio:1;width:78%}.hero__orbit--two{aspect-ratio:1;border-color:#ff91a83d;width:96%;transform:rotate(35deg)}.hero__mascot-sprite{z-index:1;filter:drop-shadow(0 28px 22px #1f633b38);position:relative}.game-section,.story-section,.content-section,.screenshots-section,.faq-section,.future-section,.style-guide-section{padding-block:var(--section-space)}.section-heading{grid-template-columns:2.4rem minmax(0,1fr);gap:1rem;max-width:850px;margin-bottom:clamp(1.75rem,3.5vw,3rem);display:grid}.chapter{color:var(--secondary-strong);font:900 .75rem/1 var(--font-display), sans-serif;letter-spacing:.08em;padding-top:.3rem}.section-heading h2,.palette-section h2,.seo-copy h2{letter-spacing:-.035em;margin:.65rem 0 .8rem;font-size:clamp(2rem,5vw,3.55rem);line-height:1.22}.section-heading p,.palette-section p,.seo-copy p{max-width:72ch;color:var(--muted);margin:0;line-height:2}.physics-lab{--game-accent:var(--primary);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.physics-lab[data-skin=storybook]{--game-accent:#6f8c68}.physics-lab[data-skin=pop]{--game-accent:#f05f7c}.physics-lab__toolbar{border-bottom:1px solid var(--border);background:linear-gradient(90deg, var(--surface), var(--surface-soft));justify-content:space-between;align-items:center;gap:1rem;min-height:76px;padding:.9rem 1rem;display:flex}.physics-lab__toolbar>div:first-child{flex-direction:column;gap:.25rem;display:flex}.physics-lab__toolbar strong{font:900 1.15rem/1 var(--font-display), sans-serif}.physics-lab__best{color:var(--muted);align-items:center;gap:.3rem;font-size:.68rem;font-weight:800;line-height:1;display:inline-flex}.physics-lab__best svg{color:#b77b12}.physics-lab__toolbar-actions{align-items:center;gap:.55rem;display:flex}.physics-lab__next{color:var(--muted);align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;display:flex}.physics-lab__next .fruit-sprite{filter:drop-shadow(0 4px 4px #24322929)}.icon-button{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--foreground);cursor:pointer;border-radius:50%;place-items:center;transition:all .18s;display:inline-grid}.icon-button:hover{border-color:var(--game-accent);color:var(--game-accent);transform:translateY(-1px)}.icon-button[aria-pressed=false]{color:var(--muted);background:#f5f3ef}.physics-lab__stage{aspect-ratio:3/4;background:#f7eedc;width:100%;position:relative}.physics-lab__stage canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block}.physics-lab__loading{color:var(--muted);font-weight:700;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.physics-lab__actions{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.8rem;display:grid}.physics-lab__actions button{padding-inline:.75rem;font-size:.82rem}.physics-lab__tap-guide{background:var(--primary-soft);min-height:48px;color:var(--primary-strong);border-radius:15px;align-items:center;gap:.55rem;margin:0;padding:.65rem .75rem;font-size:.78rem;font-weight:900;line-height:1.4;display:flex}.physics-lab__hint{color:var(--muted);text-align:center;margin:0;padding:0 1rem 1rem;font-size:.75rem}.game-side-panel{border:1px solid var(--border);box-shadow:var(--shadow-md);background:#ffffffd1;border-radius:26px;overflow:hidden}.game-side-panel__heading{border-bottom:1px solid var(--border);background:linear-gradient(145deg, var(--surface), var(--surface-soft));padding:1.1rem 1.1rem .9rem}.game-side-panel__heading>span{color:var(--secondary-strong);font:900 .63rem/1 var(--font-display), sans-serif;letter-spacing:.13em}.game-side-panel__heading h2{margin:0 0 .3rem;font-size:1.2rem;line-height:1.25}.game-side-panel__heading p{color:var(--muted);margin:0;font-size:.73rem;line-height:1.65}.game-evolution__list{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin:0;padding:.8rem;list-style:none;display:grid}.game-evolution__list li{aspect-ratio:1;isolation:isolate;cursor:help;background:#fffdf9e0;border:1px solid #dbe8d7d9;border-radius:15px;place-items:center;min-width:0;padding:.12rem;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden}.game-evolution__list .fruit-sprite{filter:drop-shadow(0 5px 5px #24322924);transition:transform .22s cubic-bezier(.2,.75,.2,1);width:100%!important;height:100%!important}.game-evolution__number{z-index:3;min-width:1.45rem;height:1.45rem;color:var(--secondary-strong);font:900 .55rem/1 var(--font-display), sans-serif;background:#ffffffe6;border-radius:999px;place-items:center;display:grid;position:absolute;top:.32rem;left:.36rem;box-shadow:0 3px 10px #2432291f}.game-evolution__scrim{z-index:1;border-radius:inherit;opacity:0;background:linear-gradient(#0000 30%,#1f3426c2);transition:opacity .18s;position:absolute;inset:0}.game-evolution__label{z-index:2;color:#fff;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 3px #0f2215cc;white-space:nowrap;opacity:0;font-size:.66rem;font-weight:900;line-height:1.2;transition:opacity .18s,transform .18s;position:absolute;bottom:.38rem;left:.28rem;right:.28rem;overflow:hidden;transform:translateY(.25rem)}.game-evolution__list li:hover,.game-evolution__list li:focus-visible{z-index:2;border-color:var(--secondary);transform:translateY(-2px);box-shadow:0 10px 20px -14px #2432298c}.game-evolution__list li:hover .fruit-sprite,.game-evolution__list li:focus-visible .fruit-sprite{transform:scale(1.06)rotate(-1deg)}.game-evolution__list li:hover .game-evolution__scrim,.game-evolution__list li:focus-visible .game-evolution__scrim,.game-evolution__list li:hover .game-evolution__label,.game-evolution__list li:focus-visible .game-evolution__label{opacity:1;transform:none}.game-unlocks__score{background:var(--primary-soft);border-radius:16px;justify-content:space-between;align-items:center;gap:.7rem;margin:.9rem;padding:.75rem .85rem;display:flex}.game-unlocks__score span{color:var(--primary-strong);align-items:center;gap:.35rem;font-size:.7rem;font-weight:900;display:inline-flex}.game-unlocks__score svg{color:#b77b12}.game-unlocks__score strong{color:var(--primary-strong);font:900 1.45rem/1 var(--font-display), sans-serif}.game-unlocks__goals{gap:.55rem;padding:0 .9rem;display:grid}.game-unlocks__option{border:1px solid var(--border);background:var(--surface);width:100%;min-height:76px;color:var(--foreground);cursor:pointer;text-align:left;border-radius:17px;grid-template-columns:56px minmax(0,1fr) 26px;align-items:center;gap:.55rem;padding:.5rem .6rem;transition:all .18s;display:grid}.game-unlocks__option:hover{border-color:var(--secondary);background:var(--secondary-soft);transform:translateY(-1px)}.game-unlocks__option[data-selected]{border-color:var(--primary);background:var(--primary-soft);box-shadow:inset 0 0 0 1px #2f85521f}.game-unlocks__option[data-locked]{background:#fff4f7c7;border-color:#c943672e}.game-unlocks__option[data-locked]:hover{background:var(--secondary-soft)}.game-unlocks__option .fruit-sprite{filter:drop-shadow(0 6px 6px #24322924)}.game-unlocks__copy{gap:.1rem;min-width:0;display:grid}.game-unlocks__copy strong{font:900 .82rem/1.25 var(--font-display), sans-serif;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.game-unlocks__copy small{color:#536159;font-size:.63rem;font-weight:800}.game-unlocks__state{background:var(--surface);width:25px;height:25px;color:var(--primary-strong);box-shadow:var(--shadow-sm);border-radius:50%;place-items:center;display:grid}.game-unlocks__option[data-locked] .game-unlocks__state{color:var(--secondary-strong)}.game-unlocks__progress{background:#2432291c;border-radius:999px;grid-column:1/-1;height:5px;margin-top:-.1rem;overflow:hidden}.game-unlocks__progress span{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--secondary));height:100%;transition:width .3s;display:block}.game-unlocks__link{border:1px solid var(--border);background:var(--surface);min-height:48px;color:var(--primary-strong);border-radius:999px;justify-content:center;align-items:center;gap:.4rem;margin:.9rem;font-size:.72rem;font-weight:900;transition:all .18s;display:flex}.game-unlocks__link:hover{border-color:var(--secondary);background:var(--secondary-soft);transform:translateY(-1px)}.game-over-panel{z-index:3;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#fff9f2e6,#ffe4e9f0);place-content:center;justify-items:center;padding:1.4rem;display:grid;position:absolute;inset:0}.game-over-panel__icon{background:var(--secondary-soft);width:58px;height:58px;color:var(--secondary-strong);border-radius:50%;place-items:center;font-size:1.45rem;display:grid;box-shadow:0 12px 30px #c943672e}.game-over-panel__eyebrow{color:var(--secondary-strong);font:900 .7rem/1 var(--font-display), sans-serif;letter-spacing:.16em;margin:1rem 0 .25rem}.game-over-panel h2{margin:.35rem 0;font-size:clamp(1.45rem,5vw,2.15rem)}.game-over-panel h2 strong{color:var(--primary-strong)}.game-over-panel>p:not(.game-over-panel__eyebrow,.game-over-panel__unlock){color:var(--muted);margin:0;font-size:.85rem}.game-over-panel__unlock{color:#8c2945;background:#ffffffc7;border-radius:14px;max-width:26rem;margin:.8rem 0 0;padding:.65rem .8rem;font-size:.78rem;font-weight:900}.game-over-panel button{background:var(--primary);color:#fff;cursor:pointer;min-height:48px;box-shadow:0 12px 25px -12px var(--primary-strong);border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;margin-top:1.1rem;padding:.75rem 1.35rem;font-weight:900;display:inline-flex}.game-over-panel button:hover{background:var(--primary-strong);transform:translateY(-2px)}.reset-dialog__backdrop{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#2432298f;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.reset-dialog{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:26px;width:min(100%,430px);padding:2rem;position:relative;box-shadow:0 30px 90px #1a2f2159}.reset-dialog__close{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:.7rem;right:.7rem}.reset-dialog__close:hover{background:var(--surface-soft);color:var(--foreground)}.reset-dialog__icon{background:var(--secondary-soft);width:58px;height:58px;color:var(--secondary-strong);border-radius:50%;place-items:center;margin:0 auto 1rem;font-size:1.45rem;display:grid}.reset-dialog h2{margin:0;font-size:1.65rem}.reset-dialog p{color:var(--muted);margin:.75rem auto 1.5rem}.reset-dialog__actions{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.reset-dialog__actions button{cursor:pointer;border-radius:999px;min-height:48px;padding:.7rem 1rem;font-weight:900}.reset-dialog__actions .button-secondary{border:1px solid var(--border);background:var(--surface);color:var(--foreground)}.reset-dialog__actions .button-danger{color:#fff;background:#b73552;border:1px solid #b73552}.reset-dialog__actions .button-danger:hover{background:#962b44}.tuning-notes{border:1px solid var(--border);border-top:4px solid var(--secondary);border-radius:var(--radius);box-shadow:var(--shadow-md);background:#ffffffb8;padding:clamp(1.3rem,4vw,2.2rem)}.tuning-notes h3{margin:.75rem 0 1rem;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.35}.tuning-notes p{color:var(--muted)}.tuning-notes dl{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1.5rem 0;display:grid}.tuning-notes dl div{background:var(--primary-soft);text-align:center;border-radius:14px;padding:.8rem .5rem}.tuning-notes dt{color:var(--muted);font-size:.7rem}.tuning-notes dd{color:var(--primary-strong);font:900 1rem/1 var(--font-display), sans-serif;margin:.15rem 0 0}.tuning-notes .note{background:var(--secondary-soft);color:#7c384d;border-radius:12px;padding:.85rem;font-size:.76rem}.how-to-grid{counter-reset:steps;gap:1rem;margin:0;padding:0;list-style:none;display:grid}.how-to-grid li{border:1px solid var(--border);border-radius:var(--radius);min-height:220px;box-shadow:var(--shadow-sm);background:#ffffffc7;padding:1.3rem}.how-to-grid li>span{background:var(--secondary-soft);color:#9d2948;width:38px;height:38px;font:900 .72rem/1 var(--font-display), sans-serif;border-radius:50%;place-items:center;display:inline-grid}.how-to-grid h3{margin:1.2rem 0 .55rem;font-size:1.2rem}.how-to-grid p{color:var(--muted);margin:0;font-size:.86rem}.screenshot-grid{gap:1rem;display:grid}.screenshot-grid figure{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-md);margin:0;overflow:hidden}.screenshot-grid img{object-fit:cover;object-position:top;background:var(--surface-soft);width:100%;height:auto;display:block}.screenshot-grid figcaption{color:var(--muted);padding:.85rem 1rem;font-size:.78rem;font-weight:700}.skin-collection{gap:1.25rem;display:grid}.skin-collection__status{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#ffffffc7;border-radius:20px;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:.45rem 1rem;padding:1rem 1.2rem;display:grid}.skin-collection__status>span{color:var(--muted);align-items:center;gap:.4rem;font-size:.75rem;font-weight:900;display:inline-flex}.skin-collection__status>span svg{color:#b77b12}.skin-collection__status strong{color:var(--primary-strong);font:900 1.55rem/1 var(--font-display), sans-serif}.skin-collection__status p{color:var(--muted);justify-self:end;margin:0;font-size:.78rem}.skin-collection__grid{gap:1rem;display:grid}.skin-collection-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:450px;box-shadow:var(--shadow-md);flex-direction:column;padding:1.1rem;transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s;display:flex}.skin-collection-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.skin-collection-card--storybook{background:#f9f1df;border-style:dashed}.skin-collection-card--pop{background:#fff3f6;border-color:#ffb7c5}.skin-collection-card__visual{background:#ffffff8c;border-radius:18px;place-items:center;min-height:205px;display:grid;position:relative;overflow:hidden}.skin-collection-card__sample{filter:drop-shadow(0 16px 13px #1f633b30)}.skin-collection-card__badge{color:#9d2948;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff4f7eb;border:1px solid #9d294829;border-radius:999px;align-items:center;gap:.3rem;padding:.38rem .55rem;font-size:.66rem;font-weight:900;display:inline-flex;position:absolute;top:.65rem;left:.65rem}.skin-collection-card__badge.is-unlocked{color:var(--primary-strong);background:#eff8edeb;border-color:#2f85522e}.skin-collection-card h3{margin:1rem 0 .4rem;font-size:1.3rem}.skin-collection-card>p{color:var(--muted);margin:0;font-size:.84rem}.skin-collection-card__progress{color:var(--muted);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem;margin-top:auto;padding-top:1rem;font-size:.7rem;font-weight:900;display:grid}.skin-collection-card__progress-track{background:#2432291c;border-radius:999px;height:8px;overflow:hidden}.skin-collection-card__progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--secondary));height:100%;transition:width .36s;display:block}.skin-collection-card__default-note{padding-top:1rem;font-weight:900;color:var(--primary-strong)!important;margin-top:auto!important;font-size:.7rem!important}.skin-collection-card button{border:1px solid var(--border);background:var(--surface);width:100%;min-height:48px;color:var(--foreground);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;margin-top:.8rem;padding:.65rem 1rem;font-size:.8rem;font-weight:900;transition:all .18s;display:inline-flex}.skin-collection-card button:hover{border-color:var(--secondary);background:var(--secondary-soft);transform:translateY(-1px)}.skin-collection-card button.is-selected{border-color:var(--primary);background:var(--primary);color:#fff}.skin-collection-card[data-locked] button{color:#8c3a50;background:#fff4f7d1;border-color:#9d29482e}.palette-section{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#dff1dfcc,#ffe4e9c7);border:1px solid #2f855238;align-items:end;gap:2rem;margin-block:clamp(1.5rem,4vw,3.5rem);padding:clamp(1.4rem,5vw,3.5rem);display:grid}.style-guide-grid{gap:1rem;display:grid}.style-guide-grid article{border:1px solid var(--border);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow-sm);background:#ffffffd1;flex-direction:column;padding:1rem;display:flex}.style-guide-card__preview{border-radius:calc(var(--radius) - 7px);background:linear-gradient(145deg, var(--surface-soft), var(--secondary-soft));place-items:center;min-height:190px;margin-bottom:1rem;display:grid;overflow:hidden}.style-guide-card__preview .fruit-sprite{filter:drop-shadow(0 14px 14px #24322929);transition:transform .22s cubic-bezier(.2,.75,.2,1);width:72%!important;height:72%!important}.style-guide-grid article:hover .style-guide-card__preview .fruit-sprite{transform:translateY(-3px)scale(1.04)rotate(-1deg)}.style-guide-grid article>span{color:var(--secondary-strong);font:900 .66rem/1 var(--font-display), sans-serif;letter-spacing:.1em}.style-guide-grid h3{margin:.75rem 0 .55rem;font-size:1.25rem;line-height:1.4}.style-guide-grid p{color:var(--muted);margin:0 0 1rem;font-size:.84rem;line-height:1.85}.style-guide-grid a{min-height:44px;color:var(--primary-strong);align-items:center;margin-top:auto;font-size:.78rem;font-weight:900;display:inline-flex}.style-guide-grid a:hover{color:var(--secondary-strong)}.swatches{grid-template-columns:repeat(2,1fr);gap:.65rem;display:grid}.swatches span{background:var(--swatch);min-height:92px;color:var(--foreground);border:1px solid #2432291a;border-radius:18px;align-items:end;padding:.7rem;font-size:.69rem;font-weight:900;line-height:1.35;display:flex;box-shadow:inset 0 1px #ffffff8c}.swatches span:first-child{color:#fff}.fruit-lineup{grid-template-columns:repeat(2,1fr);gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.fruit-lineup li{border:1px solid var(--border);min-height:110px;color:var(--muted);background:#ffffffbd;border-radius:18px;grid-template-columns:1.7rem 82px minmax(0,1fr);align-items:center;gap:.5rem;padding:.65rem;font-size:.78rem;font-weight:700;display:grid}.fruit-lineup__stage{color:var(--secondary-strong);font:900 .65rem/1 var(--font-display), sans-serif;align-self:start}.fruit-lineup__sprite{filter:drop-shadow(0 8px 7px #24322924);justify-self:center}.roadmap{margin:0;padding:0;list-style:none}.roadmap li{border-bottom:1px solid var(--border);grid-template-columns:3.6rem minmax(0,1fr);gap:1rem;padding:1.4rem .4rem;transition:all .22s;display:grid}.roadmap li:hover{background:linear-gradient(90deg, var(--primary-soft), transparent);padding-inline:1rem}.roadmap li>span{color:var(--primary);font:900 .82rem/1 var(--font-display), sans-serif}.roadmap h3{margin:-.2rem 0 .35rem;font-size:1.25rem}.roadmap p{color:var(--muted);margin:0}.strategy-grid{gap:1rem;display:grid}.strategy-grid article{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);padding:1.4rem}.strategy-grid article>span{color:var(--secondary-strong);font:900 .68rem/1 var(--font-display), sans-serif;letter-spacing:.09em}.strategy-grid h3{margin:.8rem 0 .55rem;font-size:1.25rem}.strategy-grid p{color:var(--muted);margin:0;font-size:.88rem}.faq-list{border-top:1px solid var(--border);max-width:920px;margin-inline:auto}.faq-list details{border-bottom:1px solid var(--border);background:#ffffff80}.faq-list summary{cursor:pointer;font:900 1rem/1.6 var(--font-display), sans-serif;padding:1.3rem 3.2rem 1.3rem .5rem;list-style:none;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{background:var(--primary-soft);width:1.8rem;height:1.8rem;color:var(--primary-strong);content:"+";font:900 1.15rem/1.8rem var(--font-display), sans-serif;text-align:center;border-radius:50%;position:absolute;top:50%;right:.8rem;transform:translateY(-50%)}.faq-list details[open] summary:after{content:"−"}.faq-list details p{max-width:74ch;color:var(--muted);margin:-.45rem 0 0;padding:0 3.2rem 1.35rem .5rem}.seo-copy{border:1px solid var(--border);border-top:4px solid var(--primary);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-md);margin-block:clamp(2.5rem,5vw,4.5rem);padding:clamp(1.4rem,5vw,3.4rem)}.seo-copy p+p{margin-top:1rem}footer{width:min(calc(100% - 2rem), var(--content-width));border-top:1px solid var(--border);color:var(--muted);gap:1rem;margin:2rem auto 0;padding:2.2rem 0 3rem;font-size:.76rem;display:grid}.brand--footer{color:var(--foreground)}footer p{max-width:70ch;margin:0}.footer-links{flex-wrap:wrap;gap:.55rem 1rem;display:flex}.footer-links a{text-underline-offset:3px;text-decoration:underline}.footer-links a:hover{color:var(--primary-strong)}.legal-page{width:min(calc(100% - 2 * var(--page-gutter)), 860px);min-height:62vh;margin:0 auto;padding-block:clamp(3rem,8vw,7rem)}.legal-page__back{color:var(--primary-strong);margin-bottom:2rem;font-weight:800;display:inline-flex}.legal-page h1{font:900 clamp(2.2rem, 7vw, 4rem)/1.15 var(--font-display), sans-serif;letter-spacing:-.04em;margin:0 0 1rem}.legal-page .lead{max-width:66ch;color:var(--muted);font-size:1.05rem}.legal-page article{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);margin-top:2.5rem;padding:clamp(1.2rem,4vw,2.2rem)}.legal-page article section+section{border-top:1px solid var(--border);margin-top:2rem;padding-top:1.8rem}.legal-page h2{margin:0 0 .7rem;font-size:1.35rem}.legal-page p,.legal-page li{color:var(--muted)}.legal-page time{color:var(--muted);font-size:.78rem}.style-guide-page{width:min(calc(100% - 2 * var(--page-gutter)), 980px);margin:0 auto;padding-block:clamp(2rem,5vw,4.5rem);overflow:visible}.style-guide-page__back{min-height:44px;color:var(--primary-strong);align-items:center;margin-bottom:1rem;font-weight:900;display:inline-flex}.style-guide-page__back:hover{color:var(--secondary-strong)}.style-guide-page__hero{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:linear-gradient(145deg,#ffffffe6,#dff1dfb8);align-items:center;gap:clamp(1.5rem,4vw,3rem);padding:clamp(1.25rem,4vw,3rem);display:grid}.style-guide-page__hero h1{font:900 clamp(2.35rem, 7vw, 4.6rem)/1.12 var(--font-display), sans-serif;letter-spacing:-.045em;margin:.75rem 0 1rem}.style-guide-page__hero p{max-width:62ch;color:var(--muted);margin:0;line-height:2}.style-guide-page__fruits{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;min-width:0;display:grid}.style-guide-page__fruits .fruit-sprite{filter:drop-shadow(0 14px 14px #24322929)}.style-guide-page__article{max-width:760px;margin:var(--section-space) auto 0}.style-guide-page__article section{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#ffffffc7;padding:clamp(1.25rem,3vw,2rem)}.style-guide-page__article section+section{margin-top:1rem}.style-guide-page__article h2{margin:0 0 .8rem;font-size:clamp(1.45rem,4vw,2rem);line-height:1.4}.style-guide-page__article p{color:var(--muted);margin:0;line-height:2}.style-guide-page__article p+p{margin-top:1rem}.style-guide-page__related{max-width:760px;margin:var(--section-space-compact) auto 0;border-top:1px solid var(--border);padding-top:1.5rem}.style-guide-page__related h2{margin:0 0 1rem;font-size:1.35rem}.style-guide-page__related>div{gap:.6rem;display:grid}.style-guide-page__related a{border:1px solid var(--border);background:var(--surface);min-height:48px;color:var(--primary-strong);border-radius:14px;padding:.75rem 1rem;font-weight:900}.style-guide-page__related a:hover{border-color:var(--secondary);background:var(--secondary-soft)}.style-guide-page__play{width:fit-content;margin:1.5rem auto 0}[data-story-root][data-motion=ready] [data-reveal]{transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .65s}[data-story-root][data-motion=ready] [data-reveal]:not([data-visible=true]){opacity:1;transform:translateY(14px)}@media (min-width:760px){.hero{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr)}.play-first__layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.play-first__game{grid-column:1/-1}.play-first__evolution,.play-first__rewards{align-self:stretch}.game-evolution__list{grid-template-columns:repeat(4,minmax(0,1fr))}.how-to-grid{grid-template-columns:repeat(4,1fr)}.screenshot-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,.95fr)}.strategy-grid{grid-template-columns:repeat(3,1fr)}.style-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.skin-collection__grid{grid-template-columns:repeat(3,1fr)}.palette-section{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)}.fruit-lineup{grid-template-columns:repeat(4,1fr)}.fruit-lineup li{grid-template-rows:78px auto;grid-template-columns:1.4rem minmax(0,1fr)}.fruit-lineup li>span:last-child{text-align:center;grid-column:1/-1}.style-guide-page__hero{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}}@media (min-width:1100px){.play-first__layout{grid-template-columns:minmax(210px,1fr) minmax(480px,520px) minmax(210px,1fr);gap:clamp(1rem,2vw,1.5rem)}.play-first__game{order:2;grid-column:auto;width:100%}.play-first__evolution{order:1}.play-first__rewards{order:3}.game-evolution__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.38rem;padding:.65rem}.game-evolution__label{font-size:.64rem}.game-unlocks__copy strong{font-size:.9rem}}@media (max-width:700px){.site-header nav a:not(:first-child){display:none}.hero{min-height:auto}.hero__mascot{min-height:350px}.play-first{padding-top:.9rem}.game-intro-section h1{font-size:clamp(2.15rem,11vw,3.35rem)}.physics-lab__actions{grid-template-columns:1fr}.physics-lab__tap-guide{text-align:center;justify-content:center}.skin-collection__status{grid-template-columns:auto 1fr}.skin-collection__status p{grid-column:1/-1;justify-self:start}.fruit-lineup{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}[data-reveal]{opacity:1!important;transform:none!important}}