.contact-encounter{padding-top:4px}.contact-banner{display:grid;grid-template-columns:72px 1fr auto;gap:16px;align-items:center;padding:20px;margin-bottom:16px;background:linear-gradient(145deg,#243128,#111914);border:1px solid #506057}.contact-banner>span{display:grid;place-items:center;width:68px;height:68px;border:1px solid #75877a;color:var(--amber);font-size:32px}.contact-banner small{color:#9aa89e;font:800 8px Barlow Condensed;letter-spacing:.13em}.contact-banner h2{margin:5px 0;font-size:31px}.contact-banner p{margin:0;color:#a9b4ac;font-size:10px}.contact-banner>strong{font:800 34px Barlow Condensed;color:var(--amber)}.contact-encounter.status-hostile .contact-banner,.contact-encounter.status-wary .contact-banner{border-color:#9b5a3f;background:linear-gradient(145deg,#30221c,#161713)}.relations-board{margin-top:30px;padding-top:28px;border-top:1px solid #445248}.relations-heading{margin-bottom:16px}.relations-heading h2{margin:5px 0}.relations-heading p{color:#9da9a1;font-size:10px}.relation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.relation-card{position:relative;min-height:220px;padding:15px;background:linear-gradient(145deg,#1c2821,#111814);border:1px solid #3d4c42;overflow:hidden}.relation-card>span{position:absolute;right:11px;top:10px;color:#94a298;font:800 8px Barlow Condensed;letter-spacing:.14em}.relation-glyph{font-size:34px;color:var(--amber);margin:6px 0 18px}.relation-card>b,.relation-card>small{display:block}.relation-card>b{font:700 18px Barlow Condensed}.relation-card>small{color:#94a198;font-size:9px;line-height:1.55;margin-top:4px}.relation-card>small strong{color:#d4ae63}.relation-track{position:absolute;left:15px;right:54px;bottom:17px;height:6px;background:linear-gradient(90deg,#6e382e 0 50%,#26352b 50%)}.relation-track i{display:block;height:100%;background:linear-gradient(90deg,#bd5c42,#d7a348,#72a06f)}.relation-track em{position:absolute;left:50%;top:-3px;width:1px;height:12px;background:#e7eee8}.relation-score{position:absolute;right:14px;bottom:11px;color:#d6b264;font:800 18px Barlow Condensed}.relation-card.status-allied{border-color:#6f966c;box-shadow:inset 0 0 25px #72a06f18}.relation-card.status-hostile{border-color:#9c503c;box-shadow:inset 0 0 25px #a744331c}.relations-effects{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0}.relations-effects span{padding:8px;background:#19231d;border:1px solid #3c4a41;color:#d4ad61;text-align:center;font:800 8px Barlow Condensed;letter-spacing:.07em}.contact-history{display:grid;gap:4px;padding:13px 15px;background:#111914;border-left:3px solid var(--amber)}.contact-history b{color:var(--amber);font:800 9px Barlow Condensed;letter-spacing:.13em}.contact-history small{color:#8d9a92;font-size:8px}@media(max-width:540px){.contact-banner{grid-template-columns:52px 1fr}.contact-banner>span{width:50px;height:50px}.contact-banner>strong{grid-column:1/-1}.relation-grid{grid-template-columns:1fr}.relations-effects{grid-template-columns:repeat(2,1fr)}}