:root{--bg-top:#aee6ff;--bg-bottom:#7ecdf5;--ink:#2b4a63;--ink-strong:#17364e;--card:#fff;--outline:#2b4a63;--primary:#2793dd;--primary-deep:#1d7fc2;--star:#ffc933;--correct:#4cc76a;--cat-kazu:#4cc76a;--cat-moji:#f2607a;--cat-chie:#f5a623;--cat-kotoba:#9b6ef3;--radius-lg:28px;--radius-md:20px;--shadow-card:0 6px 0 #1f5a802e}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{min-height:100%;margin:0;padding:0}body{background:linear-gradient(180deg, var(--bg-top) 0%, var(--bg-bottom) 100%);color:var(--ink-strong);-webkit-user-select:none;user-select:none;touch-action:manipulation;overscroll-behavior:none;background-attachment:fixed;font-weight:700}button{cursor:pointer;touch-action:manipulation;border:none;font-family:inherit;font-weight:800}.card{background:var(--card);border:4px solid var(--outline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.big-button{color:#fff;background:var(--primary);border:4px solid var(--outline);min-height:64px;box-shadow:0 6px 0 var(--primary-deep);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 28px;font-size:22px;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.big-button:active{box-shadow:0 2px 0 var(--primary-deep);transform:translateY(4px)}.big-button.secondary{color:var(--ink-strong);background:#fff;box-shadow:0 6px #1f5a8040}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.06)}to{transform:scale(1)}}@keyframes bounce-happy{0%,to{transform:translateY(0)}30%{transform:translateY(-22px)scale(1.05,.95)}60%{transform:translateY(0)scale(.97,1.03)}80%{transform:translateY(-8px)}}@keyframes soft-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes glow-hint{0%,to{box-shadow:0 0 #ffc93300}50%{box-shadow:0 0 0 12px #ffc9338c}}@keyframes star-fly{0%{opacity:1;transform:translate(0)scale(.4)}to{transform:translate(var(--fly-x), var(--fly-y)) scale(1.15);opacity:0}}@keyframes float-up{0%{opacity:0;transform:translateY(0)scale(.8)}20%{opacity:1}to{opacity:0;transform:translateY(-90px)scale(1.25)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-10vh)rotate(0)}to{opacity:.6;transform:translateY(110vh)rotate(720deg)}}.anim-pop{animation:.35s both pop-in}@keyframes count-pop{0%{transform:scale(1.35)}to{transform:scale(1)}}.anim-count{animation:.15s both count-pop}.certificate,.print-sheet{display:none}@media print{body *{visibility:hidden}.certificate,.certificate *,.print-sheet,.print-sheet *{visibility:visible}.certificate,.print-sheet{display:block;position:absolute;inset:24px}}.anim-bounce{animation:.7s both bounce-happy}.anim-shake{animation:.3s soft-shake}.anim-hint{animation:1.1s infinite glow-hint}