@font-face{font-family:Fredoka;src:url(/assets/font.ttf)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{color:#152546;background:#fff8ed;margin:0;font:17px/1.65 system-ui,sans-serif}h1,h2,h3,.logo,strong,.button{font-family:Fredoka,system-ui,sans-serif}h1{letter-spacing:-.035em;margin:22px 0;font-size:clamp(2.8rem,6vw,5.5rem);line-height:1.04}h2{font-size:clamp(2rem,3.5vw,3rem);line-height:1.15}h3{font-size:2.5rem;line-height:1.2}p{max-width:65ch}a{color:#4432ad;text-underline-offset:5px}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:5px;outline:3px solid #087c6b}header{justify-content:space-between;align-items:center;gap:20px;max-width:1280px;margin:auto;padding:25px 5%;display:flex}.logo{color:#152546;align-items:center;gap:10px;font-size:23px;line-height:1;text-decoration:none;display:flex}.logo img{border-radius:14px}nav{align-items:center;gap:28px;display:flex}nav a{color:#152546;font-weight:650;text-decoration:none}nav a:hover{text-decoration:underline}.nav-cta,.button{color:#152546;background:#ffd46b;border:2px solid #152546;border-radius:16px;padding:13px 23px;font-size:18px;text-decoration:none;display:inline-block;box-shadow:0 4px #152546}.button:hover{transform:translateY(-2px)}.secondary{color:#152546;background:#fff8ed;border:2px solid #152546;border-radius:14px;padding:10px 18px}.actions{flex-wrap:wrap;gap:16px;margin:28px 0;display:flex}main{max-width:1280px;margin:auto;padding:0 5%}section{margin:65px 0}.hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:30px;margin-top:45px;display:grid}.hero p{max-width:42ch;font-size:19px}.tag{letter-spacing:.12em;color:#51418e;background:#e9e0ff;border-radius:30px;padding:7px 12px;font-size:12px;font-weight:800;display:inline-block}.small,.hero .small{color:#4c576c;font-size:13px}.scene{text-align:center;background:radial-gradient(circle at 50% 35%,#e0f6bd,#b5dec3);border:2px solid #152546;border-radius:48% 48% 35% 35%;min-height:440px;position:relative;overflow:hidden;box-shadow:10px 12px #e2d9fb}.scene:before{content:"✦";color:#7260cf;font-size:60px;position:absolute;top:8%;left:12%}#dragon{cursor:grab;height:360px}#dragon canvas{width:100%;height:100%;display:block}.scene-note{padding:10px;font-size:12px;display:block}.stats{color:#fff8ed;background:#152546;border-radius:26px;grid-template-columns:repeat(4,1fr);gap:20px;padding:30px;display:grid}.stats div{text-align:center;font-size:14px}.stats strong{color:#ffd46b;font-size:43px;display:block}.split,.quest{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.world{border:2px solid #152546;border-radius:22px;width:100%;height:auto}.quest{background:#e9e0ff;border:2px solid #152546;border-radius:32px;padding:36px}.quest h2{margin-top:18px}.puzzle{text-align:center;background:#fff;border-radius:24px;min-height:340px;padding:28px}#question{margin:18px 0}#answers{grid-template-columns:1fr 1fr;gap:12px;display:grid}#answers button{background:#fff8ed;border:2px solid #152546;border-radius:14px;padding:12px;font-family:Fredoka;font-size:25px}#answers button:hover{background:#ffd46b}#feedback{min-height:48px;font-size:15px}.page-head{max-width:900px}.page-head p{font-size:20px}label{margin:15px 0 7px;font-size:14px;font-weight:700;display:block}input,select{color:#152546;background:#fff;border:2px solid #152546;border-radius:12px;width:100%;max-width:100%;padding:11px 14px}#sound{margin-top:15px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.card{overflow-wrap:anywhere;background:#fff;border:2px solid #152546;border-radius:24px;padding:26px}.card h2{margin-top:8px;font-size:24px}.card p{font-size:15px}.game-icon{background:#e9e0ff;border-radius:22px;place-items:center;width:72px;height:72px;font-size:38px;display:grid}.card:nth-child(3n+2) .game-icon{background:#ffdfb5}.card:nth-child(3n) .game-icon{background:#c9eddf}.card button{font-size:15px}.faq{max-width:850px;margin:70px auto}details{border-bottom:1px solid #c2bdba;padding:20px 0}summary{cursor:pointer;font-size:19px;font-weight:700}.reading{max-width:820px}.reading .card{margin-bottom:20px}dialog{color:#152546;background:#fff8ed;border:2px solid #152546;border-radius:24px;max-width:min(540px,90vw);padding:28px}dialog::backdrop{background:#152546aa}#close{float:right;background:#fff;border:1px solid;border-radius:10px;padding:8px}.swatches{grid-template-columns:repeat(6,1fr);gap:15px;display:grid}.swatches span{background:var(--swatch);border:1px solid #152546;border-radius:20px;height:100px;margin-bottom:10px;display:block}.swatches strong,.swatches code{font-size:14px;display:block}footer{background:#e9e0ff;border-top:2px solid #152546;margin-top:100px;padding:50px max(5%,50vw - 575px)}footer nav{flex-wrap:wrap;margin:22px 0}#menu{display:none}.pop{animation:.45s pop}@keyframes pop{50%{transform:scale(1.08)}}@media (width<=800px){.hero,.split,.quest{grid-template-columns:1fr}.hero{margin-top:20px}.scene{width:100%;max-width:500px;min-height:370px;margin:auto}#dragon{height:290px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.swatches{grid-template-columns:repeat(3,1fr)}header{flex-wrap:wrap}#menu{background:#fff8ed;border:2px solid #152546;border-radius:12px;padding:8px 12px;display:block}header nav{flex-direction:column;align-items:stretch;gap:15px;width:100%;padding:16px 0;display:none}header nav.open{display:flex}.stats{grid-template-columns:1fr 1fr}.quest{padding:22px}section{margin:45px 0}}@media (width<=460px){.grid{grid-template-columns:1fr}.hero p{font-size:17px}.quest{padding:16px}.puzzle{padding:18px}.stats{gap:16px;padding:20px}.stats strong{font-size:35px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}[hidden]{display:none!important}.scene-note{padding:10px 22px 16px;line-height:1.4}#dragon{touch-action:pan-y}