/* One scrollable board; cards grow with Korean text and expanded explanations. */
body[data-scene="dungeon"] #choiceStage.choice-stage { position:absolute;z-index:4;inset:0;display:grid;place-items:center;padding:12px clamp(10px,4vw,64px);overflow:auto;background:#080b08c9;overscroll-behavior:contain; }
body[data-scene="dungeon"] #choicePanel.choice-panel { display:flex;flex-direction:column;gap:8px;width:min(1260px,100%);max-height:100%;min-height:0;margin:0;padding:14px 16px;overflow:auto;border:8px solid transparent;border-image:url('/assets/preparation/button-icon-v3.png') 22% / 12px stretch;border-radius:0;background:linear-gradient(#fbf3df,#eee0bc);color:#442918; }
#choicePanel > * { flex-shrink:0;min-width:0; }
#choicePanel .choice-header { position:sticky;top:0;z-index:2;order:0;padding-bottom:4px;background:#faf0d7; }
#choicePanel #choiceHeading { order:0;margin:0;color:#4b2d1a;font:700 34px/1.25 BoardHand,sans-serif;text-align:center; }
#choicePanel #choiceTitle { display:block;order:2;margin:0;color:#715337;font:14px/1.5 var(--font-copy);text-align:center; }
#choicePanel #choiceResult { order:4;margin:0;color:#715337;font:13px/1.5 var(--font-copy);text-align:center; }
#choicePanel #choiceResult:empty { display:none; }
#choicePanel #choiceCandidates.choice-cards { order:3;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;min-height:0;margin:0;white-space:normal; }
#choicePanel .reward-option { display:flex;flex-direction:column;gap:7px;min-width:0;margin:0;padding:12px;overflow:visible;border:1px solid #b69668;border-radius:4px;background:#fff7e3;box-shadow:0 2px 5px #70471d22;color:#422918;pointer-events:auto; }
#choicePanel .reward-option > .skill-art { flex:0 0 auto;align-self:center;width:88px;height:88px;margin:0;border:1px solid #a47a43;background:#172020; }
#choicePanel .reward-option > .skill-art::before, #choicePanel .reward-option > .skill-art::after { content:none; }
#choicePanel .reward-option > .skill-art img { width:100%;height:100%;opacity:1;filter:none;object-fit:cover; }
#choicePanel .reward-option > .relic-art { background-image:url('/assets/relics/relic-atlas-v14.png');background-size:400% 200%; }
#choicePanel .reward-option > small { align-self:center;margin:0;padding:3px 8px;border-radius:3px;background:#e9d6b0;color:#684627;font:12px/1.4 var(--font-copy); }
#choicePanel .reward-option h4 { margin:0;color:#432516;font:21px/1.35 BoardLabel,sans-serif;text-align:center;word-break:keep-all;overflow-wrap:anywhere; }
#choicePanel .reward-option .choice-summary { display:block;margin:0;overflow:visible;color:#59422d;font:14px/1.55 var(--font-copy);text-align:center;word-break:keep-all;overflow-wrap:anywhere; }
#choicePanel .reward-option .choice-change { display:block;margin:0;color:#245e72;font:700 20px/1.4 var(--font-copy);text-align:center;overflow-wrap:anywhere; }
#choicePanel .reward-option .choice-details { margin-top:auto;padding-top:6px;border:0;border-top:1px solid #c6a574;color:#67472d; }
#choicePanel .reward-option .choice-details summary { display:flex;align-items:center;justify-content:center;min-height:44px;padding:4px;color:#67472d;cursor:pointer;font:15px/1.4 var(--font-copy);list-style:none; }
#choicePanel .reward-option .choice-details summary::before { content:'⌕';margin-right:6px;font:22px/1.3 system-ui,sans-serif; }
#choicePanel .reward-option .choice-details summary::-webkit-details-marker { display:none; }
#choicePanel .reward-option .choice-details p { margin:8px 0 0;color:#593c29;font:14px/1.6 var(--font-copy);white-space:normal;word-break:keep-all;overflow-wrap:anywhere; }
#choicePanel .choice-route-facts { display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin:0;padding:0;border:0; }
#choicePanel .choice-route-facts > span { padding:4px 7px;border:1px solid #a8b69b;border-radius:4px;background:#edf0de;color:#3c5734;font:13px/1.4 var(--font-copy);text-align:center;overflow-wrap:anywhere; }
#choicePanel [data-route="risky"] .choice-route-facts > span { border-color:#c39c77;background:#f7e6d0;color:#804c2e; }
#choicePanel #routeMap { order:1;margin:0;padding:6px 8px;border:0;border-block:1px solid #b38b55;background:transparent; }
#choicePanel .route-map h3, #choicePanel .route-map > p { display:none; }
#choicePanel .route-trail { display:flex;align-items:start;max-width:800px;margin:0 auto;padding:0; }
#choicePanel .route-trail li { flex:1;min-width:0;padding:0 3px; }
#choicePanel .route-trail li + li::before { top:13px;right:calc(50% + 13px);width:calc(100% - 26px);border-color:#a47c49; }
#choicePanel .route-trail span { width:28px;height:28px;margin:0 auto 4px;border-color:#9d7848;background:#f3dfaf;color:#694722;font:600 14px/1.4 var(--font-copy); }
#choicePanel .route-trail b, #choicePanel .route-trail small { display:block;color:#62442c;font:12px/1.5 var(--font-copy);overflow-wrap:anywhere; }
#choicePanel .route-trail .current span { background:#d49d47;color:#382210;outline-color:#d49d4755; }
#choicePanel .route-trail .unvisited { opacity:1; }
#choicePanel .route-fork { display:none; }
@media(max-width:900px) {
  body[data-scene="dungeon"] #choiceStage.choice-stage { padding:6px; }
  body[data-scene="dungeon"] #choicePanel.choice-panel { padding:10px;gap:6px; }
  #choicePanel #choiceCandidates.choice-cards { grid-template-columns:none;grid-auto-columns:minmax(210px,42%);grid-auto-flow:column;overflow-x:auto;padding-bottom:6px;overscroll-behavior-x:contain;scrollbar-color:#a77e4b transparent; }
}
@media(max-width:560px) {
  #choicePanel #choiceHeading { font-size:28px; }
  #choicePanel #choiceCandidates.choice-cards { grid-auto-columns:86%;gap:8px; }
  #choicePanel .reward-option { padding:10px; }
  #choicePanel .reward-option > .skill-art { width:72px;height:72px; }
  #choicePanel .reward-option h4 { font-size:20px; }
  #choicePanel .route-trail b, #choicePanel .route-trail small { display:none; }
}
@media(max-height:500px) and (orientation:landscape) {
  #choicePanel #choiceHeading { font-size:26px; }
  #choicePanel .reward-option > .skill-art { width:54px;height:54px; }
  #choicePanel .reward-option h4 { font-size:18px; }
  #choicePanel .route-trail b, #choicePanel .route-trail small { display:none; }
}
@media(max-height:500px) and (min-width:560px) and (orientation:landscape) {
  body[data-scene="dungeon"] #choicePanel.choice-panel { position:relative;padding:8px 10px; }
  #choicePanel #choiceHeading { text-align:left;padding-right:210px; }
  #choicePanel #choiceTitle { position:absolute;top:14px;right:16px;max-width:48%;font-size:12px; }
  #choicePanel #choiceCandidates.choice-cards { grid-auto-columns:minmax(230px,42%); }
  #choicePanel .reward-option { display:grid;grid-template-columns:48px minmax(0,1fr);gap:5px 8px;align-content:start;padding:8px; }
  #choicePanel .reward-option > * { grid-column:1 / -1; }
  #choicePanel .reward-option > .skill-art { grid-column:1;grid-row:1 / span 2;width:48px;height:48px; }
  #choicePanel .reward-option > small { grid-column:2;grid-row:1;justify-self:start; }
  #choicePanel .reward-option h4 { grid-column:2;grid-row:2;text-align:left; }
  #choicePanel .reward-option .choice-summary { font-size:13px;line-height:1.5;text-align:left; }
  #choicePanel .reward-option .choice-change { font-size:18px; }
  #choicePanel .reward-option .choice-details { margin-top:0; }
  #choicePanel[data-phase="route"] #routeMap { position:absolute;top:2px;left:27%;right:24%;padding:0;border:0; }
  #choicePanel[data-phase="route"] .route-trail span { width:24px;height:24px;margin-bottom:0; }
}