/* Choice UI overlays the artwork so the art and dialogue frames never move. */
.choice-panel{position:absolute;z-index:3;bottom:18px;left:24px;width:min(475px,calc(100% - 48px));padding:13px 16px 16px;background:#0d2434f5;border:3px double #d6bd90;box-shadow:0 8px 25px #07101870}
.choice-panel h2{margin:0 0 9px;color:#eed5a5;font-size:15px;font-weight:normal;letter-spacing:.1em}
.choice-options{display:grid;gap:8px}.choice-options button{text-align:left;font-size:19px;line-height:1.5;background:#193746;border:1px solid #839496;padding:10px 14px;min-height:50px;position:relative}
.choice-options button::before{content:'　';display:inline-block;width:1.4em}.choice-options button[aria-pressed="true"]{background:#e4c99b;color:#142b38;border-color:#f4dfb7}.choice-options button[aria-pressed="true"]::before{content:'▶'}
@media(orientation:portrait){.choice-panel{bottom:12px;left:12px;width:calc(100% - 24px);padding:10px 12px}.choice-options button{font-size:16px;padding:9px 8px;min-height:47px}.choice-panel h2{font-size:13px}}
@media(orientation:landscape) and (max-height:600px){.choice-panel{bottom:9px;left:12px;width:min(370px,calc(100% - 24px));padding:7px 10px}.choice-panel h2{font-size:12px;margin-bottom:5px}.choice-options{gap:6px}.choice-options button{font-size:16px;min-height:38px;padding:5px 9px}}

/* Each topic can be revisited. Continue unlocks only after every topic finishes. */
.choice-options button{display:flex;align-items:center;gap:5px}.choice-options button::before{flex:0 0 1.2em;width:1.2em}.choice-options button>span{flex:1;min-width:0}.choice-options button>small{font-size:15px;color:inherit}.choice-options button[data-read="true"]>small{color:#95c8a6}.choice-options .advance-choice{border-color:#cbb486}.choice-options .advance-choice:disabled{opacity:.45}.choice-options button[aria-pressed="true"][data-read="true"]>small{color:#255444}