.pmg{max-width:620px;margin:0 auto}.pmg-card{background:#fff;border:3px solid #7CC6F5;border-radius:24px;box-shadow:0 10px #d7ecfb,0 20px 40px #00000012;padding:clamp(1.4rem,4vw,2.2rem);text-align:center}.pmg-screen[hidden]{display:none}.pmg-h{font-family:Fredoka One,Nunito,sans-serif;font-size:1.45rem;color:#2d2d2d;margin:0 0 .9rem}.pmg-chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem}.pmg-chip{font-family:Fredoka One,Nunito,sans-serif;font-size:1.05rem;color:#5c5c66;background:#fff;border:3px solid #E7ECF1;border-radius:18px;cursor:pointer;min-height:3.3rem;min-width:4.2rem;padding:.4rem .8rem;display:flex;flex-direction:column;align-items:center;transition:transform .1s,border-color .1s,background .1s,color .1s}.pmg-chip small{font-family:Nunito,sans-serif;font-weight:800;font-size:.62rem;opacity:.75}.pmg-chip:hover{border-color:#0397f1;transform:translateY(-2px)}.pmg-chip.is-on{background:#0397f1;border-color:#0369a1;color:#fff;box-shadow:0 3px #0369a1}.pmg-modedesc{color:#5c5c66;font-weight:700;font-size:.95rem;margin:0 0 1rem;line-height:1.55}.pmg-hud{display:flex;justify-content:space-between;font-weight:800;margin-bottom:.8rem}.pmg-count{color:#5c5c66}.pmg-count b{color:#2d2d2d}.pmg-score{color:#0369a1}.pmg-problem{font-size:clamp(1.05rem,3vw,1.25rem);font-weight:800;color:#2d2d2d;line-height:1.5;margin:0 0 1rem;min-height:3.6rem;text-wrap:balance}.pmg-answer-row{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.4rem}.pmg-answer{display:inline-flex;align-items:center;justify-content:center;min-width:5.2rem;min-height:3.4rem;padding:0 .7rem;border:3px dashed #a8d5f2;border-radius:16px;background:#f4fafe;font-family:Fredoka One,Nunito,sans-serif;font-size:1.7rem;color:#2d2d2d;transition:background .15s,border-color .15s}.pmg-answer.is-correct{background:#eaf8e6;border-color:#35802d;border-style:solid;color:#276020}.pmg-answer.is-wrong{background:#fdecec;border-color:#e5484d;border-style:solid;color:#b3262b;animation:pmg-shake .4s}.pmg-ph{color:#7fb8de}.pmg-unit{font-weight:800;color:#5c5c66;font-size:1.1rem}.pmg-feedback{min-height:1.5rem;margin:.3rem 0 .4rem;font-weight:800;font-size:1rem}.pmg-feedback.ok{color:#35802d}.pmg-feedback.no{color:#e5484d}.pmg-hint-btn{font-family:Nunito,sans-serif;font-weight:800;font-size:.85rem;cursor:pointer;background:#fff7e6;color:#9c7400;border:2px solid #FFD98A;border-radius:999px;padding:.35rem .9rem;margin-bottom:.5rem}.pmg-hint{background:#fff7e6;border:2px solid #FFD98A;border-radius:12px;padding:.5rem .9rem;color:#6b4e16;font-weight:700;font-size:.92rem;margin:0 0 .7rem}.pmg-hint[hidden]{display:none}.pmg-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;max-width:340px;margin:0 auto}.pmg-key{font-family:Fredoka One,Nunito,sans-serif;font-size:1.4rem;color:#2d2d2d;background:#fff;border:3px solid #E7ECF1;border-radius:16px;cursor:pointer;padding:.5rem .2rem;min-height:3.2rem;box-shadow:0 5px #e2e8ee;transition:transform .08s,box-shadow .08s,border-color .08s}.pmg-key:hover:not(:disabled){border-color:#0397f1;transform:translateY(-2px)}.pmg-key:active:not(:disabled){transform:translateY(2px);box-shadow:none}.pmg-key:disabled{opacity:.55;cursor:default}.pmg-key-del{color:#0369a1}.pmg-key-ok{background:#ffc94d;border-color:#d97706;box-shadow:0 5px #d97706}.pmg-stars{font-size:2.4rem;line-height:1;margin-bottom:.4rem;letter-spacing:.1em}.pmg-stars .off{opacity:.25}.pmg-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.pmg-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-family:Nunito,sans-serif;font-weight:800;font-size:1.05rem;border:none;cursor:pointer;text-decoration:none;min-height:3.4rem;padding:.8rem 1.6rem;border-radius:999px;transition:transform .12s}.pmg-btn-go{background:#0397f1;color:#fff;box-shadow:0 5px #0369a1}.pmg-btn-cta{background:#ffc94d;color:#2c2200;box-shadow:0 5px #d97706}.pmg-btn-big{font-size:1.15rem;padding:.9rem 2rem}.pmg-btn:hover{transform:translateY(-2px)}.pmg-btn:active{transform:translateY(2px);box-shadow:none}@keyframes pmg-shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}50%{transform:translate(7px)}75%{transform:translate(-5px)}}@media(prefers-reduced-motion:reduce){.pmg-answer.is-wrong{animation:none!important}}