.bond-map-dialog{width:min(760px,calc(100vw - 32px));max-height:85dvh;padding:22px;border:1px solid rgba(226,218,193,.25);border-radius:8px;background:#1a2a20;color:#e9e7dc;box-shadow:0 20px 70px #0008}.bond-map-dialog::backdrop{background:#07110dbb}.bond-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.bond-heading h2{margin:0;font:500 21px var(--serif,serif)}.bond-close{border:0;background:none;color:#b7c1b5;font-size:25px;line-height:1;cursor:pointer}.bond-content{max-height:calc(85dvh - 85px);overflow:auto;padding:20px 0 2px}.bond-empty{margin:30px 0;text-align:center;color:#a9afa3}.bond-player{position:relative;width:max-content;max-width:100%;margin:0 auto 27px;padding:9px 22px;border:1px solid #c9a66b;border-radius:50px;background:#34473a;color:#f2e4c7;text-align:center;font:500 15px var(--serif,serif)}.bond-player:after{content:'';position:absolute;top:100%;left:50%;height:28px;border-left:1px solid rgba(201,166,107,.4)}.bond-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding-top:14px;border-top:1px solid rgba(201,166,107,.3)}.bond-person{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:12px 14px;border:1px solid rgba(226,218,193,.14);border-radius:5px;background:#223329}.bond-person strong{font-size:14px}.bond-value{color:#c9a66b;font-size:13px}.bond-person p{grid-column:1/-1;margin:0;color:#b4bfb2;font-size:12px;line-height:1.6}@media(max-width:600px){.bond-map-dialog{padding:16px}.bond-people{grid-template-columns:1fr}}