.gbar{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap;margin:.5rem 0}
.gbtn{font:inherit;font-weight:800;font-size:1.1rem;border:0;border-radius:999px;padding:.7rem 1.2rem;background:#4dabf7;color:#fff;box-shadow:0 4px 0 #1c7ed6;cursor:pointer;min-height:52px;touch-action:manipulation}
.gbtn.off{background:#adb5bd;box-shadow:0 4px 0 #868e96}
.stage{background:#fff;border-radius:22px;padding:1rem;box-shadow:0 4px 0 #ffe066;text-align:center}
.prompt{font-size:1.6rem;font-weight:800;color:#7048e8;margin:.4rem 0 1rem}
.big{font-size:4.5rem;line-height:1.1;margin:.3rem 0}
.choices{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;max-width:520px;margin:auto}
.choice{font:inherit;font-weight:800;font-size:2.4rem;min-height:96px;border:0;border-radius:22px;background:#fff3bf;color:#2b2350;box-shadow:0 5px 0 #fab005;cursor:pointer;touch-action:manipulation}
.choice:active{transform:translateY(3px);box-shadow:0 2px 0 #fab005}
.choice.right{background:#b2f2bb;box-shadow:0 5px 0 #2f9e44}.choice.wrong{background:#ffc9c9;box-shadow:0 5px 0 #e03131;animation:shake .3s}
@keyframes shake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.stars{font-size:1.5rem;min-height:2rem}
.cheer{font-size:1.4rem;font-weight:800;color:#2f9e44;min-height:2.2rem}
.buddy{width:110px;height:110px;border-radius:50%;margin:0 auto;border:5px solid #ffd43b}
.hop{animation:hop .5s}@keyframes hop{50%{transform:translateY(-18px)}}
.items{font-size:3rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem;max-width:520px;margin:auto;min-height:4rem}
.mem{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;max-width:480px;margin:auto}
@media(min-width:600px){.mem{grid-template-columns:repeat(4,1fr)}}
.card2{aspect-ratio:1;border:0;border-radius:18px;font-size:2.8rem;background:#7048e8;color:#fff;box-shadow:0 4px 0 #5f3dc4;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden;touch-action:manipulation}
.card2.up{background:#fff3bf;box-shadow:0 4px 0 #fab005}.card2.done{background:#b2f2bb;box-shadow:0 4px 0 #2f9e44}
.card2 img{width:85%;height:85%;object-fit:cover;border-radius:50%}
.color{min-height:96px;border-radius:22px;border:5px solid #fff;box-shadow:0 5px 0 #ced4da;cursor:pointer}
.ghub{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:700px){.ghub{grid-template-columns:repeat(3,1fr)}}
.gcard{display:block;text-decoration:none;color:#2b2350;background:#fff;border-radius:22px;padding:1rem;box-shadow:0 5px 0 #ffe066;text-align:center}
.gcard .ico{font-size:3.5rem}.gcard h2{margin:.3rem 0}
.note{font-size:.95rem;background:#e7f5ff;border-radius:16px;padding:.8rem 1rem}