@font-face{font-family:Pixelify;src:url('assets/fonts/PixelifySans.ttf') format('truetype');font-weight:400 700;font-display:swap}
#pixel-stage,#pixel-title,.pixel-opponent-panel,#pixel-tools{display:none}
/* Each approved portrait is the stage itself; Lisa and her companion are already in it. */
#encounter.pixel-encounter:not(.is-inspecting){container-type:inline-size;width:min(480px,100vw);grid-template-rows:minmax(250px,1fr) auto;background:#252d44;color:#283a3c}
#encounter.pixel-encounter:not(.is-inspecting) .encounter-media{border:0;background:#677aa3;overflow:hidden}
#encounter.pixel-encounter:not(.is-inspecting) #pixel-stage{display:block;position:absolute;inset:0;overflow:hidden}
#encounter.pixel-encounter:not(.is-inspecting) .pixel-art,#pixel-video{position:absolute;top:min(0px,calc(100% - 117cqw));left:0;width:100%;height:auto;aspect-ratio:941/1672;background:var(--pixel-art) top center/100% auto no-repeat;object-fit:fill;image-rendering:auto}
#pixel-video{opacity:0;transition:opacity .35s;pointer-events:none}
.pixel-playing #pixel-video{opacity:1}
#encounter.pixel-encounter:not(.is-inspecting) #encounter-video,#encounter.pixel-encounter:not(.is-inspecting) .encounter-media::before,#encounter.pixel-encounter:not(.is-inspecting) .battle-lisa,#encounter.pixel-encounter:not(.is-inspecting) .media-gradient,#encounter.pixel-encounter:not(.is-inspecting) .mentor-caption{display:none}
#encounter.pixel-encounter:not(.is-inspecting) #pixel-title{display:block;position:absolute;top:max(18px,env(safe-area-inset-top));left:8%;right:15%;padding:12px 8px;background:repeating-linear-gradient(0deg,#a66e46 0 9px,#b27a4e 9px 10px,#986440 10px 12px);border:3px solid #604031;border-radius:3px;box-shadow:inset 0 0 0 2px #d19a60,0 4px 0 #452d38,0 6px 0 #f6d69475;color:#ffedc0;text-shadow:2px 2px #653b34;text-align:center;font:600 clamp(16px,4.5vw,21px)/1 Pixelify,monospace;letter-spacing:.025em}
#pixel-title::before,#pixel-title::after{content:'';position:absolute;width:5px;height:5px;background:#4f3940;box-shadow:1px 1px #d8a96e;top:50%;left:5px}#pixel-title::after{left:auto;right:5px}
#encounter.pixel-encounter:not(.is-inspecting) .round-close{right:7px;top:max(17px,env(safe-area-inset-top));border:2px solid #f6e7bd;background:#39414fe6;border-radius:4px;box-shadow:2px 2px #44303d;width:44px;height:44px;color:#fff1cd}
#encounter.pixel-encounter:not(.is-inspecting) .pixel-opponent-panel{display:grid;grid-template-columns:1fr auto;gap:4px 7px;position:absolute;top:90px;left:12px;min-width:194px;max-width:75%;padding:9px 13px 11px;border:2px solid #514752;border-radius:2px 12px 2px 12px;background:linear-gradient(#f0eee0,#d5d7ce);box-shadow:inset 0 0 0 2px #fff6da,3px 4px 0 #3e3c5480;font:400 14px/1.15 Pixelify,monospace}
#pixel-opponent{font:600 17px/1 Pixelify,monospace}#pixel-round{font-size:12px;align-self:center}
.pixel-round-track{grid-column:1/-1;height:8px;border:2px solid #565454;background:#3e5362;box-shadow:1px 1px #fff8da}
.pixel-round-track i{display:block;height:100%;background:#88b768;box-shadow:inset 0 2px #c1db84;transition:width .4s}
#encounter.pixel-encounter:not(.is-inspecting) .battle-status{display:block;position:absolute;width:43%;right:13px;bottom:11px;padding:9px 10px 6px;border:2px solid #514752;border-radius:12px 2px 12px 2px;background:linear-gradient(#f0eee0,#d5d7ce);box-shadow:inset 0 0 0 2px #fff6da,3px 4px 0 #3e3c5480;backdrop-filter:none;font-family:Pixelify,monospace;color:#34434a}
#encounter.pixel-encounter .battle-status>div:first-child{font:400 13px/1 Pixelify,monospace;margin-bottom:6px}#encounter.pixel-encounter .battle-status strong{font:600 21px/1 Pixelify,monospace}
#encounter.pixel-encounter .battle-progress{gap:5px}#encounter.pixel-encounter .battle-progress small{font:500 11px/1 Pixelify,monospace;color:#766139}
#encounter.pixel-encounter .battle-progress>span{height:10px;border:2px solid #625142;border-radius:0;background:#65504a}
#encounter.pixel-encounter .battle-progress i{border-radius:0;background:#deb459;box-shadow:inset 0 2px #ffe59a}
#encounter.pixel-encounter #battle-count{font:400 11px/1 Pixelify,monospace;margin-top:4px;display:block;text-align:right}
#encounter.pixel-encounter:not(.is-inspecting) .encounter-content{display:flex;flex-direction:column;max-height:50dvh;min-height:0;overflow:auto;padding:10px 10px max(8px,env(safe-area-inset-bottom));margin:0;border:0;border-radius:0;background:linear-gradient(#293c50,#202e42);gap:8px;color:#fff0cc;box-shadow:0 -3px #ffeac2,0 -6px #544455}
#encounter.pixel-encounter .encounter-top,#encounter.pixel-encounter #question-lead{display:none}
#encounter.pixel-encounter #question-title,#encounter.pixel-encounter.rpg-commands #question-title{order:1;display:block;width:100%;min-height:0;flex-shrink:0;border:2px solid #635853;border-radius:3px;background:#fff7de;color:#36414a;box-shadow:inset 0 0 0 2px #fffef2,0 0 0 2px #ebd6a2;font:500 18px/1.15 Pixelify,monospace;text-shadow:none;letter-spacing:0;margin:2px 0 3px;padding:12px 13px}
#encounter.pixel-encounter #question-title::before{display:none}
#encounter.pixel-encounter #answers{order:3;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 1px 3px}
#encounter.pixel-encounter .answer,#encounter.pixel-encounter .inspect-choice{display:flex;align-items:center;gap:7px;min-height:64px;padding:10px 9px;border:2px solid #f8e7bb;border-radius:5px;background:#bd626c;color:#fff9e6;text-shadow:1px 2px #4c3c4670;box-shadow:inset 0 0 0 2px #e69d8a,0 0 0 1px #273547,0 3px 0 #0c202e;font:500 15px/1.1 Pixelify,monospace;letter-spacing:0;transition:filter .15s,transform .15s}
#encounter.pixel-encounter .answer:nth-child(2){background:#4e86a2;box-shadow:inset 0 0 0 2px #8cbece,0 0 0 1px #273547,0 3px 0 #0c202e}
#encounter.pixel-encounter .answer:nth-child(3){background:#b99249;box-shadow:inset 0 0 0 2px #ddc17c,0 0 0 1px #273547,0 3px 0 #0c202e}
#encounter.pixel-encounter .inspect-choice{background:#548d7b;box-shadow:inset 0 0 0 2px #91baa0,0 0 0 1px #273547,0 3px 0 #0c202e}
#encounter.pixel-encounter .answer strong{font:inherit;overflow-wrap:anywhere}
#encounter.pixel-encounter .answer>span,#encounter.pixel-encounter .inspect-choice>span{font:600 23px/1 Pixelify,monospace;color:#ffedc0;flex:0 0 17px;width:17px;height:auto;align-self:center}
#encounter.pixel-encounter .answer.chosen{outline:2px solid #fff9cf;outline-offset:2px;filter:brightness(1.2);transform:translateY(-1px)}
#encounter.pixel-encounter .answer.chosen>span,#encounter.pixel-encounter .answer.correct>span,#encounter.pixel-encounter .answer.wrong>span{font-size:0}
#encounter.pixel-encounter .answer.chosen>span::after{color:#fff3ad;font-size:13px}
#encounter.pixel-encounter .answer.correct{background:#417861;box-shadow:inset 0 0 0 2px #a3d391;filter:none;text-shadow:none}
#encounter.pixel-encounter .answer.wrong{background:#8f4b5d;box-shadow:inset 0 0 0 2px #d08c94;filter:none;text-shadow:none}
#encounter.pixel-encounter .answer.correct>span::after,#encounter.pixel-encounter .answer.wrong>span::after{color:#fff2cc}
#encounter.pixel-encounter #continue-button{order:5;min-height:44px;padding:9px 12px;margin:0;border-radius:3px;border:2px solid #fff0c7;background:#cfb16b;box-shadow:inset 0 0 0 2px #f0d490,0 2px #102936;color:#2d4142;font:600 17px/1.15 Pixelify,monospace}
#encounter.pixel-encounter #pixel-tools{order:6;display:flex;justify-content:space-between;gap:8px;margin:0;min-height:36px}
#pixel-tools button{padding:4px 13px;min-height:36px;border:1px solid #f6de9f70;border-radius:3px;background:#314753;color:#efddb4;font:400 14px Pixelify,monospace}
#pixel-motion::before{content:'Ⅱ ';color:#e4c377}#pixel-motion[aria-pressed=false]::before{content:'▶ '}
#encounter.pixel-encounter #pixel-hint{order:2;padding:9px 12px;background:#436358;border:1px solid #c2d5a4;color:#fff9db;font:400 16px/1.2 Pixelify,monospace;margin:0}
#encounter.pixel-encounter.rpg-answered #question-title{display:none}
#encounter.pixel-encounter.rpg-answered #feedback{order:1;margin:0 0 3px;padding:12px 14px;border:2px solid #635853;border-radius:3px;background:#fff7de;box-shadow:inset 0 0 0 2px #fffef2,0 0 0 2px #ebd6a2}
#encounter.pixel-encounter #feedback-heading{font:600 19px Pixelify,monospace}
#encounter.pixel-encounter #feedback-explanation{font:400 17px/1.25 Pixelify,monospace;margin:8px 0}
#encounter.pixel-encounter #feedback-source{font:400 12px/1.2 Pixelify,monospace}
#encounter.pixel-encounter.rpg-commands .encounter-content{display:flex;gap:10px}
#encounter.pixel-encounter #battle-commands{order:3;width:100%;gap:8px}
#encounter.pixel-encounter #battle-commands button{min-height:70px;border-radius:4px;border:2px solid #f7e4b7;box-shadow:inset 0 0 0 2px #ffffff30,0 3px #092e36;font:500 16px Pixelify,monospace;gap:3px;padding:7px}
#encounter.pixel-encounter .pixel-weather{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.pixel-weather i{position:absolute;width:3px;height:3px;top:-8%;left:12%;background:#fff6d3;opacity:0;box-shadow:1px 1px #b3d1ff}
.pixel-motion .pixel-weather i{animation:pixel-float 8s linear infinite}
.pixel-weather i:nth-child(2){left:28%;animation-delay:-3s;animation-duration:11s}.pixel-weather i:nth-child(3){left:56%;animation-delay:-6s}.pixel-weather i:nth-child(4){left:74%;animation-delay:-2s;animation-duration:13s}.pixel-weather i:nth-child(5){left:43%;animation-delay:-4s;animation-duration:9s}.pixel-weather i:nth-child(6){left:90%;animation-delay:-7s}
[data-ambience=glimmer] .pixel-weather i{background:#b8fff1;box-shadow:0 0 9px 2px #a4f1f3}
[data-ambience=dust] .pixel-weather i{background:#ffd798;box-shadow:0 0 8px #ffdd9d}
#encounter.pixel-encounter[data-ambience=glimmer] .pixel-art::after{content:'';position:absolute;inset:12% 10% 50%;background:radial-gradient(ellipse,#83e9ec22,transparent 70%);opacity:.4;mix-blend-mode:screen}
#encounter.pixel-encounter.pixel-motion[data-ambience=glimmer] .pixel-art::after{animation:pixel-light 4s ease-in-out infinite alternate}
@keyframes pixel-float{0%{transform:translate(0,0);opacity:0}12%{opacity:.8}80%{opacity:.65}100%{transform:translate(24px,420px);opacity:0}}
@keyframes pixel-light{to{opacity:1}}
@media(max-height:740px){#encounter.pixel-encounter:not(.is-inspecting){grid-template-rows:minmax(225px,1fr) auto}#encounter.pixel-encounter:not(.is-inspecting) .encounter-content{max-height:48dvh;gap:7px}#encounter.pixel-encounter #question-title{font-size:16px;padding:10px 11px}#encounter.pixel-encounter .answer,#encounter.pixel-encounter .inspect-choice{font-size:14px;min-height:59px;padding:9px 8px}#encounter.pixel-encounter:not(.is-inspecting) .pixel-opponent-panel{top:77px;padding:7px 10px}#encounter.pixel-encounter:not(.is-inspecting) #pixel-title{top:12px}}
@media(max-height:500px){#encounter.pixel-encounter:not(.is-inspecting){grid-template-rows:minmax(120px,1fr) auto}#encounter.pixel-encounter:not(.is-inspecting) .encounter-content{max-height:60dvh}#encounter.pixel-encounter:not(.is-inspecting) .pixel-opponent-panel{display:none}}
@media(prefers-reduced-motion:reduce){.pixel-weather i,.pixel-art::after{animation:none!important}#pixel-video,.pixel-round-track i{transition:none}}
.reduce-media-motion .pixel-weather i,.reduce-media-motion .pixel-art::after{animation:none!important}

#encounter.pixel-encounter.rpg-answered #pixel-menu{display:none}
#pixel-tools button{min-height:44px}
#encounter.pixel-encounter.is-inspecting .encounter-content{display:none}

/* Keep controls outside the reading area, including on short portrait screens. */
#encounter-body,#encounter-actions{display:contents}
#pixel-reaction,#pixel-effects{display:none}
#encounter.pixel-encounter:not(.is-inspecting) .encounter-content{overflow:hidden;max-height:54dvh;padding:10px 10px max(8px,env(safe-area-inset-bottom));gap:8px}
#encounter.pixel-encounter #encounter-body{display:flex;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-padding:5px;padding:3px;flex:1 1 auto}
#encounter.pixel-encounter #encounter-actions{display:flex;flex-direction:column;gap:7px;flex:0 0 auto;padding:3px}
#encounter.pixel-encounter #continue-button{width:100%;min-height:48px}
#encounter.pixel-encounter #continue-button:disabled{opacity:1;background:#7c744f;color:#fffbea;border-color:#ddd3b3;box-shadow:none}
#encounter.pixel-encounter #pixel-tools{min-height:44px}
#encounter.pixel-encounter #question-title{font:600 17px/1.35 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#encounter.pixel-encounter #answers{grid-template-columns:repeat(2,minmax(0,1fr));flex-shrink:0}
#encounter.pixel-encounter #answers .answer,#encounter.pixel-encounter #answers .inspect-choice{background:#85404b;color:#fff8e8;border:2px solid #d7aa91;box-shadow:inset 0 0 0 1px #ffffff26,0 3px #122534;text-shadow:none;filter:none;opacity:1;font:550 15px/1.3 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:64px}
#encounter.pixel-encounter #answers .answer:nth-child(2){background:#305d75;border-color:#86b3c7}
#encounter.pixel-encounter #answers .answer:nth-child(3){background:#70521d;border-color:#cdb46f}
#encounter.pixel-encounter #answers .inspect-choice{background:#285d4e;border-color:#8bb39a}
#encounter.pixel-encounter #answers .answer.chosen{background:#fff0be;color:#243640;border-color:#fff9e8;outline:2px solid #ddb858;outline-offset:1px;box-shadow:inset 0 0 0 2px #bb8c39;filter:none;transform:none}
#encounter.pixel-encounter #answers .answer.chosen>span::after{color:#243640}
#encounter.pixel-encounter #answers .answer.correct{background:#215342;color:#fff8e8;border-color:#acdfb5;box-shadow:inset 0 0 0 1px #acdfb5;filter:none}
#encounter.pixel-encounter #answers .answer.wrong{background:#713446;color:#fff8e8;border-color:#e4a7b7;box-shadow:inset 0 0 0 1px #e4a7b7;filter:none}
#encounter.pixel-encounter #answers .answer.correct>span::after,#encounter.pixel-encounter #answers .answer.wrong>span::after{color:#fff8e8}
#encounter.pixel-encounter #feedback-explanation,#encounter.pixel-encounter #pixel-hint{font:400 16px/1.45 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#encounter.pixel-encounter #feedback-source{font:400 14px/1.4 ui-sans-serif,sans-serif;display:inline-block;padding:8px 0;color:#2d5055}
.pixel-rounds{grid-column:1/-1;display:flex;gap:6px}
.pixel-rounds>span{display:grid;place-items:center;width:25px;height:22px;border:1px solid #5b6562;background:#e9e8dc;color:#37434d;font:700 17px/1 ui-sans-serif,sans-serif;border-radius:3px}
.pixel-rounds>[data-state=correct]{background:#215342;color:#fff8e8;border-color:#215342}
.pixel-rounds>[data-state=wrong]{background:#713446;color:#fff8e8;border-color:#713446}
#encounter.pixel-encounter:not(.is-inspecting) #pixel-effects{display:block;position:absolute;top:min(0px,calc(100% - 117cqw));left:0;width:100%;aspect-ratio:941/1672;pointer-events:none}
#pixel-spark{display:none;position:absolute;left:24%;top:49%;font:38px/1 Pixelify,monospace;color:#ffeba4;filter:drop-shadow(0 0 8px #fff4b5)}
#encounter.pixel-encounter[data-outcome=correct].pixel-motion #pixel-spark{display:block;animation:duel-spark .7s ease-out both}
#encounter.pixel-encounter:not(.is-inspecting) #pixel-reaction:not([hidden]){display:block;position:absolute;right:13px;bottom:104px;max-width:53%;padding:8px 11px;background:#fff8df;color:#263d41;border:2px solid #675744;box-shadow:3px 3px #25304060;border-radius:10px 10px 2px 10px;font:600 14px/1.25 ui-sans-serif,sans-serif;pointer-events:none}
#encounter.pixel-encounter.pixel-motion #pixel-reaction:not([hidden]){animation:duel-reply .4s ease-out both}
@keyframes duel-spark{0%{left:70%;top:38%;opacity:0;transform:scale(.5)}20%{opacity:1}80%{opacity:1}100%{left:24%;top:49%;opacity:0;transform:scale(1.2)}}
@keyframes duel-reply{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
#encounter.pixel-encounter.pixel-finale #pixel-menu{display:none}
#encounter.pixel-encounter.pixel-finale #question-lead{display:block;order:2;color:#f3ebd4;font:400 15px/1.4 ui-sans-serif,sans-serif;margin:0}
#encounter.pixel-encounter.pixel-finale #answers{display:flex;flex-direction:column;margin:0;gap:8px}
#encounter.pixel-encounter.pixel-finale #answers>.text-button{min-height:44px;color:#fff4d5;text-decoration:underline}
#encounter.pixel-encounter #challenge-area{order:4;flex-shrink:0}
#encounter.pixel-encounter .challenge-status,#encounter.pixel-encounter .challenge-sequence{color:#fff6de;font:500 16px/1.4 ui-sans-serif,sans-serif}
#encounter.pixel-encounter #challenge-buttons button{min-height:52px;background:#fff0be;color:#243640;border:2px solid #d6b975;font:500 16px/1.35 ui-sans-serif,sans-serif}
#encounter.pixel-encounter #challenge-buttons button.selected,#encounter.pixel-encounter #challenge-buttons button.lit{background:#b5dfbb;color:#203d32;opacity:1}
#encounter.pixel-encounter .reward-medallion{display:flex;align-items:center;gap:12px;background:#364d4e;border:2px solid #c6ab70;border-radius:5px;padding:10px;margin:0;color:#fff4d5}
#encounter.pixel-encounter .reward-medallion>span{font-size:27px;width:44px;height:44px;margin:0;flex:0 0 44px}
#encounter.pixel-encounter .reward-medallion small{font:600 14px/1.35 ui-sans-serif,sans-serif;color:#fff4d5}
#encounter.pixel-encounter .curiosity-card{order:4;flex-shrink:0;border:2px solid #c6ab70;border-radius:5px;background:#fff7de;box-shadow:inset 0 0 0 2px #fffef2;color:#263d41;padding:14px}
#encounter.pixel-encounter .curiosity-card h3{font:600 24px/1.1 Pixelify,monospace;margin:12px 0}
#encounter.pixel-encounter .curiosity-card p{font:400 16px/1.45 ui-sans-serif,sans-serif;color:#263d41}
#encounter.pixel-encounter .curiosity-card small,#encounter.pixel-encounter .curiosity-card a{font:500 13px/1.4 ui-sans-serif,sans-serif;color:#365957}
#encounter.pixel-encounter .curiosity-card a{display:inline-block;min-height:44px;padding-top:12px}
#next-learning{order:7;flex-shrink:0;padding:12px;border:1px solid #9ba995;background:#344c4c;color:#fff6dc;font:400 14px/1.45 ui-sans-serif,sans-serif;margin:0}
#encounter.pixel-encounter #review-domain{order:8;flex-shrink:0;color:#fff1cf;min-height:44px;margin:0;text-decoration:underline}
@media(max-height:740px){
 #encounter.pixel-encounter:not(.is-inspecting){grid-template-rows:minmax(210px,1fr) auto}
 #encounter.pixel-encounter:not(.is-inspecting) .encounter-content{max-height:58dvh;gap:4px;padding-top:7px}
 #encounter.pixel-encounter #question-title{font-size:16px;line-height:1.3;padding:9px 10px}
 #encounter.pixel-encounter #answers .answer,#encounter.pixel-encounter #answers .inspect-choice{font-size:14px;min-height:60px;padding:9px 7px}
 #encounter.pixel-encounter #encounter-actions{gap:4px}
 #encounter.pixel-encounter:not(.is-inspecting) .pixel-opponent-panel{top:65px;min-width:170px;padding:6px 9px;max-width:65%}
 #encounter.pixel-encounter:not(.is-inspecting) #pixel-title{font-size:15px;top:10px;padding:9px 6px}
 #pixel-opponent{font-size:15px}.pixel-rounds>span{height:19px;width:22px;font-size:15px}
 #encounter.pixel-encounter:not(.is-inspecting) .battle-status{bottom:8px;padding:7px 9px;width:42%}
}
@media(max-height:500px){#encounter.pixel-encounter:not(.is-inspecting){grid-template-rows:minmax(100px,1fr) auto}#encounter.pixel-encounter:not(.is-inspecting) .encounter-content{max-height:68dvh}}
@media(prefers-reduced-motion:reduce){#pixel-spark{display:none!important}#pixel-reaction{animation:none!important}}
.reduce-media-motion #pixel-spark{display:none!important}.reduce-media-motion #pixel-reaction{animation:none!important}

/* Finger-sized controls: selection is a tap, confirmation is a separate tap. */
#encounter.pixel-encounter button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
#encounter.pixel-encounter #answers .answer:focus-visible,#encounter.pixel-encounter #answers .inspect-choice:focus-visible{outline:3px solid #fff3bd;outline-offset:2px}

/* A stable stage: reading, choosing and feedback never move the scenery. */
#encounter.pixel-encounter:not(.is-inspecting){grid-template-rows:minmax(0,48%) minmax(0,1fr)}
#encounter.pixel-encounter:not(.is-inspecting) .encounter-content{max-height:none;min-height:0}
#encounter.pixel-encounter .encounter-media{contain:layout paint}
#encounter.pixel-encounter #encounter-body{scrollbar-width:thin;scrollbar-color:#c6b47e #293c50}
#encounter.pixel-encounter #question-title{font-size:17px;line-height:1.4;padding:11px 12px;margin:2px 0 4px}
#encounter.pixel-encounter.rpg-answered #question-title{display:block;font-size:14px;line-height:1.4;padding:9px 11px;background:#ede5d0;box-shadow:none;border-color:#b7ab8c}
#encounter.pixel-encounter.rpg-answered #feedback{order:2}
#encounter.pixel-encounter.rpg-answered #answers .answer{min-height:48px;font-size:14px}
#encounter.pixel-encounter:not(.is-inspecting) .pixel-opponent-panel{grid-template-columns:1fr;gap:5px;min-width:155px;max-width:72%;padding:8px 11px}
#pixel-round{font:500 12px/1.3 ui-sans-serif,sans-serif;color:#415454}
.pixel-rounds{gap:7px}
.pixel-rounds>span{width:22px;height:22px;border-radius:50%;font-size:13px}
.pixel-rounds>[aria-current=step]{background:#f3d48d;border:2px solid #765628;color:#293c40}
.pixel-rounds>[data-state=wrong]{background:#e9dcc0;border-color:#897446;color:#55462a}
#encounter.pixel-encounter:not(.is-inspecting) .learning-journal{display:flex;flex-direction:column;gap:4px;width:auto;max-width:55%;padding:9px 12px;background:#fff4ddee;border-radius:3px 12px 3px 12px}
#encounter.pixel-encounter .learning-journal #battle-progress-label{font:600 10px/1.25 ui-sans-serif,sans-serif;letter-spacing:.09em;color:#685a35}
#encounter.pixel-encounter .learning-journal #battle-count{font:600 14px/1.25 ui-sans-serif,sans-serif;text-align:left;margin:0;color:#2e4545}
#encounter.pixel-encounter .learning-journal #battle-level{font:400 12px/1.2 ui-sans-serif,sans-serif;color:#53625c}
#encounter.pixel-encounter:not(.is-inspecting) #pixel-reaction:not([hidden]){bottom:96px}
#encounter.pixel-encounter #continue-button{font:650 16px/1.2 ui-sans-serif,sans-serif}
#encounter.pixel-encounter #continue-button:disabled{color:#d9e0d9;background:#344852;border-color:#677a7b}
@media(max-height:740px){
 #encounter.pixel-encounter:not(.is-inspecting){grid-template-rows:minmax(0,38%) minmax(0,1fr)}
 #encounter.pixel-encounter #question-title{font-size:16px;line-height:1.35;padding:9px 10px}
 #encounter.pixel-encounter:not(.is-inspecting) .pixel-opponent-panel{top:62px;grid-template-columns:1fr auto;gap:3px 7px;padding:6px 9px}
 #encounter.pixel-encounter:not(.is-inspecting) .learning-journal{padding:7px 9px;bottom:8px}
 #encounter.pixel-encounter .learning-journal #battle-count{font-size:12px}
 #encounter.pixel-encounter .learning-journal #battle-level{display:none}
}
@media(max-height:500px){#encounter.pixel-encounter:not(.is-inspecting){grid-template-rows:minmax(0,32%) minmax(0,1fr)}}
#encounter.pixel-encounter #feedback-source:not([href]){font-size:12px;padding:0;text-decoration:none;color:#5d6861}

/* The title and encounter label flow together, including with a phone notch. */
.pixel-heading{display:none}
#encounter.pixel-encounter:not(.is-inspecting) .pixel-heading{display:grid;gap:12px;position:absolute;top:max(18px,calc(env(safe-area-inset-top) + 8px));left:12px;right:58px;z-index:3;pointer-events:none}
#encounter.pixel-encounter:not(.is-inspecting) .pixel-heading #pixel-title{position:relative;inset:auto;margin-left:16px;overflow-wrap:anywhere}
#encounter.pixel-encounter:not(.is-inspecting) .pixel-heading .pixel-opponent-panel{position:relative;inset:auto;max-width:100%;width:fit-content;min-width:155px;justify-self:start}
#encounter.pixel-encounter:not(.is-inspecting) .round-close{top:max(18px,calc(env(safe-area-inset-top) + 8px));z-index:4;user-select:none;-webkit-user-select:none}
#encounter.pixel-encounter button{user-select:none;-webkit-user-select:none}
#encounter.pixel-encounter.rpg-answered #answers{display:none}
#encounter.pixel-encounter #feedback-answer{font:650 15px/1.35 ui-sans-serif,sans-serif;margin:8px 0;color:#22483c}
#encounter.pixel-encounter.rpg-answered #feedback-answer::before{content:'✓ ';color:#367655}
#encounter.pixel-encounter.rpg-answered #feedback{padding:10px 12px}
#encounter.pixel-encounter #feedback-explanation{font-size:15px;line-height:1.4}
@media(max-height:740px){
 #encounter.pixel-encounter:not(.is-inspecting) .pixel-heading{top:max(10px,calc(env(safe-area-inset-top) + 8px));gap:8px;left:12px;right:55px}
 #encounter.pixel-encounter:not(.is-inspecting) .round-close{top:max(10px,calc(env(safe-area-inset-top) + 8px))}
 #encounter.pixel-encounter:not(.is-inspecting) .pixel-heading #pixel-title{margin-left:8px}
}