/* DATA COURIERS 20XX — Visual Pack V4.
 * 56 unique illustrations; additive styles only, no game logic. */
/* NM24 City Echo: real documented activity + clearly illustrative artwork */
#dcCityEchoWidget .dc-city-echo-card__media{
 position:relative;height:124px;min-height:100px;flex:0 0 124px;overflow:hidden;
 margin:-12px -12px 9px;border-bottom:1px solid #29a5b3;
 background:linear-gradient(110deg,#042538,#28142d);
}
#dcCityEchoWidget .dc-city-echo-card__media img{
 display:block;width:100%;height:100%;object-fit:cover;
 filter:saturate(1.03) brightness(.9);
 transition:transform .22s ease,filter .22s ease;
}
#dcCityEchoWidget .dc-city-echo-card:hover .dc-city-echo-card__media img{
 transform:scale(1.03);filter:saturate(1.12) brightness(1.03);
}
#dcCityEchoWidget .dc-city-echo-card__media span{
 position:absolute;left:5px;bottom:5px;
 padding:3px 5px;color:#c2fafd;background:#03131ccc;
 border:1px solid #128d9c;
 font:800 8px/1.2 monospace;letter-spacing:.05em;
}
#dcCityEchoWidget .dc-city-echo-archive{margin-top:16px;background:#081d2b;border:1px solid #21718d;border-radius:6px;}
#dcCityEchoWidget .dc-city-echo-archive summary{
 cursor:pointer;padding:12px;color:#76eff8;font:800 10px/1.4 monospace;
}
#dcCityEchoWidget .dc-city-echo-archive__grid{
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:8px;
}
#dcCityEchoWidget .dc-city-echo-archive__grid figure{margin:0;min-width:0;border:1px solid #21566c;background:#05111c}
#dcCityEchoWidget .dc-city-echo-archive__grid img{width:100%;height:106px;object-fit:cover;display:block}
/* 19-C: visual narrator + terminal device, without changing canonical state */
.dc4-terminal-emblem{overflow:hidden;padding:0!important;background:#130e28!important}
.dc4-terminal-emblem img{display:block;width:100%;height:100%;object-fit:cover;filter:contrast(1.1) saturate(1.2)}
.dc4-terminal-hero{
 display:flex;gap:14px;align-items:center;min-height:104px;margin:0 0 13px;
 border:1px solid #236d84;border-radius:7px;overflow:hidden;
 background:linear-gradient(120deg,#042f3c,#18132e);box-shadow:inset 0 0 15px #06dbf21b;
}
.dc4-terminal-hero>img{width:168px;height:104px;object-fit:cover;flex:0 0 168px}
.dc4-terminal-hero>div{min-width:0;padding:8px 10px 8px 0;display:flex;flex-direction:column;gap:6px}
.dc4-terminal-hero small{font:800 9px monospace;color:#53f6e7;letter-spacing:.08em}
.dc4-terminal-hero strong{font:900 17px/1.25 'Arial Narrow',Arial,sans-serif;color:#fff}
.dc4-terminal-hero span{color:#b7dbe2;font:11px/1.4 system-ui,sans-serif}
.dc4-archive-title{font:900 14px monospace;color:#f1b4ec;margin:18px 0 10px}
.dc4-archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.dc4-archive-grid figure{margin:0;border:1px solid #365c73;border-radius:6px;overflow:hidden;background:#091d2b}
.dc4-archive-grid img{display:block;width:100%;height:135px;object-fit:cover}
.dc4-archive-grid figcaption{font:800 10px/1.4 monospace;color:#c5d7e6;padding:6px}
/* CHIP: actual inventory pictures only beside actual owned records.
 * The illustrative archive is a collapsed, visibly non-owned gallery. */
.chip-item{min-width:0;overflow:hidden}
.chip-item .dc4-owned-item-art{
 display:block;float:left;width:62px;height:62px;max-width:62px;object-fit:contain;
 margin:0 11px 4px 0;border:1px solid #238b9c;border-radius:5px;
 background:linear-gradient(145deg,#052639,#150e2c);
}
.chip-item .dc4-owned-item-art~small{clear:both}
.dc4-equipment-archive{
 margin:20px 0 34px;border:1px solid #1c8491;border-radius:8px;
 background:linear-gradient(125deg,rgba(4,33,46,.97),rgba(16,13,37,.97));
 padding:0 15px 15px;color:#d9f8ff;
}
.dc4-equipment-archive summary{
 cursor:pointer;padding:17px 3px;color:#56f4f6;font:900 13px/1.3 monospace;letter-spacing:.06em;
}
.dc4-equipment-archive summary span{float:right;color:#c1a6e2;font:800 10px/1.7 monospace}
.dc4-equipment-archive p{color:#bbd8e2;font:12px/1.65 system-ui,sans-serif}
.dc4-equipment-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.dc4-equipment-grid figure{margin:0;min-width:0;border:1px solid #2a6377;border-radius:5px;overflow:hidden;background:#061b2b}
.dc4-equipment-grid img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.dc4-equipment-grid figcaption{padding:7px;color:#daf7ff;font:800 10px/1.4 monospace}
/* Optional thumbnail presentation on the legacy Circuit Vivo modal. */
.dc-vivo-achievement .dc-vivo-achievement__image{object-fit:contain!important}
@media(max-width:1000px){
 .dc4-equipment-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .dc4-archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:620px){
 #dcCityEchoWidget .dc-city-echo-archive__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #dcCityEchoWidget .dc-city-echo-archive__grid img{height:110px}
 .dc4-terminal-hero{gap:8px}
 .dc4-terminal-hero>img{width:102px;height:115px;flex-basis:102px}
 .dc4-terminal-hero strong{font-size:13px}
 .dc4-terminal-hero span{font-size:10px}
 .dc4-archive-grid,.dc4-equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dc4-equipment-archive summary span{float:none;display:block;margin-top:5px}
}
@media(prefers-reduced-motion:reduce){
 #dcCityEchoWidget .dc-city-echo-card__media img{transition:none}
 #dcCityEchoWidget .dc-city-echo-card:hover .dc-city-echo-card__media img{transform:none}
}