/* IS IT A DOG? — its Explore page and its homepage showcase. The game's own look: a pastel party table,
   glossy balloons, ink outlines, Fredoka (SIL Open Font License, self-hosted). */
@font-face{font-family:"IIAD Fredoka";src:url("/assets/is-it-a-dog/fredoka-700.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"IIAD Fredoka";src:url("/assets/is-it-a-dog/fredoka-600.woff2") format("woff2");font-weight:600;font-display:swap}
:root{--d-ink:#3a2a4d;--d-soft:#6d5f80;--d-wall:#fff0f7;--d-cream:#fff8ec;--d-mint:#d3f6ec;--d-mint-deep:#43d69b;--d-pink:#ff6fae;--d-pink-deep:#d6448a;--d-sky:#4fb4ff;--d-lemon:#ffd23f;--d-grape:#a47aff;--d-orange:#ff9535}

/* ---------- Explore page ---------- */
.dog-page{margin:0;background:var(--d-wall);color:var(--d-ink);font:500 1rem/1.55 "IIAD Fredoka","Arial Rounded MT Bold",system-ui,sans-serif;color-scheme:light}
.dog-page :where(h1,h2,h3,p,figure){margin:0}.dog-page a:focus-visible{outline:3px solid var(--d-grape);outline-offset:5px}
.dog-bunting{height:18px;background:repeating-linear-gradient(90deg,var(--d-pink) 0 36px,var(--d-sky) 36px 72px,var(--d-lemon) 72px 108px,var(--d-mint-deep) 108px 144px,var(--d-orange) 144px 180px,var(--d-grape) 180px 216px);clip-path:polygon(0 0,100% 0,100% 40%,0 40%);opacity:.85}
.dog-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 5%;min-height:76px;background:var(--d-wall)}
.dog-studio{font-weight:700;letter-spacing:.09em;font-size:15px;color:var(--d-ink)}.dog-studio span{color:var(--d-pink-deep)}
.dog-nav nav{display:flex;align-items:center;gap:22px;font-weight:700;font-size:15px}.dog-nav nav>a:first-child{color:var(--d-ink);text-decoration:underline;text-underline-offset:5px}
.dog-button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:56px;padding:12px 22px;background:var(--d-pink);color:#fff;border:3px solid var(--d-ink);border-radius:18px;font-weight:700;font-size:18px;text-shadow:0 2px 0 rgba(58,42,77,.35);box-shadow:0 5px 0 var(--d-ink);transition:transform .12s,box-shadow .12s}
.dog-button:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--d-ink)}.dog-button:active{transform:translateY(3px);box-shadow:0 2px 0 var(--d-ink)}.dog-button span{font-size:22px;line-height:1}
.dog-button-small{min-height:46px;padding:7px 14px;gap:10px;border-radius:14px;font-size:14px;box-shadow:0 4px 0 var(--d-ink)}
.dog-text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--d-ink);font-weight:700;text-decoration:underline;text-underline-offset:5px}
.dog-kicker{font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--d-pink-deep)}
.dog-hero{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:5%;align-items:center;width:min(1320px,90%);margin:auto;padding:52px 0 70px}
.dog-hero-copy h1{font-size:clamp(60px,7.4vw,118px);line-height:.86;letter-spacing:-.03em;color:var(--d-ink);margin:18px 0 22px;font-weight:700}
.dog-hero-copy h1 span{color:var(--d-pink);-webkit-text-stroke:3px var(--d-ink);paint-order:stroke fill}
.dog-tagline{font-size:clamp(23px,2.6vw,34px);line-height:1.15;font-weight:700;color:var(--d-soft)}.dog-tagline em{font-style:normal;color:var(--d-ink)}
.dog-lead{margin-top:22px!important;max-width:44ch;color:#5d5070;font-size:18px;line-height:1.65}
.dog-actions{display:flex;align-items:center;gap:14px 24px;flex-wrap:wrap;margin-top:28px}.dog-fine{font-size:13px;color:var(--d-soft);margin-top:18px!important}
.dog-hero-art{min-width:0;transform:rotate(.8deg)}.dog-hero-art>a{display:block;position:relative;border:4px solid var(--d-ink);border-radius:28px;overflow:hidden;box-shadow:0 10px 0 var(--d-ink)}.dog-hero-art img{display:block;width:100%;height:auto}
.dog-hero-art .enlarge-mark{border-radius:14px;background:#fff;color:var(--d-ink)}
.dog-hero-art figcaption{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--d-soft);margin:22px 9px 0;transform:rotate(-.8deg)}
.dog-facts{display:flex;justify-content:center;gap:5%;flex-wrap:wrap;padding:24px 4%;background:var(--d-mint);border-block:3px solid var(--d-ink)}.dog-facts span{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600}.dog-facts b{font-size:31px;color:var(--d-ink);font-weight:700}
.dog-how{width:min(1140px,90%);margin:auto;padding:82px 0 92px}
.dog-page h2{font-size:clamp(38px,4.8vw,64px);line-height:1.02;letter-spacing:-.02em;color:var(--d-ink);margin-top:12px;font-weight:700}.dog-page h2 span{color:var(--d-pink-deep)}
.dog-section-intro{max-width:66ch;margin-top:22px!important;color:#5d5070;font-size:18px;line-height:1.65}
.dog-steps{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.dog-steps li{padding:28px;min-height:230px;background:#fff;border:3px solid var(--d-ink);border-radius:22px;box-shadow:0 6px 0 var(--d-ink)}
.dog-steps li:nth-child(2){transform:translateY(12px);background:var(--d-cream)}
.dog-step-number{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--d-soft)}
.dog-step-mark{display:block;width:44px;height:14px;margin:18px 0 16px;border:3px solid var(--d-ink);border-radius:99px;background:var(--d-sky)}
.dog-steps li:nth-child(2) .dog-step-mark{background:var(--d-lemon);width:30px}.dog-steps li:nth-child(3) .dog-step-mark{background:var(--d-pink);width:58px}
.dog-steps h3{font-size:27px;line-height:1.1}.dog-steps p{color:#5d5070;margin-top:11px!important;font-size:16px}
.dog-note{font-size:14px;color:var(--d-soft);margin-top:44px!important}
.dog-gameplay{background:var(--d-cream);border-block:3px solid var(--d-ink)}
.dog-gameplay-inner{display:grid;grid-template-columns:minmax(0,370px) minmax(0,1fr);gap:10%;align-items:center;width:min(1000px,90%);margin:auto;padding:72px 0 80px}
.dog-phone{width:100%;max-width:370px;justify-self:center;transform:rotate(-1deg)}
.dog-phone video{display:block;width:100%;height:auto;aspect-ratio:390/720;object-fit:cover;background:var(--d-wall);border:4px solid var(--d-ink);border-radius:30px;box-shadow:0 10px 0 var(--d-ink)}
.dog-phone figcaption{font-size:12px;font-weight:600;color:var(--d-soft);margin:22px 8px 0;transform:rotate(1deg)}
.dog-copy>p:not(.dog-kicker){max-width:46ch;font-size:18px;line-height:1.7;color:#5d5070;margin:22px 0 16px!important}
.dog-friends{width:min(1200px,90%);margin:auto;padding:84px 0 88px}
.dog-friends-art{margin-top:38px}.dog-friends-art>a{display:block;position:relative;border:4px solid var(--d-ink);border-radius:26px;overflow:hidden;box-shadow:0 10px 0 var(--d-ink)}.dog-friends-art img{display:block;width:100%;height:auto}
.dog-friends-art .enlarge-mark{border-radius:14px;background:#fff;color:var(--d-ink)}
.dog-friends-art figcaption{font-size:12px;color:var(--d-soft);margin:20px 6px 0}
.dog-finale{text-align:center;background:var(--d-grape);color:#fff;padding:74px 5% 84px;border-top:3px solid var(--d-ink)}
.dog-finale .dog-kicker{color:#fff3c4}.dog-finale h2{color:#fff}.dog-finale p:not(.dog-kicker){font-size:18px;color:#f1eaff;margin:16px 0 28px}
.dog-footer{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;width:min(1320px,90%);margin:auto;padding:30px 0;font-size:13px;color:var(--d-soft)}
@media(max-width:900px){.dog-hero{grid-template-columns:1fr;max-width:680px;padding-block:40px 60px;gap:34px}.dog-hero-art{margin:0 6px}.dog-steps{grid-template-columns:1fr}.dog-steps li{min-height:0}.dog-steps li:nth-child(2){transform:none}.dog-gameplay-inner{gap:7%}}
@media(max-width:650px){.dog-nav{gap:12px}.dog-nav nav{gap:12px}.dog-nav nav>a:first-child{display:none}.dog-studio{font-size:12px}.dog-hero-copy h1{font-size:clamp(58px,17vw,84px)}.dog-tagline{font-size:24px}.dog-lead{font-size:16px}.dog-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.dog-facts span{font-size:12px}.dog-how{padding-block:58px 64px}.dog-section-intro{font-size:16px}.dog-steps li{padding:22px}.dog-gameplay-inner{grid-template-columns:1fr;gap:38px;padding-block:58px}.dog-phone{width:min(100%,330px)}.dog-copy h2{font-size:40px}.dog-copy>p:not(.dog-kicker){font-size:16px}.dog-friends{padding-block:58px 64px}.dog-finale{padding-block:56px 64px}.dog-footer p{width:100%;order:3}}
@media(prefers-reduced-motion:reduce){.dog-button{transition:none}.dog-button:hover,.dog-button:active{transform:none}}

/* ---------- Homepage showcase ---------- */
.dog-showcase{position:relative;background:var(--d-wall);color:var(--d-ink);border-bottom:1px solid #f0cfe0}
.dog-showcase::before{content:"";position:absolute;left:0;right:0;top:0;height:9px;background:repeating-linear-gradient(90deg,var(--d-pink) 0 40px,var(--d-sky) 40px 80px,var(--d-lemon) 80px 120px,var(--d-mint-deep) 120px 160px,var(--d-orange) 160px 200px,var(--d-grape) 200px 240px)}
.dog-showcase .game-category{color:var(--d-pink-deep)}
.dog-showcase h2{font-family:"IIAD Fredoka","Arial Rounded MT Bold",system-ui,sans-serif;font-weight:700;letter-spacing:-.02em;color:var(--d-ink)}
.dog-showcase h2 span{color:var(--d-pink);-webkit-text-stroke:2px var(--d-ink);paint-order:stroke fill}
.dog-showcase .game-status{color:var(--d-ink);border-color:var(--d-ink);background:var(--d-mint);border-radius:99px;font-weight:700}
.dog-showcase .game-summary{color:#5d5070}
.dog-showcase .dog-button{font-size:16px;min-height:54px}
.dog-showcase .more-link{color:var(--d-ink)}
.dog-showcase .dog-art>a{border:4px solid var(--d-ink);border-radius:24px;overflow:hidden;box-shadow:0 8px 0 var(--d-ink)}
.dog-showcase .dog-art figcaption{color:var(--d-soft)}
.dog-showcase .enlarge-mark{background:#fff;color:var(--d-ink);border-radius:12px}
.dog-showcase a:focus-visible{outline:3px solid var(--d-grape);outline-offset:5px}