/* V21: child-friendly quiz + responsive safety */
.v20-quiz-shell{min-width:0}.v21-mode-screen{border-radius:24px;background:radial-gradient(circle at 100% 0%,#285d4b 0,#103b2d 44%,#08291f 100%);padding:clamp(20px,4vw,42px);color:#fff;border:2px solid #dabf7e;box-shadow:0 12px 32px #132d2417}.v21-mode-heading{text-align:center;max-width:650px;margin:0 auto 26px}.v21-mode-heading h2{font-family:Georgia,serif;font-size:clamp(31px,4.6vw,52px);color:#f5e2a4;margin:8px 0}.v21-mode-heading p{color:#e0ece4}.v21-sparkle{color:#efd489;letter-spacing:12px;font-size:24px}.v21-mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.v21-mode{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;background:#fefbf1;color:#123b2e;min-height:220px;border:2px solid #ead7a7;border-radius:18px;padding:22px 13px;cursor:pointer;transition:transform .16s,box-shadow .16s,border-color .16s}.v21-mode:hover,.v21-mode:focus-visible{transform:translateY(-4px);box-shadow:0 9px 0 #cba655;border-color:#cfaa57}.v21-mode:focus-visible,.v20-answer:focus-visible,.v20-button:focus-visible{outline:3px solid #e6b84d;outline-offset:3px}.v21-mode strong{font-family:Georgia,serif;font-size:clamp(20px,2vw,26px)}.v21-mode>span:not(.v21-mode-emoji){font-size:14px;line-height:1.45}.v21-mode small{margin-top:auto;color:#48725f}.v21-mode-emoji{font-size:39px}.v20-quiz{min-width:0}.v20-quiz-panel{min-width:0;background:linear-gradient(155deg,#fffef7,#f6f6ec);border:2px solid #d2bc80;box-shadow:0 8px 22px #0c312315}.v21-round-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px}.v21-mode-pill{display:inline-flex;background:#d8b967;color:#113a2a;border-radius:50px;font-weight:800;padding:8px 14px;font-size:13px}.v21-quit{background:transparent;border:0;color:#174a36;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.v20-answer{font-size:16px;font-weight:600;border-radius:14px;min-width:0;min-height:82px;box-shadow:0 3px 0 #cad3c3;transition:background .12s,transform .12s}.v20-answer:hover:not(:disabled){transform:translateY(-2px)}.v20-quiz-panel .v20-progress{height:13px;background:#dce6d9}.v20-quiz-panel .v20-progress>div{background:linear-gradient(90deg,#56a66e,#ddba68)}.v20-ladder{top:86px;border:1px solid #d7b672;box-shadow:0 8px 22px #0b251b1c}.v21-ladder-head{display:flex;align-items:center;gap:8px}.v21-ladder-head>span{font-size:27px}.v21-results{text-align:center;padding:25px 0}.v21-results h2{font-family:Georgia,serif;font-size:clamp(27px,4vw,44px)}.v21-results [data-q-final]{font-size:21px;font-weight:750}.v21-results .v20-button{margin:8px}.v21-trophy{display:block;font-size:60px}.v20-feedback a{text-decoration:underline;margin-left:4px}.v20-quiz-shell [hidden]{display:none!important}
@media(max-width:1100px){.v21-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v21-mode{min-height:185px}}
@media(max-width:760px){.v20-section{padding:32px 0}.v20-quiz-panel{padding:18px 15px}.v20-question{font-size:clamp(25px,6vw,34px)}.v21-mode-screen{border-radius:15px}.v21-mode-grid{gap:10px}.v21-mode{padding:17px 8px;min-height:180px}.v21-mode-emoji{font-size:29px}.v21-mode strong{font-size:21px}.v20-answers{grid-template-columns:1fr}.v20-quiz{gap:16px}.v20-ladder{position:static}.v20-ladder ol{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:430px){.v21-mode-grid{grid-template-columns:1fr}.v21-mode{min-height:0;padding:13px;display:grid;grid-template-columns:45px 1fr;text-align:left;align-items:center}.v21-mode-emoji{grid-row:span 3}.v21-mode small{margin:0}.v20-ladder ol{grid-template-columns:repeat(2,minmax(0,1fr))}.v20-controls .v20-button{width:100%}.v21-round-head{flex-wrap:wrap}.v20-quiz-panel{border-radius:12px}}
@media(prefers-reduced-motion:reduce){.v21-mode,.v20-answer,.v20-quiz-panel .v20-progress>div{transition:none!important}.v21-mode:hover{transform:none}}
/* Keep images and long content inside narrow viewports without changing desktop layout. */
img,video,iframe{max-width:100%}main,section,.wrap,.footer-grid{min-width:0}pre,code{overflow-wrap:anywhere}table{max-width:100%}