@charset "UTF-8";
:root{--paper:#fff9e9;--ink:#2a0c30;--muted:#67596b;--blue:#47b2f1;--lime:#c9ed12;--purple:#9c36d6;--lavender:#e9d9fa;--line:#dcd3d5;--white:#fffefa;--display:"Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;font-family:"Trebuchet MS",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #7522a6;outline-offset:6px}p,h1,h2,h3{margin:0}img{display:block;max-width:100%;height:auto}a{-webkit-tap-highlight-color:transparent}.page{max-width:1280px;margin:0 auto;padding:0 56px}.skip-link{position:absolute;top:10px;left:16px;z-index:10;padding:12px;background:var(--ink);color:white;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:27px 0 19px}.wordmark{display:flex;flex-direction:column;align-items:center;width:238px;flex-shrink:0}.wordmark img{width:100%;filter:drop-shadow(0 3px 0 #2a0c3010)}.wordmark span{margin-top:-1px;font-size:8px;letter-spacing:2px;font-weight:800}.header nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:bold}.header nav a{padding:12px 0}.header nav a:hover{color:#7424a1}.header nav .nav-hello{padding:13px 19px;border:2px solid var(--ink);border-radius:12px;background:var(--white);box-shadow:3px 3px 0 var(--ink)}.nav-hello span{margin-left:13px}
.hero{display:grid;grid-template-columns:1.06fr 1fr;gap:26px;align-items:center;padding:42px 0 64px}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:10px;line-height:1.6;letter-spacing:1.6px;font-weight:800}.hero-eyebrow{letter-spacing:1.3px}.status-dot{display:inline-block;width:8px;height:8px;background:var(--lime);border:2px solid var(--ink);border-radius:50%;margin-right:6px}.hero h1{font-family:var(--display);font-size:clamp(43px,5.1vw,66px);line-height:1.1;letter-spacing:-3.5px;margin-top:22px;font-weight:900}.highlight{position:relative;display:inline-block;isolation:isolate;color:#1a79b6}.highlight:after{content:"";position:absolute;left:-3px;right:-9px;bottom:-2px;height:13px;background:var(--lime);border-radius:40% 30% 20% 20%;transform:rotate(-3deg);z-index:-1}.intro{max-width:410px;font-size:17px;line-height:1.7;color:var(--muted);margin-top:27px}.button{display:inline-flex;align-items:center;gap:35px;padding:17px 23px;background:var(--lime);border:2px solid var(--ink);color:var(--ink);border-radius:13px;box-shadow:5px 5px 0 var(--ink);font-size:15px;font-weight:800;margin:29px 5px 0 0;transition:transform .15s,box-shadow .15s}.button:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}.button span{font-size:23px;line-height:1}.hero-footnote{font-size:11px;line-height:1.6;color:var(--muted);margin-top:23px}
.mascot-scene{height:500px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center}.planet{position:absolute;width:92%;aspect-ratio:1;background:#e2e9fd;border-radius:47% 53% 56% 44%/52% 42% 58% 48%;z-index:-2;transform:rotate(-10deg);background-image:radial-gradient(circle,#c4cdea 1px,transparent 1.5px);background-size:20px 20px}.orbit{position:absolute;inset:115px -7px;border:2px solid #ad95cc;border-radius:50%;transform:rotate(-26deg);z-index:-1}.mascot{width:94%;max-height:490px;object-fit:contain;filter:drop-shadow(7px 12px 0 #2a0c3011);transform:rotate(5deg);animation:float 6s ease-in-out infinite}.spark{position:absolute;font-weight:700;z-index:1}.spark-one{font-size:51px;color:var(--purple);top:20px;left:35px;transform:rotate(12deg)}.spark-two{font-size:48px;bottom:35px;right:11px;color:#2f90c8}.spark-three{font-size:30px;top:139px;right:7px;color:var(--ink);transform:rotate(18deg)}.hello-sticker{position:absolute;z-index:3;right:0;top:35px;padding:12px 20px;background:var(--white);border:2px solid var(--ink);border-radius:20px 20px 20px 4px;box-shadow:3px 3px 0 var(--ink);font-family:var(--display);font-size:20px;font-weight:800;transform:rotate(8deg)}.scene-note{position:absolute;bottom:0;left:21px;font-size:8px;letter-spacing:2px;transform:rotate(-5deg);font-weight:bold;color:var(--muted)}
.play-strip{display:flex;justify-content:space-around;align-items:center;gap:20px;padding:20px 24px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);background:var(--lime);transform:rotate(-1deg);font-size:10px;letter-spacing:1.3px;font-weight:800}.strip-spark{font-size:21px;line-height:1}.games{padding:75px 0 60px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.section-heading h2{font-family:var(--display);font-size:42px;letter-spacing:-1.7px;line-height:1.14;margin-top:13px}.section-heading h2 span{color:#8a28b9}.section-doodle{font-size:75px;line-height:1;margin:30px 45px 0 0;transform:rotate(-13deg);color:var(--purple)}.game{display:grid;grid-template-columns:.95fr 1.05fr;border:2px solid var(--ink);border-radius:25px;box-shadow:7px 7px 0 var(--ink);background:var(--white);overflow:hidden;margin-right:7px}.game-art{position:relative;min-height:315px;background:var(--blue);border-right:2px solid var(--ink);overflow:hidden;isolation:isolate}.game-art:before{content:"";position:absolute;width:330px;height:330px;border:1px solid #ffffff6b;border-radius:50%;left:-40px;top:50px;z-index:-1;box-shadow:0 0 0 45px #ffffff15,0 0 0 90px #ffffff15}.game-art-label{position:absolute;left:25px;top:24px;font-size:8px;letter-spacing:1.4px;font-weight:800}.number-tile{position:absolute;display:flex;align-items:center;justify-content:center;width:90px;height:100px;border:3px solid var(--ink);border-radius:17px;font-size:58px;font-weight:900;font-family:var(--display);box-shadow:4px 5px 0 var(--ink);line-height:1}.number-two{left:calc(50% - 140px);top:88px;transform:rotate(-15deg);background:var(--white);z-index:1}.number-four{left:calc(50% - 43px);top:116px;transform:rotate(7deg);background:var(--purple);color:white;z-index:3}.number-eight{left:calc(50% + 42px);top:73px;transform:rotate(17deg);background:var(--lime);z-index:2}.game-art-spark{position:absolute;left:32px;bottom:42px;font-size:35px}.game-art-title{position:absolute;right:22px;bottom:20px;text-align:right;font-size:24px;font-family:var(--display);font-weight:900;line-height:.96;letter-spacing:-1px}.game-copy{align-self:center;padding:35px 40px}.badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;font-size:10px;font-weight:800;border:1.5px solid var(--ink);border-radius:6px;background:var(--lime);transform:rotate(-3deg)}.badge span{font-size:7px}.game-genre{margin-top:28px;font-size:9px;letter-spacing:1.3px;color:var(--muted)}.game h3{font-family:var(--display);font-size:34px;letter-spacing:-1.3px;line-height:1.15;margin-top:8px}.game-copy>p:not(.eyebrow){font-size:14px;line-height:1.7;color:var(--muted);margin-top:16px;max-width:390px}.game-copy>p.release-note{display:flex;align-items:center;gap:16px;font-size:11px;font-weight:bold;margin-top:21px;color:#7828a4}.release-note span{font-size:19px}.workbench-note{margin:22px 0 0;font-size:12px;line-height:1.7;color:var(--muted);text-align:center}
.contact{position:relative;display:flex;align-items:center;gap:46px;background:var(--lavender);border:2px solid var(--ink);border-radius:33px 33px 75px 33px;padding:43px 50px;margin:13px 0 54px;isolation:isolate;overflow:hidden}.contact-grape{width:170px;flex-shrink:0;transform:rotate(-13deg);filter:drop-shadow(5px 5px 0 #2a0c3010)}.contact-copy{position:relative;z-index:1}.contact h2{font-family:var(--display);font-size:41px;line-height:1.1;letter-spacing:-1.6px;margin-top:13px}.contact-copy>p:not(.eyebrow){font-size:14px;line-height:1.7;color:var(--muted);max-width:395px;margin-top:15px}.contact-link{display:inline-flex;align-items:center;gap:24px;max-width:100%;font-size:17px;font-weight:bold;border-bottom:2px solid var(--ink);padding:9px 0;margin-top:12px;overflow-wrap:anywhere}.contact-link:hover{color:#7828a4;border-color:#7828a4}.contact-link span{font-size:25px}.contact-spark{position:absolute;right:32px;top:30px;font-size:90px;color:#c09be0;z-index:0;transform:rotate(12deg)}footer{padding:24px 0 30px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.footer-line{display:flex;justify-content:space-between;gap:20px;line-height:1.6}.footer-line a{text-decoration:underline;text-underline-offset:4px}.footer-line a:hover{color:#7828a4}.footer-separator{margin:0 9px;color:#aaa3af}.legal-note{font-size:10px;line-height:1.6;margin-top:8px}
.document{max-width:740px;padding:60px 0 80px}.document h1{font-family:var(--display);font-size:46px;letter-spacing:-1.8px;line-height:1.1;margin:17px 0 24px}.document h2{font-size:21px;line-height:1.3;letter-spacing:-.4px;margin:32px 0 12px}.document p{font-size:16px;line-height:1.75;color:var(--muted);margin:12px 0}.document a{color:#7828a4;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.document .eyebrow{font-size:10px}.document .updated{font-size:12px}
@keyframes float{0%,100%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-9px) rotate(3deg)}}
@media(min-width:1440px){.hero{padding-top:55px;padding-bottom:70px}.hero h1{font-size:68px}}
@media(max-width:1000px){.page{padding:0 34px}.hero{gap:10px}.hero h1{letter-spacing:-2.5px}.mascot-scene{height:420px}.hello-sticker{font-size:17px;top:20px;right:0;padding:10px 14px}.spark-one{left:9px}.scene-note{font-size:7px;letter-spacing:1.5px}.game-copy{padding:30px}.game h3{font-size:29px}.contact{gap:28px;padding:35px}.contact-grape{width:145px}.contact h2{font-size:37px}.contact-spark{font-size:70px}}
@media(max-width:740px){.page{padding:0 24px}.header{padding-top:22px;gap:18px}.wordmark{width:190px}.wordmark span{font-size:6px;letter-spacing:1.5px}.header nav{gap:16px;font-size:12px}.header nav a[href="#games"]{display:none}.header nav .nav-hello{padding:11px 13px;white-space:nowrap}.nav-hello span{margin-left:5px}.hero{grid-template-columns:1fr;padding:34px 0 37px;gap:20px}.hero h1{font-size:clamp(43px,8.7vw,64px);letter-spacing:-2.5px;margin-top:19px}.hero-eyebrow{font-size:9px;letter-spacing:1.1px}.intro{font-size:16px;margin-top:22px;max-width:390px}.button{margin-top:24px}.hero-footnote{font-size:10px;margin-top:20px}.mascot-scene{height:390px;width:100%;max-width:430px;margin:auto}.mascot{width:86%;max-height:390px}.planet{width:83%}.orbit{inset:90px 9px}.hello-sticker{top:24px;right:13px}.spark-one{left:25px;top:25px;font-size:40px}.spark-two{right:20px;bottom:18px;font-size:40px}.spark-three{right:20px;top:134px}.scene-note{left:14px;bottom:0}.play-strip{padding:16px 14px;gap:12px;font-size:8px;letter-spacing:.8px;flex-wrap:wrap}.play-strip>span:last-child,.play-strip>.strip-spark:nth-last-child(2){display:none}.strip-spark{font-size:17px}.games{padding:48px 0 39px}.section-heading{margin-bottom:24px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.1px}.section-heading h2{font-size:34px;letter-spacing:-1.2px}.section-doodle{font-size:59px;margin-right:8px}.game{grid-template-columns:1fr;border-radius:21px;box-shadow:5px 5px 0 var(--ink);margin-right:5px}.game-art{min-height:265px;border-right:0;border-bottom:2px solid var(--ink)}.number-two{top:68px}.number-four{top:94px}.number-eight{top:52px}.game-art-title{font-size:21px}.game-art-spark{font-size:28px;left:24px;bottom:28px}.game-copy{padding:30px 25px}.game h3{font-size:30px}.game-genre{margin-top:24px}.workbench-note{font-size:11px;max-width:275px;margin:22px auto 0}.contact{margin:11px 0 36px;padding:31px 25px;border-radius:25px 25px 51px 25px;display:block;overflow:visible}.contact-grape{width:85px;position:absolute;right:15px;top:-26px;transform:rotate(13deg)}.contact .eyebrow{max-width:190px;font-size:8px;letter-spacing:1.1px}.contact h2{font-size:35px;max-width:260px;margin-top:17px}.contact-copy>p:not(.eyebrow){font-size:13px;max-width:300px}.contact-link{font-size:clamp(12px,3.75vw,17px);gap:12px;margin-top:12px}.contact-link span{font-size:22px}.contact-spark{display:none}.footer-line{gap:10px;flex-wrap:wrap}footer{padding-top:20px}.document{padding:37px 0 55px}.document h1{font-size:36px}.document p{font-size:15px}.document-header .wordmark{width:170px}.document-header nav{font-size:11px}}
@media(max-width:370px){.page{padding:0 19px}.wordmark{width:165px}.header nav .nav-hello{padding:10px;font-size:11px}.hero h1{font-size:42px;letter-spacing:-2.7px}.hero-eyebrow{font-size:8px;letter-spacing:.9px}.mascot-scene{height:340px}.mascot{max-height:340px}.hello-sticker{font-size:16px}.play-strip{font-size:7px;gap:8px}.contact{padding:29px 22px}.contact h2{font-size:31px}.contact-link{gap:8px;font-size:12px}.section-heading h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.mascot{animation:none}}

/* Shared controls and the softer, colourful night palette. */
:root{color-scheme:light;--outline:#2a0c30;--accent-ink:#2a0c30;--focus:#7522a6;--link:#7828a4;--headline-accent:#1a79b6;--section-accent:#8a28b9;--planet:#e2e9fd;--planet-dot:#c4cdea;--orbit:#ad95cc;--spark-blue:#2f90c8;--contact-spark:#c09be0}
:root[data-theme="dark"]{color-scheme:dark;--paper:#30253f;--ink:#fff1df;--muted:#d5c4db;--blue:#69b2c2;--lime:#ffc59c;--purple:#86549e;--lavender:#50405f;--line:#685575;--white:#40334f;--outline:#21152d;--accent-ink:#30213b;--focus:#ffd7b8;--link:#e1b2f5;--headline-accent:#96d9e2;--section-accent:#dec0f3;--planet:#504965;--planet-dot:#746585;--orbit:#9e7da9;--spark-blue:#a3d7df;--contact-spark:#785b8e}
:root[data-theme="dark"] .highlight:after{background:#765476}
:root[data-theme="dark"] .spark-one,:root[data-theme="dark"] .section-doodle{color:#d0a0ed}
:root[data-theme="dark"] .hello-sticker{background:#ead7f2;color:var(--accent-ink)}
:root[data-theme="dark"] .mascot{filter:drop-shadow(7px 12px 0 #21152d55)}
:root[data-theme="dark"] .wordmark img{filter:drop-shadow(0 3px 0 #21152d44)}
a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:6px}
.header nav a:hover,.contact-link:hover,.footer-line a:hover,.document a,.game-copy>p.release-note{color:var(--link)}
.contact-link:hover{border-color:var(--link)}
.highlight{color:var(--headline-accent)}.section-heading h2 span{color:var(--section-accent)}
.planet{background-color:var(--planet);background-image:radial-gradient(circle,var(--planet-dot) 1px,transparent 1.5px)}.orbit{border-color:var(--orbit)}.spark-two{color:var(--spark-blue)}.contact-spark{color:var(--contact-spark)}
.header nav .nav-hello,.status-dot,.button,.hello-sticker,.play-strip,.game,.game-art,.number-tile,.badge,.contact{border-color:var(--outline)}
.header nav .nav-hello,.hello-sticker{box-shadow:3px 3px 0 var(--outline)}.button{box-shadow:5px 5px 0 var(--outline)}.button:hover{box-shadow:3px 3px 0 var(--outline)}.game{box-shadow:7px 7px 0 var(--outline)}.number-tile{box-shadow:4px 5px 0 var(--outline)}
.button,.play-strip,.badge,.game-art,.number-eight{color:var(--accent-ink)}.number-two{color:var(--ink)}.skip-link{background:var(--outline);color:#fff1df}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:88px;min-height:44px;padding:10px 13px;border:2px solid var(--outline);border-radius:12px;background:var(--white);color:var(--ink);font:700 12px "Trebuchet MS",Arial,sans-serif;box-shadow:3px 3px 0 var(--outline);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent}.theme-toggle[hidden]{display:none}.theme-toggle:hover{background:var(--lavender)}.theme-icon{font-size:20px;line-height:1;width:19px;text-align:center}.header nav{gap:22px}
@media(max-width:740px){.header{gap:10px}.header nav{gap:9px}.wordmark{width:166px}.theme-toggle{min-width:44px;width:44px;padding:8px}.theme-toggle [data-theme-label]{display:none}.header nav .nav-hello{padding:11px 12px}.game{box-shadow:5px 5px 0 var(--outline)}.document-header .wordmark{width:155px}}
@media(max-width:370px){.wordmark{width:137px}.wordmark span{font-size:5px;letter-spacing:1.1px}.header nav{gap:8px}.header nav .nav-hello{padding:10px}.document-header .wordmark{width:132px}.document-header nav{font-size:10px}}