:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#173c64;background:#eaf5ff}*{box-sizing:border-box}body{margin:0}header{background:white;border-bottom:3px solid #d4e9f9;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px max(16px,calc((100% - 850px)/2))}.brand{display:flex;align-items:center;gap:12px}.brand img{width:74px;height:74px;object-fit:contain}.brand strong{display:block;font-size:clamp(18px,3vw,27px)}.brand small{display:block;font-size:13px}.free{font-size:13px;font-weight:800;background:#d9f5df;padding:9px 12px;border-radius:30px;white-space:nowrap}main{max-width:850px;margin:auto;padding:12px 16px 36px}.welcome{text-align:center}.welcome h1{font-size:clamp(34px,6vw,50px);margin:16px 0 6px}.welcome>p{font-size:clamp(17px,3vw,22px);margin:8px auto 18px}.notice{background:#fff4c8;border-radius:16px;padding:14px;max-width:650px;font-size:17px!important;line-height:1.5}.game{background:white;border-radius:26px;padding:clamp(20px,5vw,42px);box-shadow:0 8px 28px #153a5e18;min-height:330px}h2{font-size:clamp(25px,4vw,35px);line-height:1.25;text-align:center;margin:6px 0 24px}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.tile,.answers button,.primary{cursor:pointer;font:inherit;font-weight:800;border-radius:19px;border:3px solid #a9d0ec;background:#e7f4ff;color:#154b7d;padding:22px 10px;min-height:90px;font-size:clamp(18px,3vw,25px)}.tile span{display:block;font-size:38px;margin-bottom:7px}.tile:nth-child(2){background:#fff2d6;border-color:#f5d58b}.tile:nth-child(3){background:#e6f6df;border-color:#b7e1aa}.tile:nth-child(4){background:#f1e9ff;border-color:#d5c2f5}.tile:hover,.answers button:hover{filter:brightness(.96)}.progress{text-align:center;font-weight:800;color:#526f89;margin-bottom:15px}.listen{display:block;margin:-10px auto 22px;border:2px solid #8bbce0;border-radius:40px;background:white;padding:12px 20px;color:#164d7a;font:inherit;font-size:17px;font-weight:700;cursor:pointer}.answers{display:grid;gap:12px;max-width:550px;margin:auto}.answers button{min-height:68px;padding:14px;background:#e8f4ff}.answers button:first-child{background:#e7f7e6;border-color:#b8dfb5}.answers button:nth-child(2){background:#ffebeb;border-color:#f1bcbc}.answers button:nth-child(3){background:#fff5d8;border-color:#efd795}.plain{display:block;margin:22px auto 0;border:0;background:transparent;color:#245d89;text-decoration:underline;font:inherit;font-weight:700;cursor:pointer;padding:12px}.result-icon{text-align:center;font-size:60px}#result-text{text-align:center;font-size:22px;line-height:1.5;max-width:560px;margin:0 auto 24px}.primary{display:block;margin:auto;background:#145e9b;color:white;min-height:64px;padding:12px 25px}.help{margin-top:22px;background:#fff;border-radius:22px;padding:22px;text-align:center}.help h2{font-size:25px;margin:0 0 10px}.help p{font-size:18px;line-height:1.5}.help .adult{font-size:14px;color:#536c84}footer{text-align:center;padding:22px 12px;color:#506c84;font-size:14px}footer p{font-size:12px}button:focus-visible,a:focus-visible{outline:4px solid #f9a800;outline-offset:3px}[hidden]{display:none!important}@media(max-width:480px){header{padding:8px 12px}.brand img{width:54px;height:54px}.brand{gap:7px}.brand small{font-size:11px}.free{font-size:11px;padding:7px}.choices{gap:10px}.tile{min-height:110px;padding:12px 5px}.tile span{font-size:32px}.game{padding:20px 14px}.welcome h1{margin-top:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
#grade-select .tile{min-height:170px;font-size:clamp(22px,4vw,32px)}#change-grade{margin:10px auto}#grade-label{margin-bottom:18px}

#grade-select .tile{line-height:1.5}#grade-select .tile small{font-size:clamp(14px,2vw,18px);font-weight:600}.example{text-align:center;font-size:18px;color:#415d76;background:#f2f7fc;border-radius:12px;padding:12px;margin:0 auto 18px;max-width:540px}body[data-grade="first"] #question{font-size:clamp(30px,6vw,44px);line-height:1.35}body[data-grade="first"] .answers button{font-size:clamp(25px,5vw,32px);min-height:88px}body[data-grade="first"] .progress{font-size:21px}body[data-grade="sixth"] .game{border-top:6px solid #285e98}body[data-grade="sixth"] .answers button{font-size:21px}#read-result{margin:12px auto 18px}

.ppf-credit{font-weight:700;font-size:15px}footer a{color:#15598c} .info-page{background:#fff;border-radius:22px;padding:clamp(20px,5vw,44px);margin-top:20px;line-height:1.65}.info-page h1{font-size:clamp(29px,5vw,42px)}.info-page h2{text-align:left;font-size:24px;margin:28px 0 8px}.info-page p{font-size:17px}.info-page a{color:#125a93} .info-page a:focus-visible{outline:4px solid #f9a800}