.answer-mode-picker{border:0;margin:18px 0 0;padding:0;text-align:left;min-width:0}
.answer-mode-picker legend{font-size:12px;font-weight:700;margin-bottom:8px;color:#66576b}
.answer-mode-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.answer-mode-options button{display:flex;flex-direction:column;gap:4px;text-align:left;border:1px solid #d8d0dd;background:#fffaf6;color:#66576b;border-radius:13px;padding:11px 12px;min-height:64px;cursor:pointer}
.answer-mode-options button[aria-pressed=true]{border-color:#9674aa;background:#eee4f4;box-shadow:inset 0 0 0 1px #9674aa}
.answer-mode-options b{font-size:14px}.answer-mode-options small{font-size:11px;line-height:1.45}
.answer-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.answer-choices button{display:flex;align-items:center;justify-content:center;min-height:46px;padding:8px 10px;border:1px solid #c6d5c3;border-radius:11px;background:#f7fbf0;color:#334a3a;font-size:15px;font-weight:700;line-height:1.35;overflow-wrap:anywhere;cursor:pointer;touch-action:manipulation}
.answer-choices button:active{background:#dfedcf}.answer-choices button:disabled{opacity:.55;cursor:default}.answer-choices button.choice-wrong{background:#ffe7e5;border-color:#dc9891}
.answer-mode-picker button:focus-visible,.answer-choices button:focus-visible{outline:3px solid #8a6da7;outline-offset:2px}
.answer-choices[hidden],.choice-play #answerForm,.choice-play .input-tools{display:none!important}
.choice-status{margin:5px 0 0;min-height:16px;font-size:11px;color:#73647b;line-height:1.4}
.choice-status[hidden]{display:none}
.choice-play .input-dock{padding:8px 10px max(5px,env(safe-area-inset-bottom))}
.choice-play .target-line{font-size:13px;line-height:1.5;margin-bottom:7px;min-height:0;align-items:flex-start}
.choice-play .target-line #targetClue{max-height:5.9em;overflow-y:auto;overscroll-behavior:contain}
.record-input-mode{display:inline-block;font-size:10px;font-style:normal;margin-left:5px;color:#796188;background:#f1e8f7;border-radius:5px;padding:2px 5px}
@media(max-width:680px){.answer-mode-picker{margin-top:18px}.choice-play .battle-header{height:42px}.choice-play{grid-template-rows:42px 48px minmax(0,1fr) auto}}
@media(max-height:500px) and (min-width:600px){.answer-choices{grid-template-columns:repeat(4,minmax(0,1fr))}.answer-choices button{min-height:42px}.choice-play .target-line #targetClue{max-height:3em}}

/* Keep the answer dock steady while targets change or the boss transforms. */
.answer-choices{grid-auto-rows:62px;min-height:131px}
.answer-choices button{height:62px;min-height:62px;overflow-y:auto;font-size:14px}
.answer-choices button:disabled{opacity:1;color:#8b9588;background:#f0f3ed;border-color:#dbe2d6}
.choice-play .target-line{height:64px;min-height:64px;overflow:hidden}
.choice-play .target-line #targetClue{max-height:60px}
.choice-status{height:30px;min-height:30px;overflow:hidden}
@media(max-height:500px) and (min-width:600px){.answer-choices{grid-auto-rows:44px;min-height:44px}.answer-choices button{height:44px;min-height:44px}.choice-play .target-line{height:28px;min-height:28px}.choice-play .target-line #targetClue{max-height:27px}.choice-status{height:16px;min-height:16px}}
