/* A portrait RPG dialogue: the scene above, a speech box and a 2×2 command menu. */
.battle-lisa,.battle-status{display:none}
#encounter.rpg-question:not(.is-inspecting){grid-template-rows:minmax(150px,33dvh) minmax(0,1fr);background:#15373e}
#encounter.rpg-question:not(.is-inspecting) .encounter-media{border-bottom:3px solid #e3c788}
#encounter.rpg-question:not(.is-inspecting) .mentor-caption{left:17px;top:17px;bottom:auto;padding:8px 15px;border:2px solid #ddc791;border-radius:3px 13px 3px 13px;background:#173c42ee;box-shadow:3px 3px 0 #08262f70}
#encounter.rpg-question .mentor-caption strong{font:700 18px ui-monospace,SFMono-Regular,Consolas,monospace}
#encounter.rpg-question:not(.is-inspecting) #inspect-insert{display:none}
#encounter.rpg-question:not(.is-inspecting) .battle-lisa{display:block;position:absolute;width:100px;height:146px;left:18px;bottom:4px;pointer-events:none}
.battle-lisa::before{content:"";position:absolute;bottom:0;left:-4px;width:112px;height:24px;border-radius:50%;background:#d8d4ad60;border:2px solid #fff2d273;box-shadow:0 6px 0 #173d424d}
.battle-lisa i{position:absolute;inset:0;background:url('assets/images/lisa-walk-cycle-v2.webp') 0 0/600% 200% no-repeat;filter:drop-shadow(2px 3px 0 #092c3450)}
#encounter.rpg-question:not(.is-inspecting) .encounter-content{margin:0;border-radius:0;padding:14px 16px max(15px,env(safe-area-inset-bottom));background:linear-gradient(135deg,#234c52,#12353d);gap:0;overflow-y:auto;color:#fff1d2}
#encounter.rpg-question .encounter-top{order:0;margin:0 1px 18px;min-height:17px}
#encounter.rpg-question .encounter-top .eyebrow{font-size:10px;letter-spacing:.12em;color:#ead39d}
#encounter.rpg-question #question-counter{color:#f5e7c2;font:700 12px ui-monospace,monospace;border-bottom:3px solid #dfbb72;padding:0 0 3px;letter-spacing:.16em}
#encounter.rpg-question #question-title{order:1;position:relative;flex-shrink:0;font:600 16px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.035em;color:#1b3c42;background:#fff8e6;border:2px solid #f4d894;border-radius:3px 13px 3px 13px;box-shadow:inset 0 0 0 3px #fffdf5,0 4px 0 #09252c80;padding:21px 16px 15px;margin:0 0 13px}
#encounter.rpg-question #question-title::before{content:attr(data-speaker);position:absolute;top:-12px;left:12px;background:#f6d88d;color:#17373f;border:2px solid #fff7de;padding:2px 11px;font:700 11px ui-monospace,monospace;letter-spacing:.08em}
#encounter.rpg-question #question-lead{order:2;font:12px/1.5 ui-monospace,monospace;color:#e3e9dd;margin:0 1px 9px}
#encounter.rpg-question #answers{order:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 12px;flex-shrink:0}
#encounter.rpg-question .answer,#encounter.rpg-question .inspect-choice{position:relative;display:flex;align-items:flex-start;gap:7px;text-align:left;min-height:78px;border:2px solid #99b4ad;border-radius:3px 11px 3px 11px;padding:12px 10px;background:#f9f5e7;color:#1c3c41;box-shadow:0 3px 0 #082b33;font:12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;transition:background .1s,border-color .1s}
#encounter.rpg-question .answer>span{width:16px;height:19px;border:0;border-radius:0;font:700 11px/19px ui-monospace,monospace;color:#718078;flex-shrink:0}
#encounter.rpg-question .answer strong,#encounter.rpg-question .inspect-choice strong{font:inherit}
#encounter.rpg-question .answer.chosen{border-color:#f8ce74;background:#fff0b9;box-shadow:inset 0 0 0 2px #fffbdf,0 3px 0 #082b33}
#encounter.rpg-question .answer.chosen>span{font-size:0}
#encounter.rpg-question .answer.chosen>span::after{content:'▶';font:12px/19px ui-monospace,monospace;color:#25474a}
#encounter.rpg-question .answer:focus-visible,#encounter.rpg-question .inspect-choice:focus-visible{outline:2px solid #fff0ad;outline-offset:3px}
#encounter.rpg-question .inspect-choice{align-items:center;background:#31575c;color:#ffedbd;border-color:#749993}
#encounter.rpg-question .inspect-choice>span{font-size:22px;line-height:1}
#encounter.rpg-question .inspect-choice small{display:block;font:10px/1.5 ui-monospace,monospace;color:#c7d8ce;margin-top:5px}
#encounter.rpg-question #continue-button{order:4;min-height:46px;margin-top:auto;border:2px solid #f9e2a8;border-radius:3px 11px 3px 11px;box-shadow:0 3px 0 #092a30;background:#efd497;color:#173b42;font:700 13px ui-monospace,monospace;padding:13px 16px;justify-content:center}
#encounter.rpg-question #continue-button:disabled{opacity:.55}
#encounter.rpg-question.rpg-answered #question-title,#encounter.rpg-question.rpg-answered #question-lead,#encounter.rpg-question.rpg-answered .inspect-choice,#encounter.rpg-question.rpg-answered .answer:not(.chosen):not(.correct){display:none}
#encounter.rpg-question.rpg-answered #feedback{order:1;flex-shrink:0;border:2px solid #e8cd8d;border-radius:3px 13px 3px 13px;background:#fff8e6;color:#1c3f43;padding:18px 16px;margin:0 0 15px;box-shadow:inset 0 0 0 3px #fffdf5,0 4px 0 #09252c80}
#encounter.rpg-question #feedback-heading{font:700 15px ui-monospace,monospace}
#encounter.rpg-question #feedback-explanation{font:14px/1.65 ui-monospace,monospace;color:#294b4c;margin:10px 0}
#encounter.rpg-question #feedback-source{font:10px/1.5 ui-monospace,monospace;color:#53695a}
#encounter.rpg-question .answer.correct{border-color:#8dcc9a;background:#e2f0d5;opacity:1}
#encounter.rpg-question .answer.correct>span::after{content:'✓';font:700 13px/19px ui-monospace,monospace;color:#286145}
#encounter.rpg-question .answer.correct>span{font-size:0}
#encounter.rpg-question .answer.wrong{border-color:#e5a68b;background:#f8e1d6;opacity:1}
#encounter.rpg-question .answer.wrong>span::after{content:'×';color:#954c35}
#encounter.rpg-question.rpg-answered #answers:has(.correct.chosen){grid-template-columns:1fr}
@media(max-height:710px){
 #encounter.rpg-question:not(.is-inspecting){grid-template-rows:156px minmax(0,1fr)}
 #encounter.rpg-question:not(.is-inspecting) .encounter-content{padding:12px 13px max(12px,env(safe-area-inset-bottom))}
 #encounter.rpg-question .encounter-top{margin-bottom:14px}
 #encounter.rpg-question #question-title{font-size:14px;line-height:1.4;padding:17px 13px 12px;margin-bottom:10px}
 #encounter.rpg-question .answer,#encounter.rpg-question .inspect-choice{font-size:11px;line-height:1.45;padding:10px 8px;min-height:70px;gap:5px}
 #encounter.rpg-question #question-lead{font-size:11px;margin-bottom:7px}
 #encounter.rpg-question:not(.is-inspecting) .battle-lisa{height:118px;width:79px;left:12px}
 #encounter.rpg-question .battle-lisa::before{width:92px}
 #encounter.rpg-question .mentor-caption .eyebrow{display:none}
 #encounter.rpg-question:not(.is-inspecting) .mentor-caption{top:12px;left:13px;padding:6px 12px}
 #encounter.rpg-question .mentor-caption strong{font-size:14px}
 #encounter.rpg-question #feedback-explanation{font-size:13px;line-height:1.6}
}
@media(max-height:460px){#encounter.rpg-question:not(.is-inspecting){grid-template-rows:115px minmax(0,1fr)}#encounter.rpg-question:not(.is-inspecting) .battle-lisa{display:none}}

/* The reference's first screen: four commands beside the player's speech box. */
#encounter.rpg-question:not(.is-inspecting) .battle-status{display:block;position:absolute;right:14px;bottom:13px;width:143px;padding:7px 10px 6px;background:#f2f2dc;color:#254348;border:2px solid #273d42;border-radius:14px 2px 14px 2px;box-shadow:0 0 0 2px #fff4d5,3px 5px 0 #0b273766;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;z-index:2}
.battle-status>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px}
.battle-status>div:first-child strong{font-size:14px}
.battle-progress{display:flex;gap:5px;align-items:center;margin-top:6px}
.battle-progress small{font-size:8px;text-transform:uppercase}
.battle-progress>span{display:block;flex:1;height:8px;background:#304748;border:1px solid #17363d;border-radius:3px;overflow:hidden}
.battle-progress i{display:block;width:0;height:100%;background:linear-gradient(#b8e390 45%,#65ab76 45%);transition:width .25s}
#battle-count{display:block;text-align:right;font-size:10px;margin-top:3px}
#encounter.rpg-commands:not(.is-inspecting){grid-template-rows:minmax(0,1fr) auto}
#encounter.rpg-commands:not(.is-inspecting) .encounter-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:9px;align-items:stretch;padding:11px 11px max(15px,env(safe-area-inset-bottom));overflow:visible;background:#203c43;border-top:3px solid #efe0a3}
#encounter.rpg-commands .encounter-top,#encounter.rpg-commands #question-lead{display:none}
#encounter.rpg-commands #question-title{font:600 17px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.045em;padding:17px 13px;margin:0;display:flex;align-items:center;border:3px solid #536263;border-radius:4px;background:#f6f6eb;box-shadow:0 0 0 2px #e5cc82,inset 0 0 0 2px white;color:#344748;min-height:141px}
#encounter.rpg-commands #question-title::before{display:none}
#battle-commands{order:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#battle-commands button{position:relative;border:2px solid #fcf3d4;border-radius:12px 4px 12px 4px;box-shadow:0 0 0 2px #284249,inset 0 0 0 2px #ffffff4d;min-height:67px;padding:10px 3px;text-transform:uppercase;color:#fffbea;text-shadow:1px 2px 0 #1d374380;font:700 12px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.035em}
.command-reply{background:#cc6471}.command-observe{background:#b68733}.command-journal{background:#5c9d84}.command-leave{background:#568db3}
#battle-commands button:hover,#battle-commands button:focus-visible{filter:brightness(1.13);outline:2px solid #fceeb3;outline-offset:2px}
#battle-commands button:focus-visible::before{content:'▸';position:absolute;left:3px;top:3px;font-size:12px;text-shadow:none}
#encounter.rpg-commands:not(.is-inspecting) .battle-lisa{width:157px;height:234px;left:14px;bottom:24px}
#encounter.rpg-commands .battle-lisa::before{width:176px;height:32px;bottom:-2px}
#encounter.rpg-commands:not(.is-inspecting) .battle-status{width:185px;bottom:28px;right:14px;padding:12px 14px}
#encounter.rpg-commands .battle-status>div:first-child strong{font-size:19px}
#encounter.rpg-commands .battle-status>div:first-child{font-size:12px}
#encounter.rpg-commands .battle-progress small{font-size:9px}
#encounter.rpg-commands #battle-count{font-size:12px}
#encounter.rpg-commands:not(.is-inspecting) .mentor-caption{top:22px;left:18px;min-width:165px;background:#f2f2dc;color:#254348;border:2px solid #273d42;border-radius:2px 16px 2px 16px;box-shadow:0 0 0 2px #fff4d5,3px 5px 0 #0b273766;text-shadow:none;padding:12px 15px}
#encounter.rpg-commands .mentor-caption strong{font-size:21px}
#encounter.rpg-commands .mentor-caption .eyebrow{display:block;color:#4d6c67;font-size:9px}
@media(max-height:710px){#encounter.rpg-commands:not(.is-inspecting) .battle-lisa{width:126px;height:186px;bottom:24px}#encounter.rpg-commands .battle-lisa::before{width:137px}#encounter.rpg-commands:not(.is-inspecting) .battle-status{width:161px;right:13px;padding:10px 12px}#encounter.rpg-commands #question-title{font-size:16px}#battle-commands button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.battle-progress i{transition:none}}
body.reduce-media-motion .battle-progress i{transition:none}

/* Modern illustrated treatment, retaining the battle-menu composition. */
#encounter.rpg-question:not(.is-inspecting) .encounter-content{background:radial-gradient(ellipse at 0 0,#2d5660,#12333d 85%)}
#encounter.rpg-question #question-title{font:550 17px/1.5 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0;border:1px solid #d6bd86;border-radius:17px;background:linear-gradient(145deg,#fffdf3,#f7ecd5);box-shadow:inset 0 0 0 3px #fffcf37d,0 8px 24px #06242b38}
#encounter.rpg-question #question-title::before{border:1px solid #efdaa5;border-radius:7px;background:#23464e;color:#f5dda6;font:600 11px/1.3 Inter,ui-sans-serif,sans-serif;padding:4px 13px;top:-13px;letter-spacing:.04em}
#encounter.rpg-question #question-lead{font:12px/1.5 Inter,ui-sans-serif,sans-serif;color:#cfddd6}
#encounter.rpg-question .answer,#encounter.rpg-question .inspect-choice{font:500 13px/1.45 Inter,ui-sans-serif,sans-serif;border-width:1px;border-radius:13px;background:#f5f5e9;box-shadow:0 4px 12px #03232b28;transition:background .16s,border-color .16s,box-shadow .16s}
#encounter.rpg-question .answer.chosen{background:linear-gradient(145deg,#fff2cb,#f4d99b);border-color:#f7d388;box-shadow:0 0 0 2px #f6dfaa50,0 5px 18px #08272d60}
#encounter.rpg-question .answer.correct{background:linear-gradient(145deg,#edf8df,#c9e4c5);border-color:#8dcc9a;box-shadow:0 4px 12px #03232b28}
#encounter.rpg-question .answer.wrong{background:linear-gradient(145deg,#fceae1,#efcaba);border-color:#d78d75;box-shadow:0 4px 12px #03232b28}
#encounter.rpg-question .answer.wrong>span::after{content:'×';font:700 15px/19px ui-sans-serif,sans-serif;color:#954c35}
#encounter.rpg-question .inspect-choice{background:#244c55;color:#f3e5bc;border-color:#649186}
#encounter.rpg-question .inspect-choice small{font:10px/1.5 Inter,ui-sans-serif,sans-serif}
#encounter.rpg-question #continue-button{font:650 13px Inter,ui-sans-serif,sans-serif;border:1px solid #f8e6b4;border-radius:13px;background:linear-gradient(110deg,#f5dea6,#deb877);box-shadow:0 5px 16px #08272d55}
#encounter.rpg-question.rpg-answered #feedback{border-width:1px;border-radius:17px;box-shadow:0 8px 24px #06242b38;background:linear-gradient(145deg,#fffdf3,#f7ecd5)}
#encounter.rpg-question #feedback-heading{font:700 18px Inter,ui-sans-serif,sans-serif}
#encounter.rpg-question #feedback-explanation{font:14px/1.65 Inter,ui-sans-serif,sans-serif}
#encounter.rpg-question #feedback-source{font:10px/1.6 Inter,ui-sans-serif,sans-serif}
.battle-lisa i{background-position:40% 0}
#encounter.rpg-question:not(.is-inspecting) .battle-status,#encounter.rpg-question:not(.is-inspecting) .mentor-caption{border:1px solid #f5dfaa;border-radius:15px;background:linear-gradient(135deg,#fcf6e9ef,#dbe8ddee);color:#24424a;box-shadow:0 6px 24px #09272a4d,inset 0 0 0 2px #ffffff61;text-shadow:none;backdrop-filter:blur(10px);font-family:Inter,ui-sans-serif,sans-serif}
#encounter.rpg-question .mentor-caption strong{font-family:Georgia,serif;font-weight:normal}
#encounter.rpg-question .mentor-caption .eyebrow{color:#586f67}
.battle-progress>span{height:7px;border:0;border-radius:10px;background:#29494e}
.battle-progress i{border-radius:10px;background:linear-gradient(90deg,#9dca8a,#e0e7a3);box-shadow:0 0 8px #d8e69e50}
#encounter.rpg-commands:not(.is-inspecting) .encounter-content{border-top:1px solid #edd9a54d;padding:16px 14px max(19px,env(safe-area-inset-bottom));gap:11px}
#encounter.rpg-commands #question-title{font:normal 26px/1.18 Georgia,serif;letter-spacing:-.02em;padding:20px 15px;border:1px solid #dbc591;border-radius:17px;min-height:177px;color:#27434a;background:linear-gradient(145deg,#fff9e9,#eee0bf);box-shadow:0 7px 24px #05283170,inset 0 0 0 3px #fffcf360}
#battle-commands{gap:9px}
#battle-commands button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:83px;border:1px solid #ffffff78;border-radius:17px;padding:12px 5px;font:650 11px Inter,ui-sans-serif,sans-serif;letter-spacing:.02em;box-shadow:inset 0 1px 0 #ffffff55,0 5px 14px #071f3655;text-shadow:0 1px 2px #0925364d;transition:transform .16s,filter .16s,box-shadow .16s}
#battle-commands button>span{font-size:23px;line-height:1.1;font-weight:normal}
#battle-commands button>strong{font:inherit}
.command-reply{background:linear-gradient(140deg,#db8083,#af5369)}.command-observe{background:linear-gradient(140deg,#d3ac61,#a27536)}.command-journal{background:linear-gradient(140deg,#77ae94,#43877d)}.command-leave{background:linear-gradient(140deg,#77a6c4,#5276a7)}
#battle-commands button:hover,#battle-commands button:focus-visible{filter:brightness(1.08);outline:2px solid #f1d797;outline-offset:2px;box-shadow:0 0 18px #e5ce8c30,0 5px 14px #071f3655}
#battle-commands button:active{transform:translateY(2px) scale(.98)}
#encounter.rpg-commands:not(.is-inspecting) .mentor-caption{min-width:163px;padding:12px 16px}
#encounter.rpg-commands .mentor-caption strong{font-size:25px}
@media(max-height:710px){#encounter.rpg-question #question-title{font-size:15px;line-height:1.4}#encounter.rpg-question .answer,#encounter.rpg-question .inspect-choice{font-size:12px;line-height:1.4}#encounter.rpg-commands #question-title{font:normal 24px/1.2 Georgia,serif;min-height:161px}#battle-commands button{min-height:76px;font-size:10px;gap:5px}#encounter.rpg-commands:not(.is-inspecting) .encounter-content{padding:13px 12px max(14px,env(safe-area-inset-bottom));gap:10px}#encounter.rpg-question #feedback-explanation{font-size:14px}}
@media(prefers-reduced-motion:reduce){#battle-commands button,#encounter.rpg-question .answer{transition:none}}
body.reduce-media-motion #battle-commands button,body.reduce-media-motion #encounter.rpg-question .answer{transition:none}