.fox-encounter{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:14px;text-align:left;border:1px solid #97cebd55;border-radius:13px;background:linear-gradient(110deg,#35645b44,#223c4c55);padding:10px;margin:0 0 12px}.fox-encounter .portrait{width:80px;height:80px;margin:0;border-radius:9px;background-position:100% 0}.fox-encounter small{color:#d8e9bb;font-size:11px;letter-spacing:1px}.fox-encounter p{font-family:serif;font-size:16px;line-height:1.5;margin:7px 0;color:#f3e6bd}.fox-encounter div>span{font-size:10px;color:#a9c9c2}@media(max-height:500px){.fox-encounter{grid-template-columns:54px 1fr;padding:6px 10px;margin-bottom:8px;gap:10px}.fox-encounter .portrait{width:54px;height:54px}.fox-encounter p{font-size:13px;margin:3px 0}}
@media(max-height:500px) and (min-width:651px){#modal.fox-result{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px 14px;width:min(760px,94vw);max-width:760px;text-align:left;padding:10px 16px}.fox-result>.modal-kicker{grid-column:1/-1;text-align:center}.fox-result>h2{grid-column:1/-1;text-align:center;margin:0 0 3px!important}.fox-result>.result-debrief{grid-column:1;grid-row:3/span 3;align-self:start;margin:0;padding:8px 10px}.fox-result>.fox-encounter{grid-column:2;grid-row:3;margin:0}.fox-result>.result-score{grid-column:2;grid-row:4;text-align:center;padding:0}.fox-result>.result-stats{grid-column:2;grid-row:5;padding:5px 0;margin:0}.fox-result>.result-stats b{font-size:18px}#modal.fox-result>#next{grid-column:1;grid-row:6;margin:0;padding:9px 12px}#modal.fox-result>#retry{grid-column:2;grid-row:6;justify-content:center;margin:0;padding:9px 12px}.fox-result>.retry-note{grid-column:2;grid-row:7;margin:0}#modal.fox-result>#back{grid-column:1;grid-row:7;margin:0;padding:0;justify-content:center}.fox-result>.chapter-ending{grid-column:1/-1;grid-row:8;margin:0}.fox-result>.save-state{grid-column:1/-1;grid-row:9;text-align:center;margin:0}}