:root{--navy:#163675;--blue:#234bb0;--cream:#fff8eb;--ink:#23334f;--line:#e9e0d2;--gold:#efb952}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;background:#fcf8f1}a{color:inherit}a:focus-visible{outline:3px solid #e99c2f;outline-offset:4px}.wrap{width:min(1160px,calc(100% - 42px));margin-inline:auto}
.site-top{background:white;border-bottom:1px solid #ebe8e2}.top-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.brand{display:flex;gap:11px;align-items:center;text-decoration:none}.brand-emblem{display:grid;place-items:center;width:43px;height:43px;color:#fff;background:var(--navy);border-radius:13px;font-size:26px;transform:rotate(-8deg)}.brand-words{display:flex;flex-direction:column;line-height:1}.brand-words strong{font-family:"Outfit",sans-serif;font-size:22px;letter-spacing:-.04em;color:var(--navy)}.brand-words small{font-size:9px;letter-spacing:.28em;margin-top:6px;font-weight:800;color:#5c6c85}.top-shop{color:var(--blue);font-weight:800;font-size:13px;text-decoration:none;border-bottom:2px solid #c6d3ef;padding:7px 0}
.arcade-hero{background:radial-gradient(ellipse 55% 100% at 90% 15%,#fff0c8,transparent 80%),linear-gradient(115deg,#e9f0ff 0%,#fff8ee 67%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:490px;gap:48px}.hero-copy{padding:62px 0}.kicker,.section-kicker{font-weight:800;font-size:11px;letter-spacing:.18em;color:var(--blue)}.kicker span{color:#e39b35;font-size:19px;vertical-align:middle;margin-right:7px}.hero-copy h1{font-family:"Outfit",sans-serif;font-weight:800;letter-spacing:-.07em;color:var(--navy);font-size:clamp(64px,7vw,104px);line-height:.94;margin:18px 0 21px}.hero-copy h1 em{font-style:normal;color:var(--blue)}.hero-copy p{max-width:430px;font-size:17px;color:#61718a;line-height:1.68;margin:0 0 28px}.hero-button{display:inline-flex;align-items:center;gap:30px;text-decoration:none;border-radius:14px;background:var(--blue);color:white;font-weight:800;padding:17px 23px;box-shadow:0 6px 0 #153477;transition:transform .18s}.hero-button:hover{transform:translateY(-2px)}.hero-proof{font-size:11px;color:#7a8296;font-weight:700;margin-top:30px}.proof-stars{color:#e5ad53;letter-spacing:2px;margin-right:6px}
.hero-art{position:relative;min-height:440px}.hero-ring{position:absolute;border:2px dashed #b6c6eb80;border-radius:50%;inset:44px 45px}.ring-two{inset:94px 95px;border-style:solid}.floating-cookie{position:absolute;border-radius:48% 51% 46% 54%;box-shadow:inset 0 0 0 10px #a2693038,0 20px 35px #7c522e30;transform:rotate(-16deg)}.floating-cookie.chocolate{width:218px;height:215px;top:75px;left:7%;background:#d5a366}.chip{position:absolute;width:27px;height:26px;border-radius:30% 45% 40% 35%;background:#593724;transform:rotate(22deg)}.c1{top:30px;left:58px}.c2{top:75px;left:143px}.c3{top:125px;left:40px}.c4{top:145px;left:137px}.c5{top:91px;left:95px}.c6{top:27px;left:139px}.floating-cookie.sprinkle{width:160px;height:156px;right:6%;bottom:65px;background:#f0d8a0;transform:rotate(19deg)}.spr{position:absolute;width:23px;height:7px;border-radius:10px;background:#e87b83;transform:rotate(30deg)}.s1{top:33px;left:53px}.s2{top:66px;left:30px;background:#7095df;transform:rotate(125deg)}.s3{top:90px;left:87px;background:#ad84c4}.s4{top:51px;left:106px;background:#82af84}.s5{top:122px;left:50px;background:#e8b252}.s6{top:104px;left:116px;background:#e87b83;transform:rotate(-54deg)}.wild-brookie{position:absolute;top:69px;right:17%;display:grid;place-items:center;width:105px;height:105px;border:7px solid #ffeab2;border-radius:19px;background:linear-gradient(135deg,#dba96c 50%,#693d2d 51%);color:#fff5bd;font-size:66px;transform:rotate(45deg);box-shadow:0 0 0 7px #f6d88444,0 15px 25px #77503c24}.wild-brookie::first-letter{transform:rotate(-45deg)}.art-spark{position:absolute;color:#efac4b;font-size:50px}.spark-one{top:42px;left:19%}.spark-two{bottom:73px;left:31%;font-size:31px}.art-caption{position:absolute;bottom:24px;right:6%;font-family:"Outfit",sans-serif;font-weight:900;color:#2448a5;letter-spacing:.1em;transform:rotate(-7deg);font-size:22px}
.games-section{padding-top:71px;padding-bottom:75px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:27px}.section-heading h2{font-family:"Outfit",sans-serif;font-size:clamp(34px,4.5vw,51px);letter-spacing:-.055em;color:var(--navy);margin:8px 0 0}.dot{color:#e7a64a}.games-count{color:#7a8597;font-size:12px;font-weight:700;padding-bottom:10px}
.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.arcade-card{display:grid;grid-template-columns:205px minmax(0,1fr);overflow:hidden;min-height:239px;text-decoration:none;background:white;border-radius:22px;border:1px solid #eae8e2;box-shadow:0 8px 29px #243a6510;transition:transform .18s,box-shadow .18s}.arcade-card:hover{transform:translateY(-5px);box-shadow:0 14px 32px #243a651b}.card-art{position:relative;display:grid;place-items:center;overflow:hidden}.card-art-match{background:linear-gradient(155deg,#234baf,#122d6d);grid-template-columns:repeat(3,48px);align-content:center;gap:6px}.tile-icon{display:grid;place-items:center;background:#ffffff26;border-radius:9px;width:48px;height:48px;font-size:33px}.art-boom{position:absolute;font-size:49px;color:#ffe4a0;right:8px;top:32px}.card-art-memory{background:#fae5b8;grid-template-columns:repeat(3,49px);gap:8px}.flip-art{display:grid;place-items:center;background:#25489f;color:white;border-radius:12px;height:67px;font-family:"Outfit";font-size:33px;font-weight:800;box-shadow:0 5px 0 #153478}.flip-art.cookie-back{background:#fff;color:#553d2d;transform:rotate(-12deg)}.card-art-quiz{background:#f0dff5}.quiz-bubble{position:absolute;background:#fff;border:5px solid #a46db0;padding:21px 19px;border-radius:50%;color:#783f83;font-family:"Outfit";font-size:23px;font-weight:900;transform:rotate(-16deg)}.bubble-one{left:23px;top:39px}.bubble-two{right:22px;bottom:37px;font-size:45px;transform:rotate(12deg);padding:10px}.quiz-twinkle{position:absolute;right:39px;top:18px;font-size:47px;color:#be86c8}.card-art-catch{background:#d9efe0}.fall-one,.fall-two{position:absolute;font-size:48px}.fall-one{top:20px;left:35px;transform:rotate(-30deg)}.fall-two{top:82px;right:29px;transform:rotate(16deg)}.catch-basket{position:absolute;bottom:33px;left:55px;width:90px;height:38px;border:7px solid #174d49;background:#43846b;border-radius:7px 7px 22px 22px;font-size:0}.catch-speed{position:absolute;color:#2c8a69;font-size:39px;top:8px;right:18px}
.card-body{display:flex;flex-direction:column;align-items:start;padding:24px 18px 20px}.card-label{color:#687899;font-size:9px;letter-spacing:.15em;font-weight:800}.card-body strong{font-family:"Outfit",sans-serif;color:var(--navy);font-size:24px;letter-spacing:-.045em;line-height:1.12;margin:9px 0}.card-desc{color:#6e7b90;font-size:12px;line-height:1.58;margin-bottom:auto}.card-action{display:inline-flex;gap:12px;align-items:center;color:var(--blue);font-size:12px;font-weight:800;padding-top:15px}.card-action span{font-size:20px}
.real-treat{border-radius:27px;background:var(--navy);color:#fff;display:flex;gap:25px;align-items:center;padding:27px 35px;margin-bottom:58px}.treat-mark{font-size:67px;line-height:1}.treat-copy{flex:1}.treat-copy span{font-size:10px;letter-spacing:.19em;color:#f2c675;font-weight:800}.treat-copy h2{font-family:"Outfit";font-size:29px;letter-spacing:-.04em;margin:4px 0}.treat-copy p{font-size:13px;color:#d1defb;margin:0}.real-treat a{background:#f6d99c;color:#17366e;border-radius:12px;padding:14px 19px;text-decoration:none;font-weight:800;font-size:12px;white-space:nowrap}.arcade-footer{border-top:1px solid #e3ded6;padding:24px 0 30px;color:#8a92a1;font-size:11px;display:flex;justify-content:space-between;gap:10px}
@media(max-width:940px){.hero-grid{gap:15px;min-height:430px}.hero-art{transform:scale(.83);transform-origin:center}.arcade-card{grid-template-columns:150px minmax(0,1fr)}.card-art-match{grid-template-columns:repeat(3,39px);gap:4px}.tile-icon{width:39px;height:39px;font-size:29px}.card-art-memory{grid-template-columns:repeat(3,38px);gap:4px}.flip-art{height:51px;font-size:26px}.card-body{padding:20px 15px}.card-body strong{font-size:21px}}
@media(max-width:720px){.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center;padding:55px 0 17px}.hero-copy p{margin-inline:auto}.hero-art{min-height:235px;width:400px;max-width:100%;margin:auto;transform:scale(.65);transform-origin:top center}.hero-ring{inset:0 45px}.floating-cookie.chocolate{top:10px}.floating-cookie.sprinkle{bottom:-20px}.wild-brookie{top:0}.art-caption{bottom:-24px}.games-section{padding-top:37px}.game-grid{grid-template-columns:1fr}.arcade-card{grid-template-columns:175px 1fr;min-height:210px}.real-treat{flex-wrap:wrap;gap:12px}.real-treat a{width:100%;text-align:center}.arcade-footer{flex-direction:column;text-align:center}}
@media(max-width:420px){.wrap{width:calc(100% - 26px)}.brand-words strong{font-size:17px}.brand-emblem{width:35px;height:35px}.top-shop{font-size:11px}.hero-copy h1{font-size:60px}.hero-copy p{font-size:14px}.games-count{display:none}.arcade-card{grid-template-columns:122px 1fr;min-height:194px}.card-body{padding:16px 11px}.card-body strong{font-size:19px}.card-desc{font-size:10.5px}.card-action{font-size:10.5px}.card-art-match{grid-template-columns:repeat(3,30px);gap:3px}.tile-icon{width:30px;height:30px;font-size:22px}.card-art-memory{grid-template-columns:repeat(3,30px);gap:2px}.flip-art{height:44px;font-size:22px}.quiz-bubble{font-size:15px;padding:12px 10px;left:6px}.bubble-two{right:5px;font-size:29px;left:auto}.catch-basket{left:18px}.real-treat{padding:24px}.treat-mark{font-size:49px}.treat-copy h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}
/* Align the arcade with Daddy's Dough's 2026 website redesign. */
:root{--navy:#252cf1;--blue:#2d33f9;--cream:#fff;--ink:#2e2a35;--line:#eceaf6;--gold:#d99c47}
body{font-family:Inter,system-ui,sans-serif;background:#fbfbff}
.brand-official{width:79px;height:72px;object-fit:contain;display:block}
.brand-words strong{font-family:Nunito,system-ui,sans-serif;font-size:22px;letter-spacing:-.045em}
.brand-words small{font-family:Inter,system-ui,sans-serif}
.hero-copy h1,.section-heading h2,.card-body strong,.treat-copy h2{font-family:Nunito,system-ui,sans-serif;font-weight:900}
.arcade-hero{background:radial-gradient(circle at 77% 18%,#7280ff 0%,transparent 50%),linear-gradient(115deg,#2930e9,#3b3af7 58%,#6266fd);color:white}
.hero-copy h1,.hero-copy h1 em,.hero-copy p,.kicker,.hero-proof{color:#fff}
.hero-copy p{opacity:.93}
.hero-button{background:#db9b47;box-shadow:0 6px 0 #a56d2c;color:#fff}
.hero-button:hover{background:#c88b38}
.proof-stars,.kicker span{color:#f7c76d}
.hero-ring{border-color:#ffffff45}
.ring-two{border-color:#ffffff2b}
.section-heading h2,.card-body strong,.brand-words strong{color:var(--navy)}
.card-art-match{background:linear-gradient(155deg,#474cfb,#262de3)}
.real-treat{background:var(--navy)}
.arcade-footer{color:#7f8191}
@media(max-width:420px){.brand-official{width:59px;height:54px}.brand-words strong{font-size:16px}.brand-words small{font-size:7px}}

/* Arcade art collection: real-looking, distinct cookie sprites instead of emoji. */
.hero-product{position:absolute;display:block;object-fit:contain;user-select:none;pointer-events:none;filter:drop-shadow(0 22px 18px #12136a5a);animation:cookieFloat 4.7s ease-in-out infinite alternate}
.hero-chip{width:286px;height:286px;left:1%;top:65px;transform:rotate(-11deg)}
.hero-strawberry{width:181px;height:181px;right:1%;bottom:49px;transform:rotate(16deg);animation-delay:-1.8s}
.hero-brookie-diamond{position:absolute;top:68px;right:15%;width:135px;height:135px;display:grid;place-items:center;transform:rotate(45deg);border:8px solid #ffe5a4;border-radius:23px;background:linear-gradient(140deg,#fff6d3,#dca04e);box-shadow:0 0 0 7px #ffffff4a,0 20px 30px #1b19794d;overflow:hidden;animation:diamondTwinkle 2.8s ease-in-out infinite alternate}
.hero-brookie-diamond img{width:128px;height:128px;max-width:none;object-fit:contain;transform:rotate(-45deg) scale(1.06);filter:drop-shadow(0 3px 2px #53260a60)}
.hero-brookie-diamond span{position:absolute;top:5px;right:12px;color:#fffbe6;font-size:31px;text-shadow:0 0 9px #fff}
.tile-icon img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 3px 2px #080b6459)}
.flip-art.cookie-back{transform:rotate(-12deg);padding:2px}
.flip-art.cookie-back img{display:block;width:100%;height:100%;object-fit:contain}
.quiz-card-cookie{display:block;width:161px;height:161px;object-fit:contain;transform:rotate(12deg);filter:drop-shadow(0 11px 9px #6f386b3d)}
.quiz-bubble.bubble-one{left:8px;top:21px;z-index:1;background:#fff4ed;border-color:#e6a34b;box-shadow:0 3px 8px #7e496d22}
.fall-one,.fall-two{width:71px;height:71px;object-fit:contain;filter:drop-shadow(0 5px 4px #164e3740)}
.fall-one{left:23px;top:15px}.fall-two{right:15px;top:87px}
.catch-basket{border:5px solid #b2702a;background:repeating-linear-gradient(90deg,#d99d50 0 8px,#b87635 8px 11px);box-shadow:inset 0 5px 0 #f8d9a3,0 6px 8px #1b503634}
.treat-mark{width:88px;display:grid;place-items:center;flex:none}
.treat-mark img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 5px 4px #07136a4c)}
@keyframes cookieFloat{from{translate:0 -5px}to{translate:0 12px}}
@keyframes diamondTwinkle{from{box-shadow:0 0 0 6px #ffffff3d,0 16px 24px #1b197947}to{box-shadow:0 0 0 10px #fff6c258,0 21px 34px #1b19796a}}
@media(max-width:720px){.hero-art{min-height:245px}.hero-chip{top:2px;left:2%}.hero-strawberry{bottom:-13px;right:4%}.hero-brookie-diamond{top:2px;right:15%}}
@media(max-width:420px){.quiz-card-cookie{width:115px;height:115px}.hero-chip{width:245px;height:245px}.hero-strawberry{width:156px;height:156px}.hero-brookie-diamond{width:120px;height:120px}.fall-one,.fall-two{width:51px;height:51px}.fall-one{left:12px}.fall-two{right:9px}.treat-mark{width:65px}}
@media(prefers-reduced-motion:reduce){.hero-product,.hero-brookie-diamond{animation:none}}