.portrait-player{margin:0;padding:10px;background:#344043;color:#eee2cb}.portrait-player__viewport{position:relative;aspect-ratio:1;overflow:hidden;background:#d3c4a6}.portrait-player__viewport img{position:absolute;top:0;left:0;display:block;max-width:none;transform-origin:0 0}.portrait-player>figcaption{font:15px/1.5 system-ui;padding:10px 0}.portrait-player__controls{display:flex;flex-wrap:wrap;gap:6px}.portrait-player__controls button{padding:6px 10px;background:#e8d9b9;color:#302b27;border:0;font:13px system-ui;cursor:pointer}.portrait-performance .portrait-player__viewport img{width:100%;height:100%;object-fit:contain;transform:none}.character-dialogue{margin:0;padding:16px;color:var(--character-dialogue-ink,#322d29);background:var(--character-dialogue-paper,#eee2c9);border:1px solid var(--character-dialogue-border,#b8a789);font:16px/1.5 Georgia,serif;overflow-wrap:anywhere}.character-dialogue--face{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start}.character-dialogue__name{font-weight:700;font-size:18px;padding:0}.character-dialogue__role{margin:2px 0 10px;font:11px/1.4 system-ui;letter-spacing:.06em;text-transform:uppercase}.character-dialogue__line{margin:8px 0 0;font:inherit}.character-dialogue__body{padding:0}.character-conversation{position:absolute;z-index:12;right:24px;bottom:24px;width:min(560px,calc(100% - 48px));max-height:calc(100% - 48px);overflow:auto;box-sizing:border-box;padding:18px;background:#f3efe4fa;color:#263d32;border:1px solid #fff9;border-radius:8px;box-shadow:0 12px 48px #15271e66;pointer-events:auto}.character-conversation .character-dialogue{background:transparent;border:0;padding:0}.character-conversation .character-dialogue__portrait{max-height:200px}.character-conversation__options{display:grid;gap:8px;margin:16px 0}.character-conversation button{display:block;width:100%;min-height:44px}@media(max-width:600px){.character-conversation{right:12px;bottom:12px;width:calc(100% - 24px);max-height:62%;padding:14px}.character-conversation .character-dialogue--portrait{grid-template-columns:80px minmax(0,1fr);gap:12px}.character-conversation .character-dialogue__line{font-size:14px}}.dialogue-face{position:relative;flex:none;overflow:hidden;background:var(--dialogue-face-paper,#e6d8bb);border:1px solid var(--dialogue-face-border,#b8a789)}.dialogue-face__bust{position:absolute;inset:0;width:100%;height:100%;display:block}.dialogue-face__silhouette{position:absolute;inset:8% 6% 0;width:88%;height:92%;fill:var(--dialogue-face-ink,#4a4038);opacity:.55}.dialogue-face:not([data-shows=silhouette]) .dialogue-face__silhouette{display:none}