:root{--paper:#f7efe6;--card:#fffaf4;--line:#eadfd3;--ink:#3f3a4c;--muted:#6e6878;--accent:#c9685a;--accent-soft:#f6dcd5;--display:"Cormorant Garamond","Hiragino Mincho ProN",Georgia,serif;--sans:system-ui,-apple-system,"Segoe UI",sans-serif}
body.a-tsumu{--accent:#c9685a;--accent-soft:#f6dcd5}
body.a-starfold{--accent:#5b4bd6;--accent-soft:#e3e0f7;--paper:#f2eff6;--line:#ddd7e8}
body.a-peekaboo{--accent:#3f9a5c;--accent-soft:#dff0e2;--paper:#f6f1e4}
body.a-pawpairs{--accent:#8167c7;--accent-soft:#e9e2f7;--paper:#f6f0f4}
body.a-pawmatch{--accent:#d6803a;--accent-soft:#f9e4cf;--paper:#f8f0e2}
body.a-kids{--accent:#d0764f;--accent-soft:#f9e1d4;--paper:#f8f1e5}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 var(--sans)}
a{color:var(--accent);text-underline-offset:4px}
.wrap{width:min(1000px,100% - 32px);margin:auto}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px 24px;flex-wrap:wrap;padding:22px 0}
.brand{font:600 26px/1 var(--display);color:var(--ink);text-decoration:none;letter-spacing:.01em}
.brand b{color:var(--accent);font-weight:600}
.top nav a{color:var(--ink);text-decoration:none;font-size:15px;margin-left:18px}
.top nav a:hover{color:var(--accent)}
.crumb{font-size:14px;color:var(--muted);margin:0 0 6px}
h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.12;margin:0}
h1{font-size:clamp(40px,8vw,72px);margin:10px 0 14px}
h2{font-size:clamp(28px,4vw,36px);margin:44px 0 12px}
h3{font-size:24px;margin:0 0 4px}
p{max-width:68ch;margin:10px 0}
.eyebrow{font:700 12px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
.hero{background:linear-gradient(135deg,var(--card),var(--accent-soft));border:1px solid var(--line);border-radius:28px;padding:clamp(28px,6vw,64px);margin:10px 0 30px}
.hero .lead{font-size:clamp(18px,2.4vw,21px);color:#554f63}
.app-icon{width:104px;height:104px;border-radius:24px;box-shadow:0 10px 30px #3f3a4c22;display:block;margin-bottom:18px}
.btn{display:inline-block;padding:12px 26px;border-radius:50px;background:var(--accent);color:#fff;font:700 15px var(--sans);text-decoration:none;margin:8px 10px 8px 0}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.btn.soon{background:#e4dbd0;color:#6e6878;cursor:default;pointer-events:none}
.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:26px;display:flex;flex-direction:column;gap:6px}
.card img.app-icon{width:84px;height:84px;border-radius:19px;margin-bottom:10px}
.card p{margin:4px 0}
.links{margin-top:auto;padding-top:14px;font-size:15px}
.links a{margin-right:16px}
.group{background:var(--card);border:1px solid var(--line);border-radius:28px;padding:clamp(22px,4vw,36px);margin-top:20px}
.mini{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-top:18px}
.mini a.m{display:flex;gap:14px;align-items:center;text-decoration:none;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:14px}
.mini img{width:64px;height:64px;border-radius:15px;flex:none}
.mini strong{display:block;font:600 21px/1.1 var(--display)}
.mini span{font-size:14px;color:var(--muted);line-height:1.4;display:block}
.shots{display:flex;gap:16px;overflow-x:auto;padding:6px 2px 14px;scroll-snap-type:x proximity}
.shots img{height:min(460px,70vw);width:auto;border-radius:18px;border:1px solid var(--line);scroll-snap-align:start;flex:none}
.shots.wide img{height:auto;width:min(560px,82vw)}
.textcard{border:1px dashed var(--line);border-radius:18px;padding:18px 22px;background:var(--card);color:var(--muted)}
ul.f{padding-left:20px;max-width:68ch}ul.f li{margin:8px 0}
.panel{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:clamp(22px,4vw,40px)}
.panel h2{font-size:28px;margin:30px 0 8px}.panel h2:first-child{margin-top:0}
.note{background:var(--accent-soft);border-radius:18px;padding:16px 22px;margin:18px 0}
.foot{border-top:1px solid var(--line);margin-top:56px;padding:24px 0 40px;font-size:14px;color:var(--muted)}
.foot a{color:var(--muted)}
@media(max-width:560px){body{font-size:16px}.top nav a{margin:0 14px 0 0}}

body.a-pawfour{--accent:#e2733c;--accent-soft:#fbe5d8;--paper:#fbf4ee}
body.a-pawbubbles{--accent:#3b8fd9;--accent-soft:#dcecfa;--paper:#f1f6fb}
body.a-pawpuzzle{--accent:#4aa37a;--accent-soft:#dcf1e6;--paper:#f2f8f4}
body.a-pawseek{--accent:#c9862e;--accent-soft:#f6e8d2;--paper:#faf5ec}