/* Eye Anatomy: one phone column, one central scroll owner, exact verified images. */
.en-game{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;position:relative;height:100%;min-height:0;background:#17213d;color:#f7f3eb;font:max(14px,0.9375rem)/1.4 system-ui,sans-serif;overflow:hidden;isolation:isolate;color-scheme:dark}
.en-game *{box-sizing:border-box}.en-game button{font:600 max(14px,0.9375rem)/1.35 system-ui,sans-serif;min-height:44px;min-width:44px;border:1px solid #b7bfd0;border-radius:9px;padding:10px 12px;background:#303b59;color:#f7f3eb;cursor:pointer;touch-action:manipulation}.en-game button:disabled{opacity:.45;cursor:default}.en-game button:focus-visible{outline:3px solid #edc581;outline-offset:2px}.en-game button svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.en-game .en-icon-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:9px;flex:none}
.en-header{display:flex;align-items:center;gap:4px;padding:6px 8px;padding-top:calc(6px + env(safe-area-inset-top,0px));background:#17213d;border-bottom:1px solid #b7bfd044}.en-header h1{flex:1;min-width:0;margin:0;font:700 1.25rem/1.1 system-ui,sans-serif;letter-spacing:-.5px;white-space:normal;overflow-wrap:anywhere}.en-header button{background:transparent;border-color:transparent}
.en-hud{min-height:54px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:5px 12px;background:#252d49;border-bottom:1px solid #b7bfd044;gap:8px}.en-hud>div{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.en-hud>div+div{border-left:1px solid #b7bfd044}.en-hud small{font-size:0.6875rem;letter-spacing:.08em;color:#d0d4df}.en-hud b,.en-hud time{font-size:1.3125rem;font-weight:650;font-variant-numeric:tabular-nums;line-height:1.15}.en-hud-explore{grid-template-columns:2fr 1fr}.en-hud-explore b{font-size:1.0625rem}
.en-main{min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;background:#17213d;touch-action:pan-y}.en-prompt{flex:none}.en-prompt>small,.en-topic>span{display:block;font-size:0.6875rem;letter-spacing:.08em;color:#d0d4df;margin-bottom:4px}.en-question{margin:0;font:650 max(16px,1.0625rem)/1.35 system-ui,sans-serif}.en-diagram{position:relative;flex:1 0 240px;min-height:240px;overflow:hidden;touch-action:none;background:#f7f3eb;border:1px solid #b7bfd0;border-radius:10px;user-select:none;isolation:isolate}.en-image{position:absolute;transform-origin:0 0;pointer-events:none}.en-image img{width:100%;height:100%;display:block;object-fit:contain;filter:none}.en-leader{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.en-leader path{fill:none;stroke-linecap:round;stroke-linejoin:round}.en-leader .en-leader-halo{stroke:#fff;stroke-width:7px}.en-leader .en-leader-stroke{stroke:#322447;stroke-width:3px}.en-leader .en-leader-arrow{fill:#322447;stroke:#fff;stroke-width:1.25px}.en-target-cue{position:absolute;bottom:10px;left:10px;right:10px;text-align:center;background:#17213deb;color:#fff;padding:7px;font-size:0.8125rem;border-radius:5px}.en-target-cue[hidden]{display:none}.en-pin{position:absolute;width:14px;height:14px;border:2px solid #fff;border-radius:50%;background:#c69642;box-shadow:0 0 0 2px #17213d;transform:translate(-50%,-50%);pointer-events:none}
.en-view-controls{display:flex;align-items:center;gap:8px;flex:none;min-height:44px}.en-view-controls>span{flex:1;color:#d0d4df;font-size:0.8125rem}.en-view-controls button{height:44px;min-width:44px;padding:8px 10px;background:#252d49}.en-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(144px,9rem)),1fr));gap:8px;flex:none}.en-options button{display:flex;gap:8px;align-items:center;text-align:left;min-height:52px;min-width:0;overflow-wrap:anywhere;padding:10px;font-size:max(14px,0.9375rem);font-weight:500;background:#252d49}.en-options.en-options-long{grid-template-columns:1fr}.en-options-long button{min-height:48px}.en-choice-marker{display:grid;place-items:center;flex:0 0 23px;height:23px;border:1px solid #b7bfd088;border-radius:50%;font-size:0.75rem;font-weight:650}.en-options [aria-pressed=true],.en-explore-regions [aria-pressed=true],.en-topic-sheet [aria-pressed=true]{background:#454268;border-color:#edc581;box-shadow:inset 0 0 0 1px #edc581}.en-options [aria-pressed=true] .en-choice-marker{background:#edc581;color:#17213d;border-color:#edc581}.en-gesture-hint{margin:0;font-size:max(14px,0.875rem);line-height:1.4;color:#d0d4df;flex:none}.en-feedback{flex:none;border-top:1px solid #b7bfd077;padding:12px 0 4px;font-size:max(14px,0.9375rem);line-height:1.45}.en-feedback>b{display:block;font-size:1rem}.en-feedback>small{display:block;font-size:0.75rem;color:#d0d4df;margin-top:5px}.en-feedback p{margin:7px 0 0}.en-actions{display:flex;gap:8px;padding:8px 12px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));border-top:1px solid #b7bfd044;background:#17213d;min-height:0}.en-actions:empty{display:none}.en-actions>button{width:100%;min-height:48px;background:#454268;border-color:#b7bfd0;font-size:1rem}.en-actions>button svg{display:none}.en-actions>button .en-sr-only{position:static;width:auto;height:auto;clip-path:none;white-space:normal;margin:0;overflow:visible}
.en-entry,.en-message,.en-concealed{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;min-height:min-content}.en-entry h2,.en-concealed h2{font-size:1.4375rem;line-height:1.2;margin:0}.en-entry p,.en-message p{margin:0;max-width:32em}.en-entry-art{display:block;width:100%;height:auto;max-height:280px;object-fit:contain;background:#f7f3eb;border-radius:10px;border:1px solid #b7bfd0}.en-entry .en-pack-note{font-size:max(14px,0.875rem);color:#d0d4df}.en-entry>button{margin-top:4px}.en-message{align-items:stretch}.en-message h2{font-size:2rem;margin:0}.en-message .en-diagram{flex:0 0 240px}.en-message .en-feedback{text-align:left}.en-concealed{background:#17213d}.en-pause-actions{display:flex;gap:10px;width:100%;max-width:300px}.en-pause-actions>button{flex:1}.en-pause-resume{margin:0}.en-topic{flex:none}.en-topic>button{width:100%;text-align:left;min-height:46px;display:flex;justify-content:space-between}.en-topic>button:after{content:'⌄';font-size:1.125rem;margin-left:12px}.en-explore-regions{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;flex:none;min-height:48px;padding-bottom:4px;scrollbar-width:thin;touch-action:pan-x}.en-explore-regions>button{flex:0 0 auto;white-space:nowrap;font-size:max(14px,0.875rem);min-height:44px}.en-exploring .en-diagram{min-height:260px;flex-basis:260px}
.en-expanded,.en-topic-sheet,.en-help{position:absolute;inset:0;z-index:10;background:#17213d;color:#f7f3eb;padding:12px;padding-top:calc(12px + env(safe-area-inset-top,0px));padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:10px;overflow:auto}.en-expanded-header,.en-topic-sheet>header{display:flex;align-items:center;gap:8px;flex:none}.en-expanded-header>b,.en-topic-sheet h2{flex:1;margin:0;font-size:1.1875rem}.en-expanded>p{margin:0;flex:none;font-size:max(14px,0.875rem)}.en-expanded .en-diagram{flex:1 0 240px;min-height:240px}.en-expanded .en-view-controls{flex:none}.en-topic-sheet{justify-content:flex-start}.en-topic-sheet>button{min-height:52px;text-align:left;flex:none}.en-help{font-size:max(14px,0.9375rem);line-height:1.45}.en-help-copy{flex:none}.en-help h2{font-size:1.375rem;margin:0 0 12px}.en-help p{margin:0 0 14px}.en-help>button{flex:none;min-height:48px}.en-error{position:absolute;inset:auto 10px 10px;z-index:20;background:#f7f3eb;color:#17213d;padding:14px;border:2px solid #edc581;border-radius:10px;font-size:max(14px,0.9375rem)}.en-error button{display:block;margin-top:10px;width:100%}.en-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.gs-host:has(>.en-game){overflow:hidden}
.dark .en-game{background:#17213d;color:#f7f3eb}.dark .en-diagram{background:#f7f3eb}.dark .en-image img{filter:none}
@media(max-height:700px){.en-hud{min-height:50px}.en-main{padding-top:8px;gap:7px}.en-diagram{flex-basis:230px;min-height:230px}.en-question{font-size:max(16px,1rem)}.en-feedback,.en-options button{font-size:max(14px,0.875rem)}.en-feedback>b{font-size:max(14px,0.9375rem)}.en-exploring .en-diagram{min-height:240px;flex-basis:240px}.en-entry-art{max-height:220px}}
@media(prefers-reduced-motion:reduce){.en-game *{scroll-behavior:auto}}

/* App-wide paragraph sizes must not shrink anatomy teaching copy below14px.
   rem still grows with the reader's text preference; the pixel value is only a floor. */
.en-game p{font-size:max(14px,0.9375rem)}

/* Fit the reviewed image proportions instead of stretching a blank mat to fill
   the screen. The existing contained-image geometry still owns pins and arrows;
   expanded inspection keeps its larger, independently fitted viewport. */
.en-main>.en-diagram{width:100%;height:auto;aspect-ratio:var(--en-image-ratio,3 / 2);min-height:0;flex:0 0 auto}
.en-options{gap:6px}.en-options button{min-height:48px;padding:8px 10px}
.en-feedback{padding-top:9px}.en-feedback-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.en-feedback-heading>b{font-size:max(14px,1rem);min-width:0}.en-feedback-heading>small{flex:none;font-size:0.75rem;color:#d0d4df;white-space:nowrap}.en-feedback-correct{border-top-color:#99c6b5}.en-feedback-missed{border-top-color:#edc581}.en-feedback .en-your-answer{color:#d0d4df;font-size:max(14px,0.875rem);margin-top:5px}
.en-result-summary{display:flex;flex-direction:column;gap:12px;flex:none;text-align:left;padding:8px 0}.en-result-summary>small{font-size:0.75rem;letter-spacing:.08em;color:#d0d4df}.en-result-summary h2{margin:0;font-size:2.25rem;line-height:1.1;font-variant-numeric:tabular-nums}.en-result-summary h2>span{font-size:1rem;font-weight:500}.en-result-summary p{margin:0}.en-result-accuracy{font-weight:650}.en-result-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:12px 0;border-top:1px solid #b7bfd044;border-bottom:1px solid #b7bfd044}.en-result-stats>div{min-width:0}.en-result-stats dt{font-size:max(14px,0.875rem);color:#d0d4df}.en-result-stats dd{margin:3px 0 0;font-size:1.125rem;font-weight:650;font-variant-numeric:tabular-nums}.en-replay-target{border-left:3px solid #edc581;padding-left:10px}.en-missed-concepts{color:#d0d4df}.en-result-summary>button{align-self:stretch;min-height:48px}
@media(max-width:370px){.en-feedback-heading{align-items:flex-start;flex-wrap:wrap}}
.en-final-answer{border-top:1px solid #b7bfd044;padding-top:8px}.en-final-answer>summary{min-height:44px;cursor:pointer;display:list-item;align-content:center;font-weight:600;overflow-wrap:anywhere}.en-final-answer p{margin-top:6px}.en-final-answer .en-your-answer{color:#d0d4df}.en-final-answer>summary:focus-visible{outline:3px solid #edc581;outline-offset:2px}