:root{color-scheme:light dark;--paper:#f9f5ee;--ink:#28313c;--muted:#66727c;--card:#fffdf8;--line:#e7dfd4;--purple:#7956ba;font-family:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);line-height:1.6}a{color:inherit;text-underline-offset:4px}header,footer{max-width:1220px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:28px 36px}header nav,footer span:last-child{display:flex;gap:24px}.wordmark{font-weight:800;font-size:20px;text-decoration:none;letter-spacing:-.7px}nav a{font-size:14px;text-decoration:none;font-weight:600}main{max-width:1220px;margin:auto;padding:0 36px}.hero{position:relative;padding:96px 0 80px;max-width:780px}.hero:before{content:"";position:absolute;width:430px;height:430px;right:-350px;top:90px;border-radius:50%;background:radial-gradient(circle at 35% 40%,#ead9fa 0,#f9dcb9 45%,#d9eeec 75%);filter:blur(24px);opacity:.8;z-index:-1}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:800;color:var(--purple);margin:0 0 18px}h1,h2,h3{line-height:1.08;letter-spacing:-2.4px;margin:0 0 22px;font-weight:800}h1{font-size:clamp(54px,7.5vw,104px)}h1 em{color:var(--purple);font-style:normal}.lead{font-size:20px;max-width:530px;color:var(--muted);margin:24px 0 32px}.button,button{display:inline-flex;padding:16px 24px;border:0;border-radius:18px;background:var(--ink);color:var(--paper);font:inherit;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer}.pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.pills span{border:1px solid var(--line);border-radius:50px;padding:8px 14px;font-size:12px;font-weight:600}.games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:24px 0 60px}.game-card{background:var(--card);border:1px solid var(--line);border-radius:34px;padding:38px;overflow:hidden}.mascot{height:240px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 15%,var(--paper));border-radius:24px;margin-bottom:28px}.mascot img{max-width:224px;width:100%;height:224px;object-fit:contain;filter:drop-shadow(0 18px 12px #0000000d)}.game-card .eyebrow{color:var(--accent)}.game-card h2{font-size:36px;letter-spacing:-1.4px;max-width:330px}.game-card p:not(.eyebrow){color:var(--muted);font-size:15px;max-width:450px}.availability{display:inline-block;padding:9px 14px;border-radius:20px;background:color-mix(in srgb,var(--accent) 13%,var(--card));font-size:12px;font-weight:700;color:var(--accent);margin-top:14px}.closing{padding:70px 0 100px;text-align:center}.closing h2{font-size:clamp(38px,5vw,64px);letter-spacing:-2px}.closing p:not(.eyebrow){max-width:500px;margin:24px auto;color:var(--muted)}footer{border-top:1px solid var(--line);font-size:12px;color:var(--muted);padding-bottom:36px}.legal{max-width:780px;margin:70px auto 90px}.legal h1{font-size:52px;letter-spacing:-2px}.legal h2{font-size:25px;letter-spacing:-.6px;margin:34px 0 16px}.legal p{color:var(--muted)}.muted{font-size:13px;color:var(--muted)}form{display:grid;gap:18px;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:28px;margin:36px 0}label{display:grid;gap:8px;font-weight:650;font-size:14px}select,textarea{background:var(--paper);color:var(--ink);padding:14px;border:1px solid var(--line);border-radius:12px;font:inherit;resize:vertical}form button{justify-self:start}details{padding:20px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:650}details p{margin-bottom:0}@media(max-width:700px){header,footer{padding:24px}header nav{gap:16px}main{padding:0 24px}.hero{padding:68px 0 44px}.hero:before{width:220px;height:220px;right:-10px;top:90px}.lead{font-size:18px}.games{grid-template-columns:1fr;gap:20px}.game-card{padding:24px;border-radius:28px}.game-card h2{font-size:34px}.mascot{height:220px}.closing{padding:40px 0 64px}footer{display:block}footer span{display:block;margin-bottom:12px}.legal{margin-top:42px}.legal h1{font-size:42px}form{padding:20px}}@media(prefers-color-scheme:dark){:root{--paper:#20262e;--ink:#f9f3ea;--muted:#b8c1c8;--card:#29313b;--line:#3c4550;--purple:#b9a0ec}.hero:before{opacity:.18}.mascot{background:color-mix(in srgb,var(--accent) 25%,var(--paper))}.availability{color:color-mix(in srgb,var(--accent) 65%,white)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Accessible details and a small constellation of puzzle pals. */
.skip{position:absolute;left:24px;top:-70px;z-index:5;padding:10px 16px;background:var(--ink);color:var(--paper);border-radius:12px}.skip:focus{top:12px}
:focus-visible{outline:3px solid var(--purple);outline-offset:5px}
.hero-pals{position:absolute;right:-330px;top:135px;width:230px;display:grid;grid-template-columns:1fr 1fr;gap:18px;transform:rotate(-7deg)}
.hero-pals img{width:106px;height:106px;border-radius:28px;box-shadow:0 16px 32px #28313c12;animation:drift 5s ease-in-out infinite}
.hero-pals img:nth-child(2){margin-top:28px;animation-delay:-1.4s}.hero-pals img:nth-child(3){margin-top:-28px;animation-delay:-2.8s}.hero-pals img:nth-child(4){animation-delay:-4.2s}
.mascot img{border-radius:22px}.game-card{transition:transform .25s,box-shadow .25s}.game-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #28313c08}
.legal a{overflow-wrap:anywhere}.legal p{line-height:1.8}.legal strong{color:var(--ink)}
@keyframes drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(max-width:1100px){.hero:before{right:0;top:95px}.hero-pals{display:none}}
@media(max-width:700px){.hero:before{right:0;width:220px;height:220px}.legal h2{line-height:1.25}.legal h1{line-height:1.13}.game-card h2{line-height:1.12}}
@media(prefers-reduced-motion:reduce){.hero-pals img{animation:none}.game-card{transition:none}.game-card:hover{transform:none}}

.game-card .eyebrow,.availability{color:color-mix(in srgb,var(--accent) 65%,var(--ink))}

/* The eleven-companion collection keeps the same quiet paper and adds direct puzzle navigation. */
.hero-pals{width:300px;grid-template-columns:repeat(3,1fr);gap:14px;top:112px;right:-335px;transform:rotate(-5deg)}
.hero-pals img{width:88px;height:88px;border-radius:24px}.hero-pals img:nth-child(n){margin-top:0;animation-delay:-1.7s}.hero-pals img:nth-child(3n+2){transform:translateY(16px);animation-delay:-3.1s}.hero-pals img:nth-child(3n){animation-delay:-4.3s}
.puzzle-nav{display:flex;flex-wrap:wrap;gap:9px;padding:0 0 28px;max-width:1000px}.puzzle-nav a{min-height:44px;display:inline-flex;align-items:center;padding:8px 15px;border:1px solid var(--line);border-radius:50px;text-decoration:none;font-size:13px;font-weight:650;background:var(--card)}.puzzle-nav a:hover{border-color:var(--purple);color:var(--purple)}
.game-card{scroll-margin-top:24px}
@media(min-width:1060px){.games{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.game-card{padding:25px}.game-card h2{font-size:30px}.mascot{height:215px}.mascot img{height:195px;max-width:195px}}
@media(max-width:700px){.puzzle-nav{gap:7px;padding-bottom:16px}.puzzle-nav a{padding:8px 13px}.game-card{scroll-margin-top:12px}header nav a{min-height:44px;display:inline-flex;align-items:center}header{gap:10px}.wordmark{font-size:18px}}
@media(prefers-reduced-motion:reduce){.hero-pals img:nth-child(n){animation:none;transform:none}}