.pg{--ink:#304e60;--sky:#4bbad7;--sun:#ffd467;--leaf:#266449;color:var(--ink);background:#f1fbfe;border:2px solid #b7e2ec;border-radius:24px;margin:24px 0 32px;padding:32px;font-family:Arial,sans-serif;line-height:1.6}.pg [hidden]{display:none!important}.pg h2{font-family:"Trebuchet MS",Arial,sans-serif;font-size:30px;font-weight:700;line-height:1.2;color:var(--ink);margin:0 0 16px}.pg p{font-size:17px;max-width:65ch}.pg-welcome{display:flex;align-items:center;gap:28px}.pg-welcome>img{flex:0 0 160px;border-radius:50%}.pg button{font:inherit;font-size:17px;line-height:1.4;cursor:pointer;touch-action:manipulation}.pg .pg-primary{display:inline-block;background:var(--sun);color:#253e4b;border:2px solid #907018;border-radius:12px;padding:12px 24px;font-weight:700;min-height:48px}.pg .pg-primary:hover{background:#ffdf8e}.pg button:focus-visible,.pg a:focus-visible{outline:3px solid #184d91;outline-offset:4px}.pg h2:focus{outline:none}.pg-progress{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px;font-weight:700}.pg progress{width:45%;height:14px;accent-color:var(--leaf);border:0;border-radius:8px;background:#d5e9ee}.pg progress::-webkit-progress-bar{background:#d5e9ee;border-radius:8px}.pg progress::-webkit-progress-value{background:var(--leaf);border-radius:8px}.pg-stage{display:grid;grid-template-columns:120px minmax(0,1fr);gap:28px}.pg-animal img{max-width:100%;height:auto;border-radius:50%;background:#fff}.pg-animal p{text-align:center;font-size:16px;font-weight:700;margin:8px 0}.pg .pg-step{font-size:15px;margin:0 0 8px;font-weight:700}.pg .pg-prompt{font-size:24px;line-height:1.45;margin-bottom:22px}.pg-options{display:flex;flex-wrap:wrap;gap:12px}.pg-choice{background:#fff;border:2px solid #829eaa;border-radius:12px;color:var(--ink);padding:12px 20px;min-height:52px;font-weight:700;flex:1 1 110px}.pg-choice:hover:not(:disabled){border-color:#184d91;background:#e3f4fa}.pg-options.pg-meanings{display:grid}.pg-meanings .pg-choice{text-align:left;font-size:17px;font-weight:400}.pg-choice:disabled{cursor:default;opacity:1}.pg-choice.pg-correct{border-color:var(--leaf);background:#e5f4e9;color:#1f5139}.pg-choice.pg-tried{border-style:dashed;color:#586b75;background:#f5f7f8}.pg-help{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:16px}.pg-help button{background:none;border:0;color:#285674;text-decoration:underline;text-underline-offset:3px;padding:10px 0;min-height:44px}.pg .pg-hint{background:#fff8de;border-left:4px solid #c39a25;padding:12px 16px;margin:8px 0}.pg .pg-feedback{margin:14px 0;min-height:1.6em}.pg-feedback.pg-success{border-left:4px solid var(--leaf);padding:12px 16px;background:#e5f4e9}.pg-review{padding-left:24px;margin:24px 0}.pg-review li{font-size:17px;margin:10px 0}.pg-review strong{color:#234457}#pg-finish>img{float:right;margin:0 0 16px 24px;border-radius:50%}
@media(max-width:600px){.pg{padding:20px 16px;border-radius:18px;margin-top:20px}.pg-welcome{display:block}.pg-welcome>img{width:100px;height:100px;margin-bottom:16px}.pg h2{font-size:26px}.pg-stage{grid-template-columns:minmax(0,1fr);gap:8px}.pg-animal{display:flex;gap:12px;align-items:center}.pg-animal img{width:72px;height:72px}.pg-animal p{text-align:left}.pg-progress{margin-bottom:16px}.pg .pg-prompt{font-size:22px}.pg-options{gap:8px}.pg-choice{padding:12px;flex-basis:80px}#pg-finish>img{width:88px;height:88px;margin-left:12px}}
@media print{.pg button,.pg-progress,.pg-help{display:none!important}.pg{border:0;background:white;padding:0}.pg-stage{display:block}.pg-animal{display:none}}