#pointQuiz{position:fixed;z-index:110;top:64px;left:12px;width:min(320px,calc(100vw - 24px));padding:12px;background:#172d32f5;border:1px solid #52766a;border-radius:12px;color:#deeee7;box-sizing:border-box;box-shadow:0 8px 32px #0004}#pointQuiz[hidden],#pointQuizDots[hidden]{display:none!important}#pointQuiz header{display:flex;align-items:center;justify-content:space-between;gap:8px}#pointQuiz header strong{font-size:10px;letter-spacing:.1em;color:#9cdbbd}#pointQuiz header button{background:none;border:0;color:inherit;font-size:22px;width:34px;height:34px}#pointQuiz h2{font-size:16px;line-height:1.4;margin:8px 0}#pointQuiz small,#pointQuiz p{font-size:11px;line-height:1.5}#pointQuiz p{margin:8px 0}#pointQuiz [data-next]{background:#9cdbbd;color:#18372e;border:0;border-radius:6px;padding:9px 12px}#pointQuizDots{position:fixed;inset:0;pointer-events:none;z-index:100}.point-quiz-dot{position:absolute;width:10px;height:10px;min-width:10px;min-height:10px;padding:0;transform:translate(-50%,-50%);border:0;border-radius:50%;background:#4a9778;box-shadow:none;pointer-events:auto;touch-action:manipulation}.point-quiz-dot.point-right{background:#49d78a}.point-quiz-dot.point-wrong{background:#ee6c6c;animation:point-shake .32s}.point-shake{animation:point-shake .32s}@keyframes point-shake{25%,75%{translate:-5px 0}50%{translate:5px 0}}.point-quiz-active #sourceRecord,.point-quiz-active .source-lesson-tools,.point-quiz-active .source-anchor{display:none!important}@media(prefers-reduced-motion:reduce){.point-shake,.point-quiz-dot{animation:none!important}}

#quiz{display:none!important}.point-quiz-active #hoverTip,.point-quiz-active #pin,.point-quiz-active #handNameTip{display:none!important}

/* Compact two-line question strip; feedback stays on the selected dot. */
.point-quiz-dot{background:#fff;border:1px solid #000;box-sizing:border-box}
#pointQuiz{top:auto;bottom:0;left:0;width:100%;border:0;border-top:1px solid #426158;border-radius:0;padding:8px 12px calc(8px + env(safe-area-inset-bottom));text-align:center;background:#172d32f2}
#pointQuiz header,#pointQuiz [data-feedback],#pointQuiz [data-next]{display:none!important}
#pointQuiz [data-progress]{display:block;font-size:11px;line-height:16px}
#pointQuiz h2{font-size:14px;line-height:20px;margin:2px 0 0}

/* Keep the visible dot tiny, but provide a finger-sized transparent hit target. */
.point-quiz-dot{width:24px;height:24px;min-width:24px;min-height:24px;background:transparent;border:0;box-shadow:none}
.point-quiz-dot::after{content:'';position:absolute;left:7px;top:7px;width:10px;height:10px;box-sizing:border-box;border:1px solid #000;border-radius:50%;background:#fff;pointer-events:none}
.point-quiz-dot.point-right,.point-quiz-dot.point-wrong{background:transparent}
.point-quiz-dot.point-right::after{background:#49d78a}
.point-quiz-dot.point-wrong::after{background:#ee6c6c}

#pointQuiz{padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(110deg,#172d32fa,#203b3cfa);box-shadow:0 -5px 24px #0003;text-align:left}
.pq-summary{display:flex;align-items:center;justify-content:space-between;gap:12px}
#pointQuiz [data-title]{font-size:12px;line-height:18px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cbded7}
#pointQuiz [data-score]{display:flex;gap:12px;flex-shrink:0;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.pq-correct{color:#8ddfb1}.pq-wrong{color:#f39d97}
#pointQuiz [data-progress]{font-size:9px;line-height:13px;color:#8faea7;margin-top:2px}
#pointQuiz h2{font-size:14px;font-weight:400;line-height:20px;margin:3px 0 0;color:#a9beb8}
#pointQuiz h2 strong{font-weight:750;color:#b3ebcd}

/* Exactly two rows: lesson/scores, then question number + target. */
#pointQuiz [data-progress]{display:none}
/* Compact floating quiz, not a full-width footer strip. */
#pointQuiz{top:68px;bottom:auto;left:12px;width:min(330px,calc(100vw - 24px));border:1px solid #52766a;border-radius:10px;padding:9px 12px;box-shadow:0 8px 28px #0004;text-align:left}#pointQuiz header{display:flex!important;position:static;background:none;border:0;height:auto;padding:0;margin-bottom:5px}#pointQuiz header strong{font-size:13px;letter-spacing:0;cursor:grab;flex:1;color:#dceee8}#pointQuiz header button{height:24px;width:24px;font-size:20px}#pointQuiz h2{font-size:13px;line-height:19px}

/* Native FindPoint: COLOR tint + cavity!=0 selects hollow UI texture. */
.point-quiz-dot::after{border:0;background:var(--dot-color,#fff);mask:url('../data/catalog/quiz-markers/label_gizmos_circle_white.png') center/contain no-repeat;-webkit-mask:url('../data/catalog/quiz-markers/label_gizmos_circle_white.png') center/contain no-repeat}.point-quiz-dot[data-cavity="true"]::after{mask-image:url('../data/catalog/quiz-markers/label_gizmos_circle_cavity.png');-webkit-mask-image:url('../data/catalog/quiz-markers/label_gizmos_circle_cavity.png')}

#pointQuiz header{margin:-9px -12px 8px!important;padding:7px 6px 7px 12px!important;background:#ffffff06!important;border-bottom:1px solid #a8ddd025!important;border-radius:10px 10px 0 0;gap:6px}#pointQuiz header button{align-self:flex-start;flex:0 0 24px;padding:0;line-height:24px;margin:0}#pointQuiz header strong{line-height:24px}
/* Native corner resize; shared attachFloating observes and persists geometry. */
#pointQuiz{resize:both;overflow:auto;min-width:240px;min-height:140px;max-width:calc(100vw - 12px);max-height:calc(100dvh - 64px)}