:root{--sky:#6dd4ff;--sky-deep:#3fa8e8;--ink:#1e3a5f;--paper:#fff;--mist:#eaf7ff;--slime-blue:#4fa9f0;--slime-yellow:#ffd34d;--slime-green:#6fd96b;--slime-purple:#b48be8;--font-heading:"Hiragino Maru Gothic ProN", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", "Yu Gothic", "Meiryo", system-ui, sans-serif;--font-body:"Hiragino Maru Gothic ProN", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", "Yu Gothic", "Meiryo", system-ui, sans-serif;--font-accent:ui-rounded, "Hiragino Maru Gothic ProN", "Arial Rounded MT Bold", system-ui, sans-serif;--shadow-soft:0 12px 28px #1e3a5f1f;--radius-card:20px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--paper);margin:0;font-weight:500;line-height:1.8;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit}h1,h2,h3{font-family:var(--font-heading);margin:0;font-weight:700;line-height:1.4}p{margin:0}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:6px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 24px}.section-head{text-align:center;max-width:640px;margin:0 auto 40px}.section-head h2{color:var(--ink);font-size:clamp(1.5rem,1.2rem + 1.2vw,2.1rem)}.section-head p{color:var(--ink);opacity:.82;margin-top:12px}.hero{background:var(--sky);padding:92px 0 0;position:relative;overflow:hidden}.hero:before{content:"";z-index:0;background:url(/assets/img/games/slime-ten-puzzle/hero-loop.webp) 0 0/1024px 100% repeat-x;animation:48s linear infinite hero-pan;position:absolute;inset:0}@keyframes hero-pan{to{background-position-x:-1024px}}.hero-inner{z-index:2;text-align:center;padding-bottom:28px;position:relative}.hero h1{margin-top:2px}.hero h1 img{filter:drop-shadow(0 6px 18px #1e3a5f4d);width:clamp(330px,30vw + 180px,620px);height:auto;margin:0 auto;display:block}.hero .catchcopy{max-width:560px;color:var(--paper);text-shadow:0 2px 6px #1e3a5f8c,0 4px 14px #1e3a5f66;margin:10px auto 0;font-size:clamp(1.1rem,1.045rem + .33vw,1.32rem);font-weight:700}.hero .catchcopy .catchcopy-line{display:block}.hero .catchcopy .catchcopy-line+.catchcopy-line{margin-top:4px}.equation{z-index:2;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:clamp(10px,2vw,22px);max-width:720px;margin:20px auto 0;display:flex;position:relative}.equation-slime{flex-direction:column;align-items:center;display:flex}.equation-sign{height:108px;font-family:var(--font-accent);color:var(--paper);text-shadow:0 2px 6px #1e3a5f8c,0 4px 12px #1e3a5f66;justify-content:center;align-items:center;font-size:clamp(1.8rem,1.4rem + 1.6vw,3rem);font-weight:700;display:flex}.slime-svg{overflow:visible}.slime-anim{transform-box:fill-box;transform-origin:50% 100%;animation:2.6s ease-in-out infinite slime-squish}@keyframes slime-squish{0%,to{transform:scaleX(1)scaleY(1)}50%{transform:scaleX(1.07)scaleY(.92)}}.equation-slime img{transform-origin:bottom;width:108px;height:auto;animation:2.6s ease-in-out infinite slime-squish;display:block}.hero-store-badges{z-index:2;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:22px;display:flex;position:relative}.store-badge-link{border-radius:10px;justify-content:center;align-items:center;width:147px;height:54px;transition:transform .18s;display:inline-flex}.store-badge-link:hover{transform:translateY(-2px)}.store-badge-link.is-app-store img{width:auto;height:54px;display:block}.store-badge-link.is-steam{background:#211f1f}.store-badge-link.is-steam img{width:auto;height:33px;display:block}.wave-divider-wrap{z-index:3;margin-top:-2px;line-height:0;position:relative}.wave-divider{width:100%;height:44px;display:block}section{position:relative}#how-to-play{z-index:4;margin-top:-2px}.section-pad{padding:60px 0 76px}.bg-mist{background:var(--mist)}.bg-paper{background:var(--paper)}.step-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.step-card{background:var(--paper);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);flex-direction:column;display:flex;overflow:hidden}.step-screenshot{line-height:0;position:relative}.step-screenshot img{width:100%;height:auto;display:block}.step-number{z-index:2;background:var(--ink);width:34px;height:34px;color:var(--paper);font-family:var(--font-accent);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:inline-flex;position:absolute;top:14px;left:14px;box-shadow:0 2px 8px #0000004d}.step-body{text-align:center;padding:22px 22px 26px}.step-card h3{margin-bottom:8px;font-size:1.05rem}.step-card p{color:var(--ink);opacity:.78;font-size:.92rem}.feature-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{background:var(--paper);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:28px 22px 32px}.feature-card h3{margin-bottom:8px;font-size:1rem}.feature-card p{color:var(--ink);opacity:.78;font-size:.88rem}.mode-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.mode-card{background:var(--paper);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);border-top:6px solid var(--slime-blue);flex-direction:column;display:flex;overflow:hidden}.mode-card.mode-normal{border-top-color:#9934ed}.mode-card.mode-timeattack{border-top-color:#0aa192}.mode-card.mode-tutorial{border-top-color:var(--slime-green)}.mode-screenshot{line-height:0}.mode-screenshot img{width:100%;height:auto;display:block}.mode-body{padding:22px 22px 28px}.mode-icon{height:50px;color:var(--sky-deep);justify-content:center;align-items:center;margin-bottom:14px;display:flex}.mode-icon img{width:150px;max-width:none;height:auto;display:block}.mode-card h3{margin-bottom:10px;font-size:1.05rem}.mode-card p{color:var(--ink);opacity:.8;margin-bottom:14px;font-size:.9rem}.sysreq-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.sysreq-card{background:var(--paper);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:22px 18px}.sysreq-os{font-family:var(--font-heading);color:var(--ink);margin-bottom:4px;font-size:1.05rem;font-weight:700}.sysreq-block{border-top:1px solid #1e3a5f1a;margin-top:18px;padding-top:16px}.sysreq-block:first-of-type{border-top:none;margin-top:14px;padding-top:0}.sysreq-block-min{min-height:422px}.sysreq-block-label{font-family:var(--font-accent);letter-spacing:.06em;color:var(--paper);background:#1372b0;border-radius:999px;padding:3px 12px;font-size:.72rem;font-weight:700;display:inline-block}.sysreq-list{margin:10px 0 0}.sysreq-list dt{color:#1372b0;letter-spacing:.02em;margin-top:8px;font-size:.72rem;font-weight:700}.sysreq-list dt:first-child{margin-top:0}.sysreq-list dd{color:var(--ink);opacity:.9;margin:2px 0 0;font-size:.86rem}.site-footer{background:var(--ink);color:#ffffffe0;text-align:center;padding:40px 0}.site-footer a{color:var(--paper);text-underline-offset:3px;font-weight:700;text-decoration:underline}.site-footer .copyright{opacity:.7;font-size:.78rem;font-family:var(--font-accent);margin-top:10px}@media (width<=900px){.feature-grid,.step-grid,.mode-grid,.sysreq-grid{grid-template-columns:1fr}.sysreq-block-min{min-height:0}}@media (width<=560px){.section-pad{padding:44px 0 56px}.equation{gap:8px}.equation-slime img{width:78px}.equation-sign{height:78px}.hero{padding-top:104px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.slime-anim,.equation-slime img,.hero:before{animation:none!important}}