@import url('/assets/record-share.css');
.scenario-content { max-width: 1080px; }
.scenario-picker { margin: 18px 0 36px; }
.scenario-picker .night-case-grid { margin-top: 20px; }
.scenario-rules { padding: 22px 26px; border: 1px solid #d5e5f8; border-radius: 12px; background: #f3f8ff; }
.scenario-rules h2 { margin: 0 0 12px; font-size: 20px; }
.scenario-rules li { margin: 8px 0; line-height: 1.9; }
.scenario-game { margin: 30px 0; padding: 30px; border: 1px solid #ccdef4; border-top: 4px solid #0066ff; border-radius: 12px; background: #fff; scroll-margin-top: 95px; }
.scenario-game header h2 { margin: 8px 0 12px; font-size: clamp(22px,3vw,30px); }
.scenario-game header p { line-height: 1.9; }
.scenario-budget { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin: 22px 0; padding: 15px 20px; background: #0066ff; border-radius: 8px; color: #fff; }
.scenario-budget strong { font-size: 23px; font-variant-numeric: tabular-nums; }
.scenario-choices { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.scenario-choice { display: block; width: 100%; min-width: 0; padding: 20px; border: 2px solid #dfe8f3; border-radius: 9px; background: #fff; color: #182d45; text-align: left; cursor: pointer; }
.scenario-choice-title { display: flex; justify-content: space-between; align-items: start; gap: 12px; }
.scenario-choice-title strong { font-size: 16px; line-height: 1.65; }
.scenario-choice-title > span { flex: 0 0 auto; color: #0866e9; font-size: 12px; line-height: 2; }
.scenario-choice small { display: block; margin-top: 10px; color: #5d6f84; font-size: 13px; line-height: 1.8; }
.scenario-choice.is-selected { border-color: #0066ff; background: #edf5ff; }
.scenario-choice:disabled:not(.is-selected) { opacity: .55; cursor: default; }
.scenario-choice:focus-visible, .scenario-counter button:focus-visible { outline: 3px solid #008cff; outline-offset: 3px; }
.scenario-floorplan { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; padding: 14px; border: 3px solid #9ebadd; border-radius: 10px; background: #e3edf9; }
.scenario-room { display: flex; flex-direction: column; min-width: 0; padding: 18px; border: 2px solid #b7cce4; border-radius: 5px; background: #fff; }
.scenario-room.is-selected { border-color: #0066ff; background: #f2f8ff; }
.scenario-room-icon { font-size: 28px; }
.scenario-room h3 { margin: 12px 0 0; font-size: 15px; }
.scenario-room p { flex: 1; margin: 9px 0 18px; font-size: 13px; color: #5d6f84; line-height: 1.8; }
.scenario-counter { display: flex; align-items: center; justify-content: space-between; gap: 6px; }
.scenario-counter button { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid #bbd2ed; border-radius: 6px; font-size: 22px; background: #fff; color: #0066ff; cursor: pointer; }
.scenario-counter button:disabled { opacity: .35; cursor: default; }
.scenario-counter output { font-size: 24px; font-weight: 700; }
.scenario-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.scenario-evidence { margin-top: 25px; padding: 22px; background: #f2f7fd; border: 1px solid #d3e2f3; border-radius: 10px; }
.scenario-evidence h3 { margin: 0 0 16px; }
.scenario-evidence li { padding: 10px 0; line-height: 1.8; }
.scenario-evidence p { margin: 8px 0; }
.scenario-verdict { margin-top: 24px; padding: 20px; border: 1px solid #cbdcf0; border-radius: 10px; }
.scenario-verdict legend { font-weight: 700; padding: 0 8px; }
.scenario-verdict label { display: flex; align-items: start; gap: 12px; padding: 13px 0; font-size: 15px; line-height: 1.8; cursor: pointer; }
.scenario-verdict input { flex: 0 0 auto; margin-top: 4px; width: 20px; height: 20px; accent-color: #0066ff; }
.scenario-result { margin-top: 30px; padding: 26px; border: 2px solid #0066ff; border-radius: 10px; background: #f2f7ff; scroll-margin-top: 100px; }
.scenario-result > h3 { margin: 0 0 16px; font-size: 23px; }
.scenario-result > strong { color: #0066ff; }
.scenario-result li, .scenario-result p { line-height: 1.9; }
.scenario-result .is-complete { color: #195d49; }
.scenario-result .is-missing { color: #865221; }
.scenario-compare { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.scenario-compare article { min-width: 0; padding: 18px; border: 1px solid #ccdef3; border-radius: 8px; background: #fff; }
.scenario-compare h4 { margin: 0; }
.scenario-invitation { padding: 18px; border: 1px solid #b3d3fc; border-radius: 8px; background: #eaf3ff; }
.scenario-explanation { padding: 22px 26px; border: 1px solid #d5e2f2; border-radius: 10px; background: #fff; }
.scenario-explanation summary { font-weight: 700; cursor: pointer; line-height: 1.8; }
.scenario-explanation p, .scenario-explanation li { line-height: 1.95; }
.scenario-real { margin: 32px 0; padding: 24px; border: 1px solid #d7e5f7; border-radius: 10px; background: #f3f7fd; }
.scenario-share-fallback { width: 100%; min-height: 160px; margin-top: 16px; padding: 14px; font: inherit; overflow-wrap: anywhere; }
@media (max-width: 720px) {
  .scenario-game { padding: 22px 16px; }
  .scenario-rules, .scenario-explanation, .scenario-real { padding: 20px 16px; }
  .scenario-rules ul { padding-left: 20px; }
  .scenario-choices, .scenario-compare { grid-template-columns: minmax(0,1fr); }
  .scenario-floorplan { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 7px; gap: 7px; }
  .scenario-room { padding: 12px 10px; }
  .scenario-choice { padding: 17px 15px; }
  .scenario-result, .scenario-evidence, .scenario-verdict { padding: 18px 14px; }
  .scenario-choice-title { gap: 9px; }
  .scenario-counter button { width: 36px; height: 40px; }
  .scenario-actions > .btn { width: 100%; text-align: center; }
}