/* One clue per exploration state. */
body .offer-banner{display:none}
body[data-state="anomaly1"] .offer-banner{display:flex}
body:not([data-state="anomaly2"]) .profile-toggle,
body:not([data-state="anomaly2"]) .target-profile{display:none}
.portrait{background-size:cover;background-position:center}
.portrait-1{background-image:url("assets/barber-person-1.png")}
.portrait-2{background-image:url("assets/barber-person-2.png")}
.portrait-3{background-image:url("assets/barber-person-3.png")}
.portrait-4{background-image:url("assets/barber-style02-v2.png")}
.portrait-5{background-image:url("assets/barber-person-5.png")}
.portrait-6{background-image:url("assets/barber-person-6.png")}
.hero-portrait{background-image:url("assets/barber-portraits.png");background-size:auto 200%;background-position:50% 0}

body[data-state="anomaly2"] .profile-toggle{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:0;background:transparent;color:#851019;font-size:15px;font-weight:900;box-shadow:none}
body[data-state="anomaly2"] .profile-toggle:after{display:none}
body[data-state="anomaly2"] .profile-toggle.open{background:#851019;color:#050505}
.target-profile.open dl>div:not(.typing):not(.typed){display:none}
.target-profile.open dl>div.typing,.target-profile.open dl>div.typed{display:grid;animation:recordLineIn .18s steps(2,end) both}
.target-profile.open dl>div.typing dd:after{content:"█";margin-left:2px;color:#e21a25;animation:recordCursor .42s steps(1,end) infinite}
@keyframes recordLineIn{from{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:none}}
@keyframes recordCursor{50%{opacity:0}}