.v9-journey{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px;padding:22px;border:1px solid #6d879355;border-radius:20px;background:#183446}
.v9-journey p{margin:8px 0;color:#d6e6e8}.v9-journey small{color:#a5c0c8}.v9-journey-actions{display:flex;gap:10px;flex-wrap:wrap}
.v9-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.v9-choice{padding:20px 16px;text-align:left;color:#243d49;background:#faf6eb;border:1px solid #cfc7b5;border-radius:14px;min-height:125px;cursor:pointer}.v9-choice strong,.v9-choice span,.v9-choice small{display:block}.v9-choice strong{font-size:18px;margin-bottom:10px}.v9-choice span{line-height:1.6}.v9-choice small{margin-top:10px;color:#60717a}.v9-choice:disabled{opacity:.45;cursor:default}.v9-choice:not(:disabled):hover{border-color:#b28845;background:#fff3cf}.v9-reward-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.v9-reward-grid .costume-card{color:#203743;background:#f0ece0}.v9-radio{display:flex;align-items:center;gap:10px;margin:10px 0;min-height:44px}.v9-radio input{width:20px;height:20px}.v7-weapon-picks{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-card .chapter-number{font-variant-numeric:tabular-nums}
@media(max-width:700px){.v9-journey{align-items:stretch;flex-direction:column;padding:16px}.v9-choices{grid-template-columns:1fr}.v9-choice{min-height:90px;padding:14px}.v9-reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-height:500px) and (orientation:landscape){.v9-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.v9-choice{min-height:90px;padding:12px}.v9-choice strong{font-size:15px}.v9-choice span,.v9-choice small{font-size:12px}.v9-reward-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.v9-reward-grid canvas{max-height:110px;object-fit:contain}}
/* v9.1: a readable notebook with an always-reachable start button. */
.modal.prep-modal{display:flex;flex-direction:column;overflow:hidden;max-height:94dvh;outline:none}
.prep-modal>.modal-top{flex:none}.prep-modal>.modal-body{overflow-y:auto;min-height:0;overscroll-behavior:contain;background:#f7f2e5}
.prep-modal>.modal-actions{flex:none;display:flex;justify-content:flex-end;gap:10px;margin:0;padding:14px 24px;border-top:1px solid #d7cfb9;background:#fff9ed}
.prep-modal>.modal-actions .btn{min-height:46px}.prep-modal>.modal-actions .btn:first-child{background:#244f55;color:#fff4d4;border:1px solid #173b42;font-weight:800}
.prep-chapter{display:flex;gap:14px;align-items:center;padding:16px 18px;background:#e4ece0;border:1px solid #c9d7c3;border-radius:12px}.prep-seal{font-size:30px;color:#6e8a65}.prep-chapter strong{font-size:15px;color:#28514d}.prep-chapter p{margin:5px 0 0;font-size:13px;line-height:1.75;color:#53675d}
.prep-guide{font-size:14px;line-height:1.8;margin:18px 0;color:#516252}.prep-guide b{color:#284f47}
.prep-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.prep-card{background:#fffdf5;border:1px solid #d8cfb7;border-radius:13px;padding:18px;box-shadow:0 2px 0 #e8dfc8;min-width:0}.prep-word{display:flex;align-items:center;gap:10px}.prep-word>span{font-size:11px;letter-spacing:.06em;font-weight:800;color:#927a4d;background:#f0e8d3;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;flex:none}.prep-word h3{font-size:23px;letter-spacing:-.04em;margin:0;color:#233f45;overflow-wrap:anywhere}.prep-hanja{font-size:16px;letter-spacing:.14em;color:#967545;margin:7px 0 12px 36px}.prep-meaning{font-size:15px;line-height:1.8;color:#344f51;margin:0;word-break:keep-all;overflow-wrap:anywhere}.prep-example{font-size:13px;line-height:1.8;border-top:1px dashed #ded8c5;margin:12px 0 0;padding-top:10px;color:#677262}.prep-example b{font-size:10px;display:inline-block;background:#eaf0e4;padding:1px 5px;border-radius:4px;margin-right:5px;color:#526d54}
.v91-volume{display:flex;justify-content:space-between;font-size:14px;margin-bottom:8px}.v91-volume output{color:#46695d;font-variant-numeric:tabular-nums}#sfxVolume{width:100%;height:34px;accent-color:#446b61}.v91-sound-actions{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 14px}
@media(max-width:580px){.prep-grid{grid-template-columns:1fr}.prep-modal>.modal-actions{padding:12px;flex-wrap:wrap}.prep-modal>.modal-actions .btn{font-size:12px;padding:10px;flex:1;min-width:125px}.prep-card{padding:16px}.prep-chapter{padding:12px}.prep-word h3{font-size:22px}}
@media(max-height:500px) and (orientation:landscape){.modal.prep-modal{max-height:96dvh}.prep-modal>.modal-top{padding:10px 20px}.prep-modal>.modal-top h2{font-size:20px;margin:3px 0 0}.prep-modal>.modal-body{padding:14px 20px}.prep-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prep-modal>.modal-actions{padding:8px 18px}.prep-modal>.modal-actions .btn{padding:9px 15px;min-height:44px}.prep-word h3{font-size:21px}}
