.connections-page{color:#fff;background:#15101b;padding:34px 0 90px}.connections-header{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:end;gap:54px;padding-top:34px;padding-bottom:32px;display:grid}.connections-header h1{letter-spacing:-.08em;text-wrap:balance;max-width:970px;margin:7px 0 0;font-size:clamp(3.7rem,8.3vw,8.5rem);line-height:.8}.connections-header>p{color:#b9adc0;max-width:460px;margin:0 0 8px;font-size:1rem;line-height:1.6}.connections-toolbar{justify-content:space-between;align-items:center;gap:22px;margin-bottom:12px;display:flex}.connections-filters{gap:6px;display:flex}.connections-filters button{color:#cfc4d5;font:inherit;cursor:pointer;background:0 0;border:1px solid #44384d;border-radius:999px;padding:9px 14px;font-size:.82rem;font-weight:700}.connections-filters button:hover,.connections-filters button:focus-visible,.connections-filters button.is-active{color:#25182d;background:#ff4797;border-color:#ff4797;outline:none}.connections-legend{color:#94879d;letter-spacing:.05em;text-transform:uppercase;gap:18px;font-size:.7rem;display:flex}.connections-legend span{align-items:center;gap:7px;display:flex}.connections-legend i{border-radius:50%;width:9px;height:9px;display:block}.legend-person{background:#ff4797}.legend-place{background:#ffd166}.connections-workspace{background:#1c1522;border-block:1px solid #352a3d;grid-template-columns:minmax(0,1.42fr) minmax(360px,.58fr);min-height:740px;display:grid}.connections-canvas-scroll{overscroll-behavior-inline:contain;min-width:0;overflow-x:auto}.connections-canvas{background-image:radial-gradient(circle at 50% 45%,#ff47971a,#0000 30%),linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:auto,44px 44px,44px 44px;min-width:760px;height:740px;position:relative;overflow:hidden}.connections-lines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.connections-lines line{vector-effect:non-scaling-stroke;stroke:#514458;stroke-width:1.2px;transition:opacity .18s,stroke .18s,stroke-width .18s}.connections-lines line.is-active{stroke:#ff4797;stroke-width:2.5px}.connection-node{--node-x:50%;--node-y:50%;z-index:2;top:var(--node-y);left:var(--node-x);color:#fff;width:116px;font:inherit;text-align:center;cursor:pointer;background:0 0;border:0;justify-items:center;padding:0;transition:opacity .18s,transform .18s;display:grid;position:absolute;transform:translate(-50%,-50%)}.connection-node:hover,.connection-node:focus-visible,.connection-node.is-active{z-index:4;outline:none;transform:translate(-50%,-50%)scale(1.08)}.connection-node.is-dimmed{opacity:.42}.connection-node.is-connected{opacity:1}.connection-node-portrait{background:#34263d;border:2px solid #ff4797;border-radius:50%;place-items:center;width:68px;height:68px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 5px #ff479717,0 12px 24px #00000047}.connection-node.type-location .connection-node-portrait{border-color:#ffd166;box-shadow:0 0 0 5px #ffd16614,0 12px 24px #00000047}.connection-node.type-game .connection-node-portrait{color:#25182d;background:#ff4797;border-color:#fff}.connection-node.is-active .connection-node-portrait{box-shadow:0 0 0 7px #ffffff2e,0 16px 30px #0006}.connection-node-portrait img{object-fit:cover}.connection-node-portrait b{font-size:1rem}.connection-node>strong{max-width:116px;margin-top:7px;font-size:.74rem;line-height:1.15}.connection-node>small{color:#8f8297;letter-spacing:.05em;text-transform:uppercase;margin-top:3px;font-size:.6rem}.connection-profile{background:#211927;border-left:1px solid #352a3d;grid-template-rows:minmax(260px,.78fr) auto;display:grid}.connection-profile-image{background:#2a2030;min-height:290px;position:relative;overflow:hidden}.connection-profile-image img{object-fit:cover}.connection-profile-image>span:first-child:not(.connection-profile-shade):not(.status-pill){color:#ff8fbe;place-items:center;height:100%;font-size:6rem;font-weight:850;display:grid}.connection-profile-shade{background:linear-gradient(#0000 42%,#211927e6 100%);position:absolute;inset:0}.connection-profile-image .status-pill{color:#25182d;background:#ff4797;position:absolute;top:18px;left:18px}.connection-profile-copy{align-content:start;gap:14px;padding:26px;display:grid}.connection-profile-copy .eyebrow{color:#ff8fbe;margin:0}.connection-profile-copy h2{letter-spacing:-.065em;margin:0;font-size:clamp(2.4rem,4vw,4.4rem);line-height:.86}.connection-profile-copy>p:not(.eyebrow){color:#b9adc0;margin:0;font-size:.92rem;line-height:1.55}.connection-profile-stats{background:#493c52;grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.connection-profile-stats span{color:#9f92a8;text-transform:uppercase;background:#211927;gap:3px;padding:11px 12px;font-size:.7rem;display:grid}.connection-profile-stats strong{color:#ff8fbe;font-size:1.4rem}.connection-related-list{gap:5px;display:grid}.connection-related-list button{color:#fff;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #44384d;justify-content:space-between;align-items:center;gap:14px;padding:9px 11px;display:flex}.connection-related-list button:hover,.connection-related-list button:focus-visible{border-color:#ff4797;outline:none}.connection-related-list button>span:first-child{gap:2px;display:grid}.connection-related-list small{color:#94879d;text-transform:uppercase;font-size:.65rem}.connection-related-list strong{font-size:.82rem}.connection-related-list button>span:last-child{color:#ff8fbe}.connection-profile-copy>a{color:#25182d;background:#ffd166;margin-top:2px;padding:12px 14px;font-size:.82rem;font-weight:800}.connection-profile-copy>a:hover,.connection-profile-copy>a:focus-visible{background:#ff4797;outline:none}.connection-empty{background:#ffd16614;border-left:2px solid #ffd166;padding:10px 12px}.connections-unavailable{align-content:center;justify-items:start;gap:12px;min-height:60vh;display:grid}.connections-unavailable h2{margin:0;font-size:clamp(2rem,5vw,4rem)}@media (max-width:940px){.connections-workspace{grid-template-columns:1fr}.connection-profile{border-top:1px solid #352a3d;border-left:0;grid-template-rows:auto;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr)}}@media (max-width:720px){.connections-page{padding-top:18px}.connections-header{grid-template-columns:1fr;gap:20px}.connections-header h1{font-size:clamp(3.5rem,16vw,5.8rem)}.connections-toolbar{flex-direction:column;align-items:flex-start}.connections-canvas{height:680px}.connection-profile{grid-template-columns:1fr}.connection-profile-image{min-height:58vh}}@media (prefers-reduced-motion:reduce){.connections-lines line,.connection-node{transition:none}}