/* Static character/panel pilot. Expressions and talking animation are deferred. */
.alexey-portrait{display:block;object-fit:contain;object-position:center bottom;pointer-events:none;user-select:none}
.inspect-narration{width:min(960px,calc(100vw - 40px));padding:24px 28px 18px 210px;min-height:174px;bottom:80px;background:linear-gradient(105deg,#112942f5,#102035fa);border-radius:3px 3px 16px 3px}
.inspect-narration .alexey-portrait{position:absolute;left:8px;bottom:0;width:190px;height:205px}
.inspect-narration p{font-size:17px;margin:15px 0 12px;line-height:1.5}.inspect-speaker{color:#d0eaff;font-size:12px}.inspect-speaker span{float:none;display:inline-block;margin-left:16px;font-size:9px}.inspect-narration.resting{min-height:135px}.inspect-narration.resting .alexey-portrait{height:170px}.inspect-narration.resting button{display:none}.inspect-narration.resting p{color:#b2c9de;font-size:15px}
.usb-dialog .usb-dialog-footer{padding:18px 24px 18px 188px;min-height:190px;gap:20px}.usb-dialog-footer>.alexey-portrait{position:absolute;left:3px;bottom:0;width:175px;height:185px}.usb-dialog .inspect-label{margin-bottom:11px}.usb-dialog .usb-dialog-footer p{font-size:16px}.usb-dialog .usb-reset{min-width:160px;padding:13px 15px}
@media(max-width:700px){.inspect-narration{width:calc(100vw - 20px);padding:15px 16px 12px 112px;bottom:90px;min-height:160px}.inspect-narration .alexey-portrait{left:0;width:108px;height:150px}.inspect-speaker span{display:block;margin:5px 0 0;font-size:8px}.inspect-narration p{font-size:14px;margin:11px 0}.inspect-narration.resting{min-height:115px}.inspect-narration.resting .alexey-portrait{height:135px}.usb-dialog .usb-dialog-footer{padding:18px 16px 18px 115px;min-height:195px}.usb-dialog-footer>.alexey-portrait{width:108px;height:160px}.usb-dialog .usb-dialog-footer p{font-size:14px}.usb-dialog .usb-reset{font-size:11px;min-width:0}.usb-dialog .inspect-label span{display:block;margin:6px 0 0}}

/* Both dialogue states share one viewport anchor and portrait geometry. */
:root{--alex-panel-width:min(960px,calc(100vw - 40px));--alex-panel-bottom:80px;--alex-portrait-width:190px;--alex-portrait-height:205px;--alex-portrait-left:8px;--alex-panel-inset:210px}
.inspect-narration,.usb-dialog .usb-dialog-footer{position:fixed;left:50%;bottom:var(--alex-panel-bottom);transform:translateX(-50%);width:var(--alex-panel-width);box-sizing:border-box;margin:0;padding-left:var(--alex-panel-inset);min-height:174px}
.inspect-narration .alexey-portrait,.inspect-narration.resting .alexey-portrait,.usb-dialog-footer>.alexey-portrait{position:absolute;left:var(--alex-portrait-left);bottom:0;width:var(--alex-portrait-width);height:var(--alex-portrait-height)}
.inspect-narration.resting{min-height:174px}
.usb-dialog{margin:20px auto auto;max-height:calc(100dvh - 300px)}
@media(max-width:700px){:root{--alex-panel-width:calc(100vw - 20px);--alex-panel-bottom:24px;--alex-portrait-width:108px;--alex-portrait-height:150px;--alex-portrait-left:0px;--alex-panel-inset:115px}.inspect-narration,.inspect-narration.resting,.usb-dialog .usb-dialog-footer{min-height:195px}.usb-dialog{margin-top:8px;max-height:calc(100dvh - 245px)}}