@charset "UTF-8";
:root{color-scheme:only light;--purple:#48165a;--orange:#e94a27;--yellow:#ffdb4c;--cream:#fffaf1;--ink:#392b3e;--body-font:"Trebuchet MS",Arial,sans-serif;--display-font:"Arial Rounded MT Bold","Arial Black","Trebuchet MS",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--cream);color:var(--purple);font-family:var(--body-font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}svg,img{display:block}a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}.wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:8px;left:8px;padding:14px;background:var(--purple);color:white;z-index:10;transform:translateY(-150%)}.skip-link:focus{transform:none}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:118px;border-bottom:1px solid #48165a19}.brand{display:flex;align-items:center;gap:9px;flex-shrink:0}.wordmark{font-family:var(--display-font);font-weight:900;font-size:32px;letter-spacing:-1.5px;line-height:.95}.wordmark>span{display:block;font-family:var(--body-font);font-size:11px;letter-spacing:3.8px;color:var(--orange);font-weight:900;margin-top:6px}.site-header nav{display:flex;gap:36px;font-size:14px;font-weight:700}.site-header nav a{padding:12px 0}.site-header nav a:hover{color:var(--orange)}.header-link{display:flex;align-items:center;gap:14px;font-size:14px;font-weight:700;border-bottom:2px solid var(--purple);padding:9px 0}.header-link svg{width:20px;height:20px}
.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;padding-block:73px 76px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:1.8px;line-height:1.7;margin:0 0 24px}.hero .eyebrow{display:flex;gap:10px;align-items:center;letter-spacing:1.4px}.tiny-star{color:var(--orange);font-size:23px;line-height:1}h1,h2,h3{font-family:var(--display-font);font-weight:900;margin:0;letter-spacing:-2px}h1{font-size:clamp(58px,6.45vw,85px);line-height:1.05}h1>span{color:var(--orange);display:inline-block;position:relative}h1>span:after{content:"";position:absolute;left:0;right:4px;bottom:-12px;height:9px;background:var(--yellow);border-radius:50%;transform:rotate(-2deg)}.hero-intro{font-size:18px;line-height:1.7;margin:35px 0 25px;color:var(--ink)}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:19px 25px;border-radius:10px;font-size:14px;font-weight:700;transition:transform .18s,box-shadow .18s}.button svg{width:21px;height:21px}.button:hover{transform:translateY(-3px)}.button-purple{background:var(--purple);color:white;box-shadow:0 5px 0 #2e0b3c}.button-yellow{background:var(--yellow);color:var(--purple);box-shadow:0 5px 0 #cf9522}.hero-note{display:flex;align-items:center;gap:8px;font-size:12px;color:#736777;margin:24px 0 0}.hero-note span{color:var(--orange);font-size:19px}
.hero-art{position:relative;min-height:520px;isolation:isolate}.sun-disc{position:absolute;width:440px;height:440px;max-width:100%;border-radius:50%;background:#ffdf6f;left:50%;top:43%;transform:translate(-50%,-50%);z-index:-2}.orbit{position:absolute;border:1px solid #48165a20;border-radius:50%;inset:3% -1% 3% 0;transform:rotate(-25deg);z-index:-3}.orbit-two{inset:11% -4% 13% -4%;transform:rotate(30deg)}.logo-card{position:absolute;left:50%;top:46%;width:300px;padding:25px 28px 24px;transform:translate(-50%,-50%) rotate(7deg);background:#fffefb;border:1px solid #48165a15;border-radius:22px;box-shadow:13px 17px 0 #48165a12,0 22px 40px #48165a14}.logo-card img{width:100%;height:auto}.hero-wordmark{display:block;text-align:center;font-family:var(--display-font);font-size:51px;font-weight:900;letter-spacing:-2px;line-height:1.1;margin-top:4px}.hero-wordmark>span{display:block;color:var(--orange);font-family:var(--body-font);font-size:23px;letter-spacing:2px;font-weight:900}.floating-star{position:absolute}.star-one{width:64px;height:64px;right:0;top:20px;color:var(--purple);transform:rotate(13deg)}.star-two{width:43px;height:43px;left:8px;bottom:100px;color:var(--orange);transform:rotate(-12deg)}.game-sticker{position:absolute;left:-8px;top:67px;width:101px;height:95px;display:grid;place-items:center;background:#c8acde;border:5px solid var(--cream);border-radius:24px;transform:rotate(-17deg);box-shadow:0 5px 0 #48165a12}.game-sticker svg{width:70px;height:53px}.fun-sticker{position:absolute;right:-5px;bottom:77px;background:var(--orange);color:#fffaf1;font-size:29px;line-height:.95;font-weight:900;text-align:center;padding:23px 14px;border:4px solid var(--cream);border-radius:50%;transform:rotate(13deg);box-shadow:0 5px 0 #48165a13}.fun-sticker strong{font-size:10px;letter-spacing:1px}.art-caption{position:absolute;bottom:6px;left:50%;transform:translateX(-50%) rotate(-5deg);font-size:15px;font-weight:700;white-space:nowrap}
.play-ribbon{background:var(--yellow);border-block:1px solid #48165a10}.play-ribbon>.wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:23px}.play-ribbon span{font-size:11px;letter-spacing:2px;font-weight:900;white-space:nowrap}.play-ribbon b{font-size:23px;color:var(--orange)}.about{padding-block:94px 80px;display:grid;grid-template-columns:1fr 1.12fr;gap:85px}.about-heading{position:relative}.about h2{font-size:48px;line-height:1.14}.about h2 span{color:var(--orange)}.about .eyebrow{color:var(--orange);margin-bottom:18px}.about-spark{position:absolute;width:40px;height:40px;bottom:0;right:45px;color:var(--yellow);transform:rotate(13deg)}.about-copy p{font-size:16px;line-height:1.8;color:#65576a;margin:0 0 15px}.about-copy p:first-child{font-size:20px;line-height:1.6;font-weight:700;color:var(--purple)}.about-copy p:last-child{margin-bottom:0}
.play-section{padding-bottom:94px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.section-heading h2{font-size:27px;letter-spacing:-1px}.section-heading>span{font-size:38px;color:var(--orange);padding-right:10px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.value-card{border-radius:18px;padding:30px 28px 29px;border:1px solid #48165a0b}.yellow-card{background:#fff0b7}.pink-card{background:#ffe2d7}.lilac-card{background:#e9dff1}.card-number{display:block;font-size:9px;font-weight:900;letter-spacing:1.3px;opacity:.7}.card-icon{height:60px;width:80px;margin:29px 0 23px}.spark-icon{width:58px}.value-card h3{font-size:24px;letter-spacing:-.8px}.value-card p{font-size:14px;color:#635168;line-height:1.75;margin-bottom:0}.smile-icon{width:59px;height:59px;border:4px solid var(--purple);border-radius:50%;margin:30px 0 23px;position:relative;transform:rotate(9deg)}.smile-icon i{position:absolute;top:12px;left:13px;height:8px;width:5px;border-radius:50%;background:var(--purple)}.smile-icon i+i{left:32px}.smile-icon span{position:absolute;left:11px;top:24px;width:30px;height:17px;border:3px solid var(--purple);border-top:0;border-radius:0 0 25px 25px}
.imagination{background:var(--purple);color:#fffaf1;overflow:hidden}.imagination-inner{text-align:center;position:relative;padding-block:77px 83px}.imagination .eyebrow{color:var(--yellow);margin-bottom:18px}.imagination h2{font-size:45px;line-height:1.2;letter-spacing:-1.7px}.imagination h2 span{color:var(--yellow)}.imagination p:not(.eyebrow){font-size:16px;line-height:1.8;color:#ddcce5;margin:23px 0 28px}.cta-star{position:absolute;width:71px;height:71px;left:25px;top:105px;color:var(--orange);transform:rotate(14deg)}.cta-doodle{position:absolute;right:22px;bottom:76px;font-size:100px;color:#b38dca;transform:rotate(-12deg)}.site-footer{min-height:129px;display:flex;align-items:center;justify-content:space-between;gap:25px}.site-footer .wordmark{font-size:25px}.site-footer .wordmark>span{font-size:8px;letter-spacing:3px}.site-footer p{font-size:13px;color:#746477}.site-footer small{font-size:11px;color:#746477}
@media(min-width:1500px){.hero{padding-block:95px}.hero-art{min-height:560px}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero{gap:15px}h1{font-size:66px}.hero-art{min-height:470px}.logo-card{width:265px}.hero-wordmark{font-size:45px}.sun-disc{width:360px;height:360px}.game-sticker{left:0;width:80px;height:78px}.game-sticker svg{width:57px}.fun-sticker{right:0;bottom:65px}.about{gap:45px}.about h2{font-size:42px}.value-card{padding:24px 21px}.value-card h3{font-size:21px}.cta-star{left:0;width:50px}.cta-doodle{right:0;font-size:70px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{min-height:91px;gap:15px}.site-header .brand img{width:39px;height:42px}.wordmark{font-size:26px}.site-header nav{gap:18px;font-size:12px}.header-link{display:none}.hero{grid-template-columns:1fr;padding-block:42px 44px;gap:17px}.hero-copy{max-width:540px}.hero .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:22px}h1{font-size:clamp(42px,11.5vw,79px);line-height:1.03}h1 br:nth-of-type(2){display:none}h1>span{display:block}.hero-intro{font-size:17px;margin-top:30px}.hero-art{width:min(440px,100%);margin:10px auto 0;min-height:465px}.logo-card{width:275px}.sun-disc{width:365px;height:365px}.fun-sticker{right:4px}.star-one{right:9px;width:48px}.game-sticker{top:62px}.art-caption{bottom:0}.play-ribbon>.wrap{flex-wrap:wrap;justify-content:center;gap:13px 20px;padding-block:18px}.play-ribbon span{font-size:9px;letter-spacing:1.1px}.play-ribbon b{font-size:16px}.play-ribbon b:last-of-type{display:none}.about{grid-template-columns:1fr;gap:28px;padding-block:57px 48px}.about h2{font-size:39px}.about-spark{right:22px;bottom:6px}.about-copy p:first-child{font-size:19px}.about-copy p{font-size:15px}.section-heading h2{font-size:23px;max-width:260px}.value-grid{grid-template-columns:1fr;gap:16px}.value-card{padding:26px 28px}.value-card h3{font-size:25px}.card-icon{margin-block:23px 17px}.smile-icon{margin-block:24px 17px}.value-card p{font-size:15px;max-width:440px}.play-section{padding-bottom:55px}.imagination-inner{padding-block:58px 62px}.imagination h2{font-size:clamp(29px,7vw,40px);letter-spacing:-1px}.imagination p:not(.eyebrow){font-size:14px}.imagination p br{display:none}.cta-star{width:27px;height:27px;left:0;top:25px}.cta-doodle{right:-9px;bottom:13px;font-size:45px}.site-footer{flex-wrap:wrap;justify-content:space-between;gap:18px;padding-block:28px}.site-footer p{font-size:11px}.site-footer small{width:100%;text-align:center;border-top:1px solid #48165a12;padding-top:20px}.site-footer .brand{gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

@media(max-width:420px){.site-header nav a:last-child{display:none}.hero-art{min-height:420px}.logo-card{width:245px}.sun-disc{width:310px;height:310px}.hero-wordmark{font-size:41px}.fun-sticker{font-size:23px;padding:18px 11px;right:-2px;bottom:52px}.game-sticker{width:69px;height:68px;left:0;top:46px}.game-sticker svg{width:48px}.star-two{left:0;bottom:77px}}

@media(max-width:1050px){.orbit{inset:5% 1%;transform:none}.orbit-two{inset:10% 7%;transform:rotate(6deg)}}

/* Featured Mibbon games */
.games-section{padding-block:86px 34px}
.games-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}
.games-heading .eyebrow{color:var(--orange);margin-bottom:10px}
.games-heading h2{font-size:48px;line-height:1.1}
.games-heading>p{font-size:16px;line-height:1.6;color:#65576a;margin:0 0 4px}
.featured-game{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:center;gap:clamp(30px,5vw,68px);padding:34px;background:#f0e8f4;border:1px solid #48165a12;border-radius:30px}
.game-art{display:block;width:100%;max-width:320px;min-width:0;justify-self:center;border-radius:24px;box-shadow:0 10px 24px #28113220;transition:transform .18s,box-shadow .18s}
.game-art img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:inherit}
.game-art:hover{transform:translateY(-4px);box-shadow:0 14px 28px #28113229}
.game-copy{min-width:0;padding:12px 6px 12px 0}
.game-kicker{color:var(--purple);font-size:10px;letter-spacing:1.5px;margin-bottom:13px}
.game-copy h3{font-size:clamp(34px,3.4vw,46px);line-height:1.13;letter-spacing:-1.6px}
.game-tagline{font-size:20px;font-weight:700;line-height:1.5;margin:16px 0 13px}
.game-description{font-size:16px;line-height:1.8;color:#65576a;margin:0;max-width:49ch}
.game-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:20px 0 26px;padding:0}
.game-tags li{background:#fffaf1;border:1px solid #48165a18;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:700;letter-spacing:.2px}
.game-platforms{color:#65576a;font-size:12px;line-height:1.6;margin:19px 0 0}
@media(max-width:1050px){.site-header nav{gap:22px}.featured-game{gap:30px;padding:26px}.game-tagline{font-size:18px}.game-description{font-size:15px}}
@media(max-width:760px){.site-header nav{gap:16px}.site-header nav a[href="#play"]{display:none}.games-section{padding-block:54px 8px}.games-heading{display:block;margin-bottom:24px}.games-heading h2{font-size:39px}.games-heading>p{font-size:15px;margin-top:14px}.featured-game{grid-template-columns:minmax(0,1fr);gap:26px;padding:22px;border-radius:26px}.game-art{width:min(100%,clamp(140px,40vmin,200px));max-width:200px;justify-self:center;border-radius:20px}.game-copy{padding:0 0 4px}.game-copy h3{font-size:clamp(30px,8vw,42px)}.game-description{max-width:none}.game-tags{margin-block:18px 24px}.game-platforms{font-size:12px}}
@media(max-width:420px){.site-header nav{gap:13px;font-size:11px}.featured-game{padding:17px;gap:23px}.game-play{width:100%;gap:18px;padding-inline:17px}.game-tagline{font-size:17px}}

.featured-game + .featured-game{margin-top:28px}

/* About content in the purple section. */
.about-panel .imagination-inner{max-width:820px;padding-block:76px 80px}
.about-panel-heading{margin-bottom:32px}
.about-panel .about-copy{text-align:left;max-width:720px;margin-inline:auto}
.about-panel .about-copy p{font-size:16px;line-height:1.8;color:#ddcce5;margin:0 0 20px}
.about-panel .about-copy p:first-child{font-size:21px;line-height:1.6;font-weight:700;color:#fffaf1}
.about-panel .about-copy p:last-child{margin-bottom:0}
@media(max-width:760px){.about-panel .imagination-inner{padding-block:52px 56px}.about-panel-heading{margin-bottom:26px}.about-panel .about-copy p{font-size:15px}.about-panel .about-copy p:first-child{font-size:19px}}

/* Keep brand artwork in its original palette in browser dark modes. */
.brand img,.logo-card img{color-scheme:only light;forced-color-adjust:none;filter:none!important;mix-blend-mode:normal}