:root{--orange:#f08c1a;--yellow:#f5a623;--blue:#3b86d6;--cream:#fff6e4;--ink:#2b241c;--card:#fffdf8}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:Nunito,system-ui,sans-serif}h1,h2,h3,.brand span{font-family:Fredoka,Nunito,sans-serif}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}.app{min-height:100vh}.btn{border-radius:999px;justify-content:center;align-items:center;padding:.85rem 1.2rem;font-weight:800;display:inline-flex}.btn-primary{background:var(--orange);color:#fff;box-shadow:0 8px #c56e0d}.btn-primary:active{transform:translateY(2px);box-shadow:0 6px #c56e0d}.btn-ghost{border:2px solid var(--ink)}.nav{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff6e4eb;border-bottom:2px solid #0000000f;grid-template-columns:1fr auto 1fr;justify-content:space-between;align-items:center;gap:1rem;padding:.4rem 4vw;display:grid;position:sticky;top:0}.brand{justify-self:start;align-items:center;display:flex}.brand .catdog-logo{width:72px;height:auto}.nav nav{grid-area:2/1/auto/-1;justify-content:center;gap:clamp(.65rem,3vw,1rem);font-size:.9rem;font-weight:800;display:flex}.nav-title{justify-self:end;font-family:Fredoka,Nunito,sans-serif;font-size:1.3rem;font-weight:700}.nav-actions{align-items:center;gap:.7rem;display:flex}.social-x{color:#fff;background:var(--ink);border:2px solid var(--ink);border-radius:50%;place-items:center;width:2.45rem;height:2.45rem;transition:transform .18s,background .18s,box-shadow .18s;display:inline-grid;box-shadow:0 4px #2b241c38}.social-x svg{fill:currentColor;width:1rem;height:1rem}.social-x:hover{background:var(--blue);border-color:var(--blue);transform:translateY(-2px)rotate(-6deg);box-shadow:0 6px #2b241c2e}.social-x:active{transform:translateY(2px);box-shadow:0 2px #2b241c38}.raven-cta{color:#fff;background:var(--ink);border:2px solid var(--ink);border-radius:50%;place-items:center;width:2.45rem;height:2.45rem;transition:transform .18s,background .18s,box-shadow .18s;display:none;box-shadow:0 4px #2b241c38}.raven-cta svg{fill:currentColor;width:1rem;height:1rem}.raven-cta:hover{background:var(--blue);border-color:var(--blue);transform:translateY(-2px)rotate(-6deg);box-shadow:0 6px #2b241c2e}.raven-cta:active{transform:translateY(2px);box-shadow:0 2px #2b241c38}@media (width>=720px){.nav nav{grid-area:1/2;font-size:1rem}}@media (width>=800px){.raven-cta{display:inline-grid}}.hero{grid-template-columns:1fr;align-items:center;gap:1.5rem;min-height:calc(100vh - 76px);padding:2rem 6vw 3rem;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--blue);font-size:.8rem;font-weight:800}.hero h1{margin:.4rem 0 1rem;font-size:clamp(2.2rem,6vw,4.6rem);line-height:1.05}.hero h1 span{color:var(--orange)}.lead{max-width:36rem;font-size:1.15rem}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:1.4rem;display:flex}.hero-graffiti{width:min(100%,31rem);min-height:15rem;color:var(--ink);isolation:isolate;justify-self:center;position:relative;transform:rotate(-4deg)}.hero-graffiti:before,.hero-graffiti:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.hero-graffiti:before{background:radial-gradient(circle at 8% 78%, var(--orange) 0 3px, transparent 4px), radial-gradient(circle at 17% 88%, var(--blue) 0 2px, transparent 3px), radial-gradient(circle at 73% 13%, var(--orange) 0 4px, transparent 5px), radial-gradient(circle at 90% 26%, var(--blue) 0 2px, transparent 3px), radial-gradient(circle at 83% 78%, var(--orange) 0 3px, transparent 4px);opacity:.9;z-index:-1;inset:10% 8% 12%}.hero-graffiti:after{background:var(--blue);clip-path:polygon(18% 0,84% 9%,76% 64%,57% 100%,45% 67%,22% 100%,28% 60%);width:1.5rem;height:2.4rem;bottom:8%;right:12%;transform:rotate(14deg)}.graffiti-word{letter-spacing:-.11em;text-shadow:3px 4px 0 var(--cream), 6px 7px 0 var(--ink);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;justify-content:center;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(3.4rem,11vw,6.8rem);font-style:italic;font-weight:900;line-height:.9;display:flex;position:absolute;inset:16% 3% auto}.graffiti-word i{font-style:normal;display:inline-block}.graffiti-word i:first-child{color:var(--orange);transform:rotate(-11deg)translateY(6px)}.graffiti-word i:nth-child(2){color:var(--blue);transform:rotate(5deg)translateY(-3px)}.graffiti-word i:nth-child(3){color:#f5a623;transform:rotate(-4deg)translateY(4px)}.graffiti-word i:nth-child(4){color:var(--blue);transform:rotate(8deg)translateY(-7px)}.graffiti-word i:nth-child(5){color:var(--orange);transform:rotate(-6deg)translateY(1px)}.graffiti-word i:nth-child(6){color:var(--blue);transform:rotate(10deg)translateY(-4px)}.graffiti-stroke{z-index:-1;border-radius:999px;height:.6rem;position:absolute}.graffiti-stroke-one{background:var(--orange);width:78%;top:67%;left:9%;transform:rotate(-9deg)}.graffiti-stroke-two{background:var(--blue);width:58%;top:75%;left:23%;transform:rotate(8deg)}.graffiti-tag{color:var(--ink);letter-spacing:-.08em;font-family:cursive;font-size:1rem;font-weight:900;position:absolute;bottom:2%;right:17%;transform:rotate(-12deg)}.catdog-logo{max-width:100%;height:auto;display:block}.catdog-logo.is-animated{animation:2.8s ease-in-out infinite sway}@keyframes sway{50%{transform:rotate(-2deg)translateY(-4px)}}.section{padding:4.5rem 6vw}.section-head{max-width:40rem;margin-bottom:1.8rem}.section-head h2{margin:.3rem 0 .6rem;font-size:clamp(1.8rem,4vw,3rem)}.cards,.gallery{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.card,.shot{background:var(--card);border:2px solid #00000014;border-radius:1.3rem;padding:1.2rem;box-shadow:0 10px #0000000f}.tag{color:#fff;border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:800;display:inline-block}.card h3,.shot h3{margin:.7rem 0 .35rem}.shot-art{object-fit:cover;border-radius:1rem;width:100%;height:180px;display:block}.game-wrap{max-width:720px}.coming-soon-card{text-align:center;border:3px solid var(--ink);background:linear-gradient(135deg,#fff0c8,#e1f2ff);border-radius:1.6rem;place-items:center;min-height:320px;padding:2rem;display:grid;position:relative;overflow:hidden;box-shadow:0 10px #2b241c21}.coming-soon-card:before,.coming-soon-card:after{content:"✦";color:var(--orange);font-size:2rem;animation:1.8s ease-in-out infinite alternate sparkle;position:absolute}.coming-soon-card:before{top:15%;left:12%}.coming-soon-card:after{color:var(--blue);animation-delay:.7s;bottom:16%;right:13%}.coming-soon-label{color:var(--blue);letter-spacing:.18em;font-size:.75rem;font-weight:900}.coming-soon-text{color:var(--orange);letter-spacing:.04em;text-shadow:0 4px #c56e0d;gap:.06em;margin:.25rem 0;font-family:Fredoka,Nunito,sans-serif;font-size:clamp(2rem,8vw,4.6rem);font-weight:900;display:flex}.coming-soon-text span,.coming-soon-text i{font-style:normal;animation:.8s ease-in-out infinite alternate coming-bounce;display:inline-block}.coming-soon-text span:nth-child(2){animation-delay:80ms}.coming-soon-text span:nth-child(3){animation-delay:.16s}.coming-soon-text span:nth-child(4){animation-delay:.24s}.coming-soon-text span:nth-child(5){animation-delay:.32s}.coming-soon-text span:nth-child(6){animation-delay:.4s}.coming-soon-text span:nth-child(7){animation-delay:.48s}.coming-soon-text span:nth-child(8){animation-delay:.56s}.coming-soon-text span:nth-child(9){animation-delay:.64s}.coming-soon-text span:nth-child(10){animation-delay:.72s}.coming-soon-note{font-weight:800}@keyframes coming-bounce{to{transform:translateY(-11px)rotate(-3deg)}}@keyframes sparkle{to{opacity:.45;transform:scale(1.35)rotate(22deg)}}.arcade-shell{padding:0}.hud{grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:.8rem;display:grid}.hud div{text-align:center;background:#fdfcf4;border:2px solid #00000014;border-radius:1rem;padding:.7rem}.hud span{letter-spacing:.08em;font-size:.7rem;font-weight:800;display:block}.hud strong{font-size:1.4rem}.arena{border:3px solid var(--ink);background:radial-gradient(circle at 20% 16%,#ffffffb8 0 4px,#0000 5px),linear-gradient(145deg,#7ac8f5,#9d7ce8 58%,#5b469e);border-radius:1.4rem;height:min(60vh,440px);position:relative;overflow:hidden}.arcade-arena:before{content:"";background:#4f9a6f;border-radius:50% 50% 0 0/100% 100% 0 0;height:132px;position:absolute;inset:auto -12% -48px}.arcade-arena:after{content:"";opacity:.28;pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#ffffff21 1px,#0000 1px),linear-gradient(#ffffff1a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.drop{z-index:3;filter:drop-shadow(0 4px #2732462e);font-size:2rem;animation:.6s ease-in-out infinite alternate bob;position:absolute;transform:translate(-50%)}.drop-star{filter:drop-shadow(0 4px #c98b003d)}.player{z-index:4;will-change:left;position:absolute;bottom:24px;transform:translate(-50%)}.player img{filter:drop-shadow(0 6px #26472a38);width:142px;max-width:none;display:block}.player-shadow{z-index:-1;background:#24532c47;border-radius:50%;width:102px;height:15px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.lives{z-index:5;color:#f34d56;letter-spacing:.1rem;text-shadow:0 2px #fff;font-size:1.35rem;position:absolute;bottom:14px;left:16px}.combo{z-index:5;color:#fff;background:#5741c8;border:2px solid #fff;border-radius:999px;padding:.35rem .6rem;font-weight:900;position:absolute;bottom:15px;right:16px;transform:rotate(3deg)}.toast{z-index:6;background:#fff;border:2px solid #222;border-radius:999px;padding:.35rem .8rem;font-weight:800;position:absolute;top:14px;left:50%;transform:translate(-50%)}.overlay{text-align:center;color:#fff;z-index:8;background:#14100a73;place-content:center;gap:.6rem;display:grid;position:absolute;inset:0}.game-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#181f38ad}.overlay-kicker{color:#ffe66d;letter-spacing:.14em;font-size:.75rem;font-weight:900}.controls{grid-template-columns:1fr 1fr;gap:.7rem;margin-top:.8rem;display:grid}.control{color:var(--ink);border:3px solid #fff;box-shadow:0 4px #00000038}.control.cat{background:#f8d39a}.control.dog{background:#b9d6f7}.control:active{transform:translateY(3px);box-shadow:0 1px #00000038}@keyframes bob{to{transform:translate(-50%)translateY(4px)rotate(4deg)}}.footer{text-align:center;border-top:2px solid #0000000f;padding:2.5rem 6vw 3rem}.footer-heading{justify-content:center;align-items:center;gap:.65rem;margin-top:.4rem;display:flex}.footer p{font-weight:700}.footer-socials{justify-content:center;gap:.65rem;margin-top:.7rem;display:flex}.footer-x{width:2rem;height:2rem;box-shadow:0 3px #2b241c38}.footer-raven{width:2rem;height:2rem;display:inline-grid;box-shadow:0 3px #2b241c38}.footer-x svg{width:.8rem;height:.8rem}.footer small{margin-top:.35rem;display:block}@media (width>=900px){.hero{grid-template-columns:1.05fr .95fr}}