/* The approved 887x1350 body remains visible. Positions are measured from
   its actual well centers: cue443,340; choices239/648,714. No trait captions. */
.fs5-game{max-width:600px}.fs5-game .fs2-body{background-size:100% 100%}.fs5-game .fs2-clock{font-size:clamp(16px,4.7cqw,22px);white-space:nowrap}.fs5-game .fs2-score>b{font-size:clamp(18px,5cqw,25px)}.fs5-game .fs2-time span{transition:width .16s ease}
.fs5-board{position:absolute;inset:0}.fs5-board.is-concealed{visibility:hidden;pointer-events:none}.fs5-rule{position:absolute;left:25.2%;top:1%;width:49.6%;height:9%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;line-height:1.1;color:#f1f8fc;text-shadow:0 1px 4px #000}.fs5-rule small{font-size:clamp(9px,2.5cqw,12px);color:#b9cedb}.fs5-rule b{font-size:clamp(20px,5.8cqw,27px);letter-spacing:.04em}.fs5-game .is-switching .fs5-rule b{color:#ffe7a3}
.fs5-card{display:grid;place-items:center;min-width:0;padding:0;border:0;border-radius:50%;background:none;box-shadow:none;overflow:visible}.fs5-target{position:absolute;left:33.75%;top:14.44%;width:32.5%;height:21.5%}.fs5-answers{position:absolute;inset:0;pointer-events:none}.fs5-answer{position:absolute;top:41.69%;width:34%;height:22.4%;min-width:44px;min-height:44px;touch-action:manipulation;pointer-events:auto}.fs5-answer:first-child{left:9.95%}.fs5-answer:last-child{left:56.05%}.fs5-answer:disabled{cursor:default}.fs5-answer:active:not(:disabled){background:#d5f2ff0b}.fs5-answer:focus-visible{outline:3px solid #ffd471;outline-offset:0}
.fs5-image{width:70%;height:70%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:3%;align-items:center;justify-items:center;pointer-events:none}.fs5-item{width:100%;height:100%;display:grid;place-items:center;min-width:0;min-height:0}.fs5-object{display:block;width:100%;height:100%;object-fit:contain;transform-origin:center;user-select:none;-webkit-user-drag:none;pointer-events:none}.fs5-image[data-count="1"]{width:90%;height:90%;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.fs5-image[data-count="2"]{width:90%;height:45%;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr)}.fs5-image[data-count="3"]>.fs5-item:last-child{grid-column:1 / 3;width:48.5%}
.fs5-entry{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#061420f5;z-index:2}.fs5-entry>span{font-size:18px;font-weight:800;color:#dcecf7}.fs5-game .fs5-entry .game-entry-play{position:relative;inset:auto;transform:none;width:170px;height:auto;min-height:44px;padding:0;border:0;background:none}.fs5-entry .game-entry-play img{display:block;width:100%;height:auto}.fs5-entry .fs2-primary{font-size:13px}.fs5-game .fs2-sound>img{width:100%;height:100%;object-fit:contain;pointer-events:none}.fs5-game .fs2-sound:after,.fs5-game .fs2-sound:before{content:none}.fs5-game .fs2-paused{pointer-events:auto;display:flex;flex-direction:column;gap:20px;background:#03131bf5}.fs5-game .fs3-resume{width:80%;max-width:320px;padding:0}.fs5-game .fs3-resume img{display:block;width:100%;height:auto;max-height:85px;object-fit:contain}.fs5-game .fs3-pause-actions{display:flex;gap:8px;width:92%;max-width:340px}.fs5-game .fs3-pause-actions>button{flex:1;min-width:0;height:52px;padding:0;border:0;background:none}.fs5-game .fs3-pause-actions img{width:100%;height:100%;object-fit:contain;pointer-events:none}
.fs5-info{display:flex;flex-direction:column;overflow:hidden;padding:22px 7% 15px}.fs5-info h2,.fs5-info>.fs2-primary{flex:none}.fs5-info-copy{overflow:auto;min-height:0;flex:1}.fs5-info-copy:focus-visible{outline:2px solid #ffd471}.fs5-teaching{position:absolute;inset:0;background:#061522;z-index:5;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 10px;overflow:auto}.fs5-teaching h2{margin:0;font-size:23px;color:#edf6ff}.fs5-teaching p{font-size:12px;line-height:1.4;max-width:430px;margin:0;text-align:center}.fs5-demo-target{display:grid;place-items:center;width:118px;height:118px}.fs5-demo-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:400px}.fs5-demo-answers .fs5-card{border-radius:0;display:flex;flex-direction:column;height:125px}.fs5-demo-answers .fs5-image{width:100px;height:100px;flex:none}.fs5-demo-answers small{font-size:10px;text-align:center}.fs5-text-button{min-height:44px;border:0;background:none;text-decoration:underline;font-size:12px}
.fs5-game .fs5-result{justify-content:flex-start;padding:15px 7%;overflow:auto}.fs5-result h2{font-size:26px;margin:10px 0}.fs5-result>strong{font-size:52px}.fs5-result p{margin:10px 0;font-size:13px}.fs5-cue-results{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px;font-size:12px;margin:8px 0}.fs5-cue-results span{display:flex;justify-content:space-between;border-bottom:1px solid #829ebc44;padding:6px}.fs5-review{font-size:12px;text-align:left;width:100%;margin:10px 0 14px}.fs5-review summary{cursor:pointer;padding:10px 0;min-height:44px}.fs5-review-target{display:grid;place-items:center;width:130px;height:130px;margin:auto}.fs5-result>.fs2-primary{margin-top:8px;flex:none}
@media(prefers-reduced-motion:reduce){.fs5-game *{animation:none!important;transition:none!important}}
/* Learning and rule-change polish is shared by saved and new v5 rounds.
   Original unmarked v5 rounds keep the four-well body/coordinate mapping above. */
.fs5-rule>span{font-size:clamp(10px,2.7cqw,13px);color:#d6e7f2;white-space:nowrap}
.fs5-board-hint{position:absolute;left:8%;right:8%;bottom:.2%;margin:0;text-align:center;color:#b6cfdf;font-size:clamp(11px,3cqw,14px);line-height:1.2;pointer-events:none;text-shadow:0 1px 4px #000}
.fs5-game .fs5-rule[data-rule=direction]>b,.fs5-game .fs5-rule[data-rule=number]>b{color:#e8f8ff}
.fs5-game .is-switching .fs5-rule{animation:fs5-rule-change .55s ease-out}
.fs5-game .is-switching .fs5-rule small{color:#ffe7a3;font-weight:900}
.fs5-learning-card{display:flex;flex-direction:column;align-items:center;min-width:0}
.fs5-learning-card>small{font-size:12px;color:#d4e6f2;min-height:20px}
.fs5-learning-image{width:128px;height:116px;max-width:100%;display:grid;place-items:center}
.fs5-teaching{padding:12px 4%;gap:8px;background:#061522f5}
.fs5-teaching p{font-size:13px;line-height:1.45}
.fs5-teaching .fs5-learning-image{width:116px;height:100px}
.fs5-demo-answers{gap:12px;max-width:420px}
.fs5-demo-answers .fs5-card{position:relative;border-radius:10px;min-height:125px;height:145px;border:1px solid #9fb6c155;background:#03101d66;justify-content:center;padding:5px}
.fs5-demo-answers .fs5-image{width:120px;height:108px;max-width:100%}
.fs5-demo-answers .fs5-image[data-count="2"]{height:65px}
.fs5-demo-answers small{font-size:12px;color:#def4ff;min-height:18px}
.fs5-example-feedback{max-width:430px;min-height:40px;text-align:center;font-size:13px}
.fs5-example-feedback b{color:#c2f4dc;display:block;margin-bottom:4px}
.fs5-teaching .fs2-primary:disabled{opacity:.45;cursor:default}
.fs5-teaching .fs2-primary,.fs5-text-button{flex:none}
.fs5-demo-answers .is-correct,.fs5-learning-card.is-correct{outline:2px solid #99e9bf;outline-offset:-2px}
.fs5-demo-answers .is-wrong,.fs5-learning-card.is-wrong{outline:2px solid #edb29b;outline-offset:-2px}
.fs5-review-content{padding:4px 0 12px}.fs5-review h3{font-size:15px;margin:5px 0}
.fs5-review-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fs5-review-pair .fs5-learning-card{padding:8px 4px;border-radius:7px}
.fs5-review-pair .fs5-learning-card>small{font-size:11px;text-align:center}
.fs5-review nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0}
.fs5-review nav button{min-height:44px;min-width:80px;padding:8px;border:1px solid #88a1b7;border-radius:6px;background:#102a3c;font-weight:700}
.fs5-review nav button:disabled{opacity:.4;cursor:default}
.fs5-review-content>small{display:block;text-align:center;color:#adc6d7}
@keyframes fs5-rule-change{0%{filter:drop-shadow(0 0 8px #ffe6a4);transform:scale(1.055)}100%{transform:scale(1)}}
@media(max-height:700px){.fs5-teaching{gap:5px}.fs5-teaching .fs5-learning-image{height:80px;width:94px}.fs5-demo-answers .fs5-card{height:118px;min-height:118px}.fs5-demo-answers .fs5-image{height:88px;width:100px}.fs5-teaching p{font-size:12px}}

/* New rounds explicitly freeze this complete illustrated body in their puzzle.
   Earlier v5 saves retain the original full body/coordinates above. No score/recipe change. */
.fs5-two-choice .fs2-body{background-image:url('game-art/focus-console-two-choice-body-v1.webp');background-position:center;background-size:100% 100%}
.fs5-two-choice .fs5-rule{left:27%;top:.8%;width:46%;height:8.6%;gap:1px}
.fs5-two-choice .fs5-rule small{font-size:clamp(9px,2.5cqw,12px)}
.fs5-two-choice .fs5-rule b{font-size:clamp(20px,5.6cqw,26px)}
.fs5-two-choice .fs5-rule>span{font-size:clamp(8px,2.2cqw,11px)}
.fs5-two-choice .fs5-target{left:29.5%;top:16.3%;width:41%;height:27%}
.fs5-two-choice .fs5-answer{top:53.3%;width:38%;height:30%;border-radius:50%}
.fs5-two-choice .fs5-answer:first-child{left:7.1%}.fs5-two-choice .fs5-answer:last-child{left:55.4%}
.fs5-two-choice .fs5-target>.fs5-image{width:70.73%;height:74.07%}
.fs5-two-choice .fs5-answer>.fs5-image{width:76.32%;height:70%}
.fs5-two-choice .fs5-target>.fs5-image[data-count="1"],.fs5-two-choice .fs5-answer>.fs5-image[data-count="1"]{width:82%;height:82%}
.fs5-two-choice .fs5-target>.fs5-image[data-count="2"]{width:70.73%;height:40%}
.fs5-two-choice .fs5-answer>.fs5-image[data-count="2"]{width:76.32%;height:40%}
.fs5-two-choice .fs5-board-hint{top:91%;bottom:auto}

/* Square sprite cells keep rotated640x384 assets inside their reserved apertures. */
.fs5-two-choice .fs5-target>.fs5-image{--fs5-cell:min(13.9cqw,9.6cqh)}
.fs5-two-choice .fs5-answer>.fs5-image{--fs5-cell:min(13.9cqw,10.08cqh)}
.fs5-two-choice .fs5-target>.fs5-image[data-count="1"]{width:70.73%;height:74.07%;--fs5-cell:min(29cqw,20cqh)}
.fs5-two-choice .fs5-answer>.fs5-image[data-count="1"]{width:76.32%;height:70%;--fs5-cell:min(29cqw,21cqh)}
.fs5-two-choice .fs5-image[data-count="2"]{--fs5-cell:min(13.9cqw,10.8cqh)}
.fs5-two-choice .fs5-image .fs5-item,.fs5-two-choice .fs5-image[data-count="3"]>.fs5-item:last-child{width:var(--fs5-cell);height:var(--fs5-cell)}