:root{color:#18354a;font-synthesis:none;text-rendering:optimizelegibility;background:#a7d8f0;font-family:Inter,ui-rounded,SF Pro Rounded,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{background:#a7d8f0;min-width:320px;min-height:100%}body{background:radial-gradient(circle at 12% 12%,#ffffff73 0 5rem,#0000 5.1rem),radial-gradient(circle at 92% 82%,#ffffff4d 0 9rem,#0000 9.1rem),#a7d8f0;min-width:320px;min-height:100vh;margin:0}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline-offset:5px;outline:4px solid #18354a}.site-shell{flex-direction:column;width:min(100% - 2rem,72rem);min-height:100vh;margin:0 auto;padding:clamp(1.5rem,4vw,3.5rem) 0 1.5rem;display:flex}.hero{flex:1;grid-template-columns:minmax(0,1fr) minmax(19rem,29rem);grid-template-areas:"brand card""copy card";align-content:center;align-items:center;gap:clamp(2rem,6vw,6.5rem);display:grid}.brand-mark{letter-spacing:-.065em;grid-area:brand;align-items:center;gap:1rem;width:fit-content;font-size:clamp(2rem,4vw,3rem);font-weight:850;display:flex}.brand-mark img{width:clamp(5.5rem,11vw,8.5rem);height:auto}.hero-copy{grid-area:copy;align-self:start;max-width:38rem}.eyebrow{color:#73401f;letter-spacing:.16em;text-transform:uppercase;margin:0 0 .85rem;font-size:.78rem;font-weight:800}h1{letter-spacing:-.075em;max-width:11ch;margin:0;font-size:clamp(3.25rem,8vw,6.75rem);line-height:.91}.game-card{color:#18354a;background:#ffffffe0;border:1px solid #ffffffbd;border-radius:2.5rem;flex-direction:column;grid-area:card;justify-content:flex-end;gap:1.5rem;min-height:31rem;padding:clamp(1.5rem,4vw,2.25rem);text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:0 1.5rem 4rem #18354a2e}.game-card:hover{transform:translateY(-.25rem);box-shadow:0 1.8rem 4.5rem #18354a3b}.game-card:active{transform:translateY(0)}.game-card__art{aspect-ratio:1;background:#10232f;border:1px solid #ffffff1a;border-radius:clamp(1.3rem,3vw,2rem);grid-template-columns:repeat(6,1fr);gap:clamp(.28rem,.7vw,.42rem);width:min(72%,18.5rem);padding:clamp(.65rem,1.5vw,.9rem);display:grid;position:absolute;top:1.8rem;left:50%;transform:translate(-50%)rotate(-2.5deg);box-shadow:0 1.5rem 3rem #18354a33}.game-card__art i{background:#ffffff12;border-radius:24%;display:block}.game-card__art i:nth-child(4),.game-card__art i:nth-child(5),.game-card__art i:nth-child(10),.game-card__art i:nth-child(14),.game-card__art i:nth-child(15),.game-card__art i:nth-child(16),.game-card__art i:nth-child(17){background:#5bbfda;box-shadow:inset 0 .24rem #ffffff42}.game-card__art i:nth-child(23),.game-card__art i:nth-child(29),.game-card__art i:nth-child(30),.game-card__art i:nth-child(31){background:#f0a34c;box-shadow:inset 0 .24rem #ffffff4d}.game-card__art i:nth-child(19),.game-card__art i:nth-child(20),.game-card__art i:nth-child(25),.game-card__art i:nth-child(26),.game-card__art i:nth-child(32),.game-card__art i:nth-child(33){background:#e6696a;box-shadow:inset 0 .24rem #ffffff40}.game-card__copy{flex-direction:column;gap:.4rem;padding-right:3.5rem;display:flex;position:relative}.game-card__label{color:#8a532b;letter-spacing:.13em;text-transform:uppercase;font-size:.72rem;font-weight:800}.game-card__copy strong{letter-spacing:-.06em;font-size:clamp(2.25rem,6vw,3.65rem);line-height:1}footer{opacity:.72;justify-content:space-between;gap:1rem;padding-top:2rem;font-size:.82rem;font-weight:650;display:flex}footer p{margin:0}footer a{color:inherit;text-underline-offset:.2em}@media (width<=760px){.site-shell{width:min(100% - 1.25rem,36rem);padding-top:1.25rem}.hero{grid-template-columns:1fr;grid-template-areas:"brand""copy""card";align-content:start;gap:2rem}h1{font-size:clamp(3.4rem,17vw,5.6rem)}.game-card{border-radius:2rem;min-height:28rem}footer{align-items:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.hero{display:block}.brand-mark{gap:.6rem;font-size:2rem}.brand-mark img{width:4.5rem}.hero-copy{max-width:none;margin:2.5rem 0 2rem}h1{max-width:none;font-size:clamp(2.8rem,6vw,4.75rem)}.game-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.game-card{border-radius:1.75rem;grid-area:auto;gap:1.5rem;min-width:0;min-height:27rem;padding:1.5rem;box-shadow:0 .5rem 1rem #18354a12}.game-card__art{width:75%;max-width:12rem;margin:auto;position:relative;top:auto;left:auto;transform:none}.game-card__copy{flex-direction:column;gap:.65rem;font-size:.95rem;line-height:1.5;display:flex}.game-card__copy strong{font-size:2rem;line-height:1.1}.game-card__play{color:#fff;background:#18354a;border-radius:.8rem;justify-content:space-between;align-items:center;margin-top:.5rem;padding:.8rem 1rem;font-weight:800;display:flex}.mathjolt-card{color:#101b42;background:#fff9eb}.mathjolt-art{letter-spacing:-.06em;color:#073bdc;flex-direction:column;justify-content:center;gap:.5rem;min-height:12rem;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:900;display:flex}.mathjolt-art span{color:#fff9eb;background:#073bdc;border-radius:.7rem;padding:.3rem .8rem;font-size:2.5rem}.mathjolt-card .game-card__play{background:#073bdc}.coming-card{box-shadow:none;background:#ffffff38;border:2px dashed #18354a50}.coming-card:hover{box-shadow:none;transform:none}.coming-art{color:#18354a60;margin:auto;font-size:7rem}.coming-note{min-height:3rem;padding-top:1rem;font-size:.85rem}.gallery-controls{display:none}@media (width<=767px){.site-shell{width:calc(100% - 2rem)}.hero-copy{margin:2rem 0 1.5rem}.game-gallery{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:20px;padding:.5rem 0 1.25rem;display:flex;overflow-x:auto}.game-card{scroll-snap-align:start;flex:0 0 86%;min-height:26rem}.mathjolt-art{font-size:3.5rem}.gallery-controls{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.gallery-controls span{margin-right:auto}.gallery-controls button{width:44px;height:44px;color:inherit;font:inherit;cursor:pointer;background:#ffffff80;border:1px solid #18354a55;border-radius:50%;font-size:1.4rem}.gallery-controls button:disabled{opacity:.35;cursor:default}.gallery-controls button:focus-visible{outline-offset:2px;outline:3px solid #18354a}}