@font-face{font-family:oreoFont;src:url(../media/fredoka_latin-s.p.303e3a11.woff2)format("woff2");font-display:swap;font-weight:500 700;font-style:normal}@font-face{font-family:oreoFont Fallback;src:local(Arial);ascent-override:95.32%;descent-override:23.1%;line-gap-override:0.0%;size-adjust:102.19%}.oreofont_3c4935b3-module__jX1NBa__className{font-family:oreoFont,oreoFont Fallback}.oreofont_3c4935b3-module__jX1NBa__variable{--font-oreo:"oreoFont","oreoFont Fallback"}
@font-face{font-family:oreoHeadlineFont;src:url(../media/hello_headline-s.p.396d7e3d.ttf)format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:oreoHeadlineFont Fallback;src:local(Arial);ascent-override:81.84%;descent-override:24.01%;line-gap-override:0.0%;size-adjust:113.27%}.oreoheadlinefont_54ec9698-module__7oOCTq__className{font-family:oreoHeadlineFont,oreoHeadlineFont Fallback}.oreoheadlinefont_54ec9698-module__7oOCTq__variable{--font-oreo-headline:"oreoHeadlineFont","oreoHeadlineFont Fallback"}
.oreo-root,.oreo-scope{--oreo-blue:#0066b3;--oreo-blue-deep:#1b3371;--oreo-navy:#1b3371;--oreo-sky:#4cbcec;--oreo-yellow:#ffd100;--oreo-cream:#fbf8f1;--oreo-choc:#24140d;font-family:var(--font-oreo),system-ui,sans-serif}html:has(.oreo-root){overscroll-behavior:none;background:#0066b3}html:has(.oreo-root) body{overscroll-behavior:none;background:#0066b3}.oreo-root{color:#fff;min-height:100dvh;font-family:var(--font-oreo),system-ui,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#0066b3 radial-gradient(85% 65% at 50% 45%,#4cbcec 0%,#0066b3 70%);position:relative;overflow:hidden}.oreo-title{letter-spacing:.01em;color:#fff;text-shadow:0 3px 0 var(--oreo-navy),0 10px 28px rgba(0,18,70,.45);font-weight:700;line-height:.95}.oreo-headline{font-family:var(--font-oreo-headline),var(--font-oreo),system-ui,sans-serif;text-transform:uppercase;letter-spacing:.02em;color:#fff;text-shadow:0 .06em rgba(27,51,113,.55),0 6px 20px rgba(0,18,70,.35);font-weight:400;line-height:.95}.oreo-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.78);font-weight:600}.oreo-btn{letter-spacing:.02em;color:var(--oreo-navy);box-shadow:0 6px 0 var(--oreo-navy),0 14px 26px rgba(0,16,64,.4);cursor:pointer;background:linear-gradient(#fff 0%,#e8f0ff 100%);border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.9rem;font-size:1.15rem;font-weight:700;transition:transform .12s,box-shadow .12s;display:inline-flex;transform:translateY(0)}.oreo-btn:hover{box-shadow:0 8px 0 var(--oreo-navy),0 18px 30px rgba(0,16,64,.42);transform:translateY(-2px)}.oreo-btn:active{box-shadow:0 1px 0 var(--oreo-navy),0 6px 14px rgba(0,16,64,.35);transform:translateY(5px)}.oreo-btn-ghost{color:#fff;cursor:pointer;background:rgba(3,40,120,.32);border:2px solid rgba(255,255,255,.45);border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.7rem 1.4rem;font-weight:600;transition:background .15s,transform .12s;display:inline-flex}.oreo-btn-ghost:hover{background:rgba(255,255,255,.22)}.oreo-btn-ghost:active{transform:scale(.97)}.oreo-icon-btn{color:#fff;cursor:pointer;background:rgba(3,40,120,.34);border:2px solid rgba(255,255,255,.35);border-radius:999px;place-items:center;width:2.9rem;height:2.9rem;transition:background .15s,transform .12s;display:grid}.oreo-icon-btn:hover{background:rgba(255,255,255,.26)}.oreo-icon-btn:active{transform:scale(.92)}.oreo-seg{background:rgba(3,30,90,.45);border:2px solid rgba(255,255,255,.25);border-radius:999px;gap:4px;padding:5px;display:inline-flex}.oreo-seg button{color:rgba(255,255,255,.8);cursor:pointer;border-radius:999px;padding:.5rem 1.2rem;font-weight:600;transition:background .15s,color .15s}.oreo-seg button[data-active=true]{color:var(--oreo-navy);box-shadow:0 3px 0 var(--oreo-navy);background:#fff}.oreo-chip{font-variant-numeric:tabular-nums;background:rgba(3,30,90,.55);border:2px solid rgba(255,255,255,.22);border-radius:999px;align-items:center;gap:.5rem;padding:.45rem 1rem;font-weight:600;display:inline-flex}.oreo-panel{box-shadow:0 10px 0 var(--oreo-navy),0 30px 60px rgba(0,12,50,.55),inset 0 2px 0 rgba(255,255,255,.35);background:linear-gradient(rgba(14,128,200,.94),rgba(0,102,179,.96));border:3px solid rgba(255,255,255,.55);border-radius:2rem;padding:2rem 1.75rem 1.75rem;position:relative}.oreo-float{pointer-events:none;animation:oreo-float var(--dur,9s)ease-in-out var(--delay,0s)infinite alternate;position:absolute}@keyframes oreo-float{0%{transform:translate3d(0,0,0)rotate(var(--rot,0deg))}to{transform:translate3d(var(--dx,10px),var(--dy,-24px),0)rotate(calc(var(--rot,0deg) + 18deg))}}.oreo-spotlight{pointer-events:none;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.18),transparent 45%),radial-gradient(circle at 50% 120%,rgba(0,10,50,.5),transparent 60%);position:absolute;top:0;bottom:0;left:0;right:0}.oreo-tickers{--a:6deg;height:calc(2.8em + 100vw*tan(var(--a)));font-size:max(.78rem,min(1.9dvh,1.3rem))}@media (min-width:640px){.oreo-tickers{--a:5deg}}@media (min-width:768px){.oreo-tickers{--a:4.5deg}}@media (min-width:1024px){.oreo-tickers{--a:3.5deg}}@media (min-width:1280px){.oreo-tickers{--a:3.1deg}}@media (min-width:1536px){.oreo-tickers{--a:2.7deg}}.oreo-marquee{white-space:nowrap;letter-spacing:.04em;font-size:max(.78rem,min(1.9dvh,1.3rem));font-weight:700;display:flex;overflow:hidden}.oreo-marquee-track{flex-shrink:0;align-items:center;gap:1.25rem;padding-right:1.25rem;animation:26s linear infinite oreo-marquee;display:flex}.oreo-marquee[data-reverse] .oreo-marquee-track{animation-direction:reverse}@keyframes oreo-marquee{to{transform:translate(-100%)}}.oreo-art{zoom:.52}.oreo-blurb{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (min-height:900px){.oreo-blurb{-webkit-line-clamp:3}}@media (min-height:700px){.oreo-art{zoom:.62}}@media (min-height:900px){.oreo-art{zoom:.7}}@media (min-height:1100px){.oreo-art{zoom:.9}}@media (min-height:1400px) and (min-width:700px){.oreo-art{zoom:1.2}}@media (min-height:1700px) and (min-width:900px){.oreo-art{zoom:1.5}}@media (max-height:740px){.oreo-lineup{display:none}}.oreo-tagline{display:none}@media (min-height:1500px){.oreo-tagline{display:block}}.oreo-card{perspective:900px;cursor:pointer;border-radius:1.1rem;outline:none;position:relative}.oreo-card-inner{transform-style:preserve-3d;transition:transform .55s cubic-bezier(.3,1.35,.5,1);position:absolute;top:0;bottom:0;left:0;right:0}.oreo-card[data-flipped=true] .oreo-card-inner{transform:rotateY(180deg)}.oreo-card-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:1.1rem;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.oreo-card-back{box-shadow:0 6px 0 var(--oreo-navy),0 12px 22px rgba(0,14,60,.35);background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.28),transparent 50%),linear-gradient(160deg,#4cbcec 0%,#0066b3 60%);border:3px solid rgba(255,255,255,.85)}.oreo-card-back:before{content:"";border:2px dashed rgba(255,255,255,.35);border-radius:.75rem;position:absolute;top:7%;bottom:7%;left:7%;right:7%}.oreo-card:hover .oreo-card-back:before{border-color:rgba(255,255,255,.7)}.oreo-card-front{box-shadow:0 6px 0 var(--oreo-navy),0 12px 22px rgba(0,14,60,.35);background:#0066b3;border:3px solid #fff;transform:rotateY(180deg)}.oreo-card[data-matched=true] .oreo-card-front{border-color:#ffd100;animation:.7s both oreo-match}.oreo-card[data-wrong=true] .oreo-card-inner{animation:.45s oreo-shake}@keyframes oreo-match{0%{transform:rotateY(180deg)scale(1)}35%{box-shadow:0 6px 0 var(--oreo-navy),0 0 0 6px rgba(255,255,255,.65),0 0 40px rgba(255,255,255,.9);transform:rotateY(180deg)scale(1.1)}to{box-shadow:0 6px 0 var(--oreo-navy),0 0 0 4px rgba(255,246,201,.75),0 0 26px rgba(255,255,255,.45);transform:rotateY(180deg)scale(1)}}@keyframes oreo-shake{0%,to{translate:0}20%{translate:-7px}40%{translate:7px}60%{translate:-5px}80%{translate:4px}}.oreo-deal{animation:.5s cubic-bezier(.2,1.3,.4,1) both oreo-deal}@keyframes oreo-deal{0%{opacity:0;transform:translateY(40px)scale(.6)rotate(-8deg)}to{opacity:1;transform:none}}.oreo-pop{animation:.5s cubic-bezier(.2,1.4,.4,1) both oreo-pop}@keyframes oreo-pop{0%{opacity:0;transform:scale(.7)translateY(20px)}to{opacity:1;transform:none}}.oreo-fade{animation:.35s both oreo-fade}@keyframes oreo-fade{0%{opacity:0}to{opacity:1}}.oreo-bob{animation:3.2s ease-in-out infinite oreo-bob}@keyframes oreo-bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-10px)rotate(2deg)}}.oreo-pulse{animation:1.6s ease-in-out infinite oreo-pulse}@keyframes oreo-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.96)}}.oreo-star{animation:.6s cubic-bezier(.2,1.6,.4,1) both oreo-star}@keyframes oreo-star{0%{opacity:0;transform:scale(0)rotate(-120deg)}to{opacity:1;transform:none}}.oreo-confetti{pointer-events:none;animation:oreo-fall var(--dur,3s)cubic-bezier(.3,.2,.6,1)var(--delay,0s)both;position:absolute;top:-40px}@keyframes oreo-fall{0%{opacity:1;transform:translate(0,0)rotate(0)}to{transform:translate3d(var(--dx,0px),110dvh,0)rotate(var(--rot,540deg));opacity:.9}}.oreo-root[data-modal] .oreo-float{animation-play-state:paused}.oreo-fan-card{transform:var(--c)translateX(var(--x))translateY(var(--y))rotate(var(--r));animation:oreo-fan-in .75s cubic-bezier(.2,1.3,.4,1)var(--d,0s)backwards,oreo-fan-sway 3.4s ease-in-out calc(var(--d,0s) + .75s)infinite alternate}@keyframes oreo-fan-in{0%{transform:var(--c)translateY(40px)rotate(0deg)scale(.6);opacity:0}}@keyframes oreo-fan-sway{to{transform:var(--c)translateX(calc(var(--x)*1.15))translateY(calc(var(--y) - 7px))rotate(calc(var(--r)*1.4))}}@media (prefers-reduced-motion:reduce){.oreo-fan-card,.oreo-float,.oreo-bob,.oreo-pulse,.oreo-confetti,.oreo-marquee-track{animation:none}}
