@font-face{font-family:"Golos Text";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/golos-400.ttf") format("truetype")}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/golos-500.ttf") format("truetype")}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/golos-600.ttf") format("truetype")}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/golos-700.ttf") format("truetype")}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:800;font-display:swap;src:url("assets/fonts/golos-800.ttf") format("truetype")}
:root{--paper:#fafbff;--ink:#151936;--muted:#5b6382;--blue:#3158ff;--line:#e0e5f0;--font:"Golos Text",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}img{display:block;max-width:100%;height:auto}p,h1,h2,h3{margin:0}.wrap{max-width:1200px;margin-inline:auto;padding-inline:36px}.skip-link{position:fixed;top:8px;left:16px;z-index:10;background:white;padding:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}
.site-header{height:100px;display:flex;align-items:center;justify-content:space-between}.brand{display:block;width:150px;height:54px;position:relative;overflow:hidden;isolation:isolate}.brand img{position:absolute;width:256px;max-width:none;height:256px;left:-54px;top:-82px}.site-header nav{display:flex;align-items:center;gap:36px;font-size:14px;font-weight:500}.site-header nav>a{transition:color .18s}.site-header nav>a:hover{color:var(--blue)}.choose-game{border:1px solid var(--blue);border-radius:11px;padding:12px 19px;color:var(--blue);display:flex;gap:14px;align-items:center}.choose-game:hover{background:#eef1ff}
.intro{text-align:center;padding:18px 0 30px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:12px;font-weight:500;color:var(--blue);line-height:1.5}.intro h1{font-size:clamp(40px,4.7vw,62px);font-weight:800;line-height:1.04;letter-spacing:-.048em;margin:12px 0 14px}.intro h1 span{color:var(--blue)}.intro-copy{font-size:20px;line-height:1.45;color:var(--muted);letter-spacing:-.025em}
.games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;scroll-margin-top:20px}.game{min-width:0;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.game:hover,.game:focus-within{border-color:#bbc8ff;box-shadow:0 8px 24px #25397c08}.game-art{position:relative;aspect-ratio:2.1;overflow:hidden;border-radius:23px 23px 15px 15px;isolation:isolate}.tama-art{background:radial-gradient(ellipse at 48% 85%,#fffbe5 0%,#fff2ba 70%,#fff0b0 100%)}.spell-art{background:radial-gradient(ellipse at 55% 65%,#e5eaff,#cddcff 80%)}.art-labels{position:absolute;inset:18px 20px auto;display:flex;align-items:center;justify-content:space-between;z-index:3;pointer-events:none}.age{font-size:14px;font-weight:600;padding:7px 16px;border-radius:30px;background:#ffffffb3;color:#65491b}.spell-art .age{color:#2549db}.subject{font-size:11px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:#333d61}.tama-scene,.spell-scene{position:absolute;inset:0}.egg{position:absolute;width:37%;left:19%;bottom:-2%;transform-origin:50% 87%;z-index:1}.star{position:absolute;width:23%;right:17%;top:26%;transform:rotate(8deg);transform-origin:50% 60%;z-index:2}.ground-shadow{position:absolute;width:62%;height:12%;left:14%;bottom:0;background:radial-gradient(ellipse,#9867272b,transparent 65%)}.hello-mark{position:absolute;background:#ffbd3e;border-radius:8px;box-shadow:inset 1px 1px 2px #fff4b8;width:9px;height:24px;left:57%;top:16%;transform:rotate(-28deg)}.mark-two{left:53.5%;top:26%;height:17px;transform:rotate(-67deg)}
.island{position:absolute;width:49%;left:6%;bottom:-15%;transform:rotate(-5deg);filter:drop-shadow(0 10px 8px #5d65991a);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.wizard{position:absolute;width:38%;right:6%;bottom:-14%;transform:rotate(5deg);transform-origin:50% 80%;z-index:2}.letter{position:absolute;display:grid;place-items:center;width:10.5%;aspect-ratio:1;border-radius:11px;background:#fffcf3;color:#333345;font-size:clamp(25px,3.5vw,43px);font-weight:700;box-shadow:2px 4px 0 #d6c9b9,0 8px 14px #56679912;border:3px solid #fff;z-index:3;transition:transform .45s}.letter-s{left:48%;top:17%;transform:rotate(-12deg)}.letter-p{left:61%;top:23%;transform:rotate(10deg)}.letter-e{left:75%;top:13%;transform:rotate(17deg)}.spark{position:absolute;color:#fff9ce;font-size:30px;z-index:3;text-shadow:0 1px 2px #ecb24c}.spark-one{left:49%;top:52%}.spark-two{right:7%;bottom:18%;font-size:20px}
.game-copy{padding:17px 24px 24px}.game h2{font-size:40px;line-height:1.07;font-weight:800;letter-spacing:-.055em}.game h3{font-size:24px;line-height:1.25;letter-spacing:-.035em;font-weight:700;margin-top:3px}.game-copy>p{font-size:18px;color:var(--muted);line-height:1.4;margin-top:4px;letter-spacing:-.02em}.play{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:19px;min-height:54px;border-radius:14px;background:var(--blue);color:#fff;font-size:19px;font-weight:600;box-shadow:inset 0 -3px 0 #143ad729;transition:background .18s,transform .18s,box-shadow .18s}.play svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}.play:hover{background:#244bea}.play:hover svg{transform:translateX(4px)}.play:active{transform:translateY(2px);box-shadow:none}
.reassurance{display:flex;align-items:center;justify-content:center;gap:70px;padding:20px 0;color:var(--muted)}.reassurance p{display:flex;align-items:center;gap:17px;font-size:16px;white-space:nowrap}.reassurance svg{width:31px;height:31px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round}.reassurance-divider{height:30px;width:1px;background:var(--line)}.parents{display:grid;grid-template-columns:1.15fr 1fr;gap:32px;border-top:1px solid var(--line);padding:27px 0}.parents .eyebrow{color:#727fa7;font-size:11px}.parents h2{font-size:40px;line-height:1.05;letter-spacing:-.045em;font-weight:750;margin-top:8px}.parent-points{display:grid;gap:17px}.parent-point{display:flex;align-items:flex-start;gap:15px}.point-icon{width:22px;height:22px;flex:none;display:grid;place-items:center;font-size:13px;background:var(--blue);color:white;border-radius:50%;margin-top:1px}.parent-point h3{font-size:15px;line-height:1.3;font-weight:650;letter-spacing:-.02em}.parent-point p{font-size:14px;line-height:1.4;color:var(--muted);margin-top:3px}.site-footer{display:flex;justify-content:space-between;align-items:center;padding-block:15px 24px;position:relative}.site-footer:before{content:"";position:absolute;top:0;left:36px;right:36px;height:1px;background:var(--line)}.footer-brand{font-size:23px;font-weight:800;letter-spacing:-.055em}.footer-brand span{color:var(--blue)}.site-footer p{font-size:12px;color:var(--muted)}
@keyframes egg-hello{0%,100%{transform:rotate(0)}25%{transform:rotate(-7deg)}55%{transform:rotate(6deg)}78%{transform:rotate(-3deg)}}@keyframes star-hello{0%,100%{transform:translateY(0) rotate(8deg)}50%{transform:translateY(-10px) rotate(-7deg)}}@keyframes wizard-hello{0%,100%{transform:translateY(0) rotate(5deg)}45%{transform:translateY(-8px) rotate(-1deg)}}.game.is-reacting .egg{animation:egg-hello .7s ease-in-out}.game.is-reacting .star{animation:star-hello .7s ease-in-out}.game.is-reacting .wizard{animation:wizard-hello .7s ease-in-out}.game.is-reacting .island{transform:translateY(-5px) rotate(-3deg)}.game.is-reacting .letter-s{transform:translateY(-5px) rotate(-17deg)}.game.is-reacting .letter-p{transform:translateY(-7px) rotate(4deg)}.game.is-reacting .letter-e{transform:translateY(-4px) rotate(22deg)}
@media(min-width:1500px){.intro{padding-top:32px;padding-bottom:36px}.site-header{height:110px}}
@media(max-width:900px){.wrap{padding-inline:26px}.games{gap:18px}.intro h1{font-size:48px}.game-copy{padding:16px 20px 20px}.game h2{font-size:34px}.game h3{font-size:21px}.game-copy>p{font-size:16px}.desktop-break{display:none}.game-art{aspect-ratio:1.8}.egg{width:43%;left:13%}.star{width:25%;right:13%;top:31%}.island{width:56%;left:0;bottom:-9%}.wizard{width:43%;right:0;bottom:-9%}.letter{border-width:2px}.parents h2{font-size:33px}.reassurance{gap:45px}.site-footer:before{left:26px;right:26px}}
@media(max-width:600px){.wrap{padding-inline:20px}.site-header{height:78px}.brand{width:125px;height:47px}.brand img{width:220px;height:220px;left:-47px;top:-70px}.site-header nav{font-size:14px;gap:0}.nav-parents,.site-header .choose-game{display:none}.site-header nav>a{padding:12px 0 12px 20px}.intro{text-align:left;padding:20px 4px 24px}.eyebrow{font-size:11px;letter-spacing:.145em}.intro h1{font-size:clamp(32px,8.9vw,50px);line-height:1.03;letter-spacing:-.045em;margin:11px 0 12px}.intro-copy{font-size:16px;line-height:1.4;max-width:32ch}.games{grid-template-columns:1fr;gap:16px}.game{border-radius:18px}.game-art{border-radius:17px 17px 12px 12px;aspect-ratio:1.9}.art-labels{inset:12px 14px auto}.age{font-size:12px;padding:6px 12px}.subject{font-size:10px;letter-spacing:.1em}.egg{width:37%;left:18%;bottom:-3%}.star{width:24%;right:16%;top:28%}.hello-mark{width:7px;height:19px;top:19%}.mark-two{height:13px;top:30%}.island{width:51%;left:3%;bottom:-13%}.wizard{width:40%;right:4%;bottom:-13%}.letter{border-radius:8px;font-size:29px}.game-copy{padding:12px 16px 16px}.game h2{font-size:31px}.game h3{font-size:21px;margin-top:3px}.game-copy>p{font-size:15px;line-height:1.4;margin-top:5px;max-width:32ch}.play{min-height:48px;border-radius:11px;font-size:16px;margin-top:14px;gap:12px}.play svg{width:22px;height:22px}.reassurance{padding:19px 0;gap:15px;justify-content:space-between}.reassurance p{gap:8px;font-size:12px;letter-spacing:-.02em}.reassurance svg{width:25px;height:25px}.reassurance-divider{height:27px}.parents{grid-template-columns:1fr;gap:22px;padding:25px 4px 28px}.parents h2{font-size:32px;max-width:14ch;line-height:1.1}.parent-points{gap:19px}.parent-point h3{font-size:15px}.parent-point p{font-size:14px}.parent-point{gap:12px}.site-footer:before{left:20px;right:20px}.site-footer p{font-size:11px}.footer-brand{font-size:21px}.site-footer{padding-block:17px 24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* The actual transparent game sprite keeps the illustration on its own sky. */
.wizard{width:31%;right:6%;bottom:-3%;transform:rotate(5deg)}
/* Five tiles keep the full game name visible, including on narrow phones. */
.spell-art{container-type:inline-size}
.letter{width:8.2%;font-size:clamp(17px,5.3cqw,32px);border-width:2px;border-radius:8px}
.letter-s{left:44%;top:28%;transform:rotate(-12deg)}
.letter-p{left:54%;top:25%;transform:rotate(8deg)}
.letter-e{left:64%;top:28%;transform:rotate(-5deg)}
.letter-l1{left:74%;top:31%;transform:rotate(9deg)}
.letter-l2{left:84%;top:34%;transform:rotate(15deg)}
.game.is-reacting .letter-l1{transform:translateY(-5px) rotate(3deg)}
.game.is-reacting .letter-l2{transform:translateY(-4px) rotate(20deg)}
@media(max-width:900px){.wizard{width:34%;right:5%;bottom:-3%}}
@media(max-width:600px){.intro h1{font-size:clamp(36px,10.8vw,52px)}.wizard{width:34%;right:5%;bottom:-5%}.intro-copy{max-width:30ch}}

.keep-together{white-space:nowrap}